@charset "utf-8";
body {
  margin: 0;
  min-width: 960px;	
    overflow: clip visible;
}
.pc_none {
  display: none;
}
.sp_none {
  display: block;
}
#douzo-mv {
  width: 100%;
  min-width: 960px;
  height: 523px;
  background-position: center;
  background-image: url("../img/mv_bg.jpg");
  background-repeat: no-repeat;
}
#douzo-mvInner {
  position: relative;
  max-width: 1015px;
  min-width: 960px;
  margin: 0 auto;
  height: 523px;
	   overflow: clip visible;
}
#mv01 {
  position: absolute;
  right: 143px;
  top: 62px;
}
#mv02 {
  position: absolute;
  left: 112px;
  top: 62px;
}
#mv03 {
  position: absolute;
  right: 70px;
  top: 32px;
}
#mv04 {
  width: 482px;
  margin: 0 auto;
  padding-top: 33px;
}
#leaf01 {
  position: absolute;
  width: 86px;
  top: 137px;
  left: 0;
  z-index: 999;
}
#leaf02 {
  position: absolute;
  width: 88px;
  top: 411px;
  right: 169px;
  z-index: 999;
}
#leaf03 {
  position: absolute;
  width: 86px;
  top: 47px;
  left: 334px;
  z-index: 999;
}
#leaf04 {
  position: absolute;
  width: 97px;
  top: 443px;
  left: 288px;
  z-index: 999;
}
#leaf05 {
  position: absolute;
  width: 94px;
  top: 82px;
  right: 0;
  z-index: 999;
}
#leaf06 {
  position: absolute;
  width: 121px;
  top: 82px;
  right: 315px;
  z-index: 999;
}
#douzo-main {
  width: 100%;
  min-width: 960px;
  background-position: center;
  background-image: url("../img/main_bg.jpg");
  background-repeat: repeat-y;
}
#douzo-lead {
  position: relative;
  width: 615px;
  height: 387px;
  margin: 0 auto;
}
#lead01 {
  width: 248px;
  margin: 0 auto;
  padding-top: 58px;
}
#btn_shop {
  width: 360px;
  margin: 0 auto;
  padding-top: 54px;
}
#btn_shop a {
  display: block;
  line-height: 0;
  background-color: #fff;
		border-radius: 35px;
}
#btn_shop a img {
  transition: 0.5s;
}
#btn_shop a img:hover {
  opacity: 0.7;
}
#lead02 {
  width: 615px;
  margin: 0 auto;
  padding-top: 62px;
}
#leaf07 {
  position: absolute;
  width: 178px;
  top: 203px;
  left: -76px;
  z-index: 999;
}
#leaf08 {
  position: absolute;
  width: 97px;
  top: 65px;
  right: -33px;
  z-index: 999;
}
#douzo-main01 {
  position: relative;
  width: 100%;
  max-width: 1920px;
  min-width: 960px;
  height: 660px;
  margin: 0 auto;
  background-position: center;
  background-image: url("../img/main01_bg.jpg");
  background-repeat: no-repeat;
}
#douzo-main01Inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
}
#leaf09 {
  position: absolute;
  width: 219px;
  top: 543px;
  left: 81px;
  z-index: 999;
}
#douzo-main01-contents {
  position: absolute;
  top: 209px;
  left: 115px;
}
#douzo-main02 {
  position: relative;
  width: 100%;
  max-width: 1920px;
  min-width: 960px;
  height: 660px;
  margin: 0 auto;
  background-position: center;
  background-image: url("../img/main02_bg.jpg");
  background-repeat: no-repeat;
}
#douzo-main02Inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
}
#douzo-main02-contents01 {
  position: absolute;
  width: 241px;
  top: 102px;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}
#douzo-main02-contents02 {
  position: absolute;
  width: 264px;
  top: 138px;
  right: 71px;
}
#leaf10 {
  position: absolute;
  width: 111px;
  top: 611px;
  right: 385px;
  z-index: 999;
}
#douzo-main03 {
  position: relative;
  width: 100%;
  max-width: 1920px;
  min-width: 960px;
  height: 660px;
  margin: 0 auto;
  background-position: center;
  background-image: url("../img/main03_bg.jpg");
  background-repeat: no-repeat;
}
#douzo-main03Inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
}
#douzo-main03-contents01 {
  position: absolute;
  width: 164px;
  top: 252px;
  left: 15px;
}
#douzo-main03-contents02 {
  position: absolute;
  width: 163px;
  top: 282px;
  right: 15px;
}
#douzo-main03-contents03 {
  position: absolute;
  width: 90px;
  top: 197px;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}
#douzo-main03-contents04 {
  position: absolute;
  width: 288px;
  top: 72px;
  left: 67px;
}
#douzo-main03-contents05 {
  position: absolute;
  width: 358px;
  top: 495px;
  right: 44px;
}
#leaf11 {
  position: absolute;
  width: 194px;
  top: 498px;
  left: -77px;
  z-index: 999;
}
#douzo-main04 {
  position: relative;
  width: 100%;
  max-width: 1920px;
  min-width: 960px;
  height: 660px;
  margin: 0 auto;
  background-position: center;
  background-image: url("../img/main04_bg.jpg");
  background-repeat: no-repeat;
}
#douzo-main04Inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
}
#douzo-main04-contents01 {
  position: absolute;
  width: 389px;
  top: 227px;
  right: 50px;
}
#leaf12 {
  position: absolute;
  width: 212px;
  top: 556px;
  right: 199px;
  z-index: 999;
}
#douzo-lead2 {
  position: relative;
  width: 615px;
  height: 324px;
  margin: 0 auto;
}
#lead2_02 {
  width: 248px;
  margin: 0 auto;
  padding-top: 72px;
}
#btn_shop2 {
  width: 360px;
  margin: 0 auto;
  padding-top: 70px;
}
#btn_shop2 a {
  display: block;
  line-height: 0;
  background-color: #fff;
	border-radius: 35px;
}
#btn_shop2 a img {
  transition: 0.5s;
}
#btn_shop2 a img:hover {
  opacity: 0.7;
}
#btn_brand {
  width: 257px;
  margin: 0 auto;
  padding-top: 50px;
}
#btn_brand a {
  display: block;
  line-height: 0;
  background-color: #fff;
}
#btn_brand a img {
  width: 100%;
  transition: 0.5s;
}
#btn_brand a img:hover {
  opacity: 0.7;
}
#leaf13 {
  position: absolute;
  width: 101px;
  top: 83px;
  left: -38px;
  z-index: 999;
}
#toTop {
  background-color: #f3f3f3;
  padding: 20px 0;
	border-bottom: 2px solid #add60a;
}
#toTop img {
    max-width: 100%;
    vertical-align: top;
}
#toTop a {
	display: block;
	width: 63px;
	margin: auto;
}
#toTop .ampimgWrap {
	padding: calc(34 / 63 * 100%) 0 0 0;
}

@media screen and (max-width:767.9px) {
	body {
		  min-width: 100%;	
	}
	#suntory_contents {
		position: relative;
		width: 100%;
		overflow-x: hidden;
	}	
  img {
    width: 100%;
  }
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
  #douzo-mv {
    width: 100%;
    min-width: 100%;
    height: calc(100vw * 1.3);
    background-image: url("../img/mv_bg_sp.jpg");
    background-repeat: repeat;
    overflow: clip visible;
	background-size: cover;  
  }
  #douzo-mvInner {
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
    height: auto;
  }
  #mv01 {
    width: calc(100vw * 0.18);
    right: calc(100vw * 0.12);
    top: calc(100vw * 0.05);
  }
  #mv02-1 {
    position: absolute;
    width: calc(100vw * 0.32);
    top: calc(100vw * 0.07);
    left: calc(100vw * 0.33);
  }
#mv02-2 {
  position: absolute;
  width: calc(100vw * 0.078);
  bottom: calc(100vw * 0.043);
  right: calc(100vw * 0.148);
}
  #mv03 {
    width: calc(100vw * 0.225);
    left: calc(100vw * 0.09);
    top: calc(100vw * 0.03);
  }
  #mv04 {
    width: calc(100vw * 0.74);
    margin: 0 auto;
    padding-top: calc(100vw * 0.54);
  }
  #leaf01 {
    width: calc(100vw * 0.13);
    top: calc(100vw * 0.65);
    left: calc(-1 * (100vw * 0.02));
  }
  #leaf02 {
    width: calc(100vw * 0.14);
    top: calc(100vw * 0.95);
    right: calc(-1 * (100vw * 0.03));
  }
  #leaf03 {
    width: calc(100vw * 0.14);
    top: calc(100vw * 0.55);
    left: calc(100vw * 0.18);
  }
  #leaf04 {
    width: calc(100vw * 0.15);
    top: calc(100vw * 1.03);
    left: calc(100vw * 0.09);
  }
  #leaf05 {
    width: calc(100vw * 0.15);
    top: calc(100vw * 0.5);
    right: calc(100vw * 0.01);
  }
  #leaf06 {
    width: calc(100vw * 0.2);
    top: calc(100vw * 0.64);
    right: calc(100vw * 0.16);
  }
  #leaf15 {
    position: absolute;
    width: calc(100vw * 0.14);
    top: calc(100vw * 1.25);
    right: calc(100vw * 0.12);
  }
  #douzo-main {
    width: 100%;
    min-width: 100%;
  }
  #douzo-lead {
    width: 100%;
    height: calc(100vw * 0.8);
    margin: 0 auto;
  }
  #lead01 {
    width: calc(100vw * 0.55);
    margin: 0 auto;
    padding-top: calc(100vw * 0.085);
  }
  #btn_shop {
    width: calc(100vw * 0.813);
    margin: 0 auto;
    padding-top: calc(100vw * 0.03);
  }
  #lead02 {
    width: calc(100vw * 0.72);
    margin: 0 auto;
    padding-top: calc(100vw * 0.125);
  }
  #leaf07 {
    width: calc(100vw * 0.3);
    top: calc(100vw * 0.57);
    left: calc(-1 * (100vw * 0.02));
    z-index: 999;
  }
  #leaf08 {
    width: calc(100vw * 0.17);
    top: calc(100vw * 0.32);
    right: calc(100vw * 0.05);
    z-index: 999;	  
  }
  #douzo-main01 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: calc(100vw * 1.576);
    background-image: url("../img/main01_bg_sp.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    overflow-x: clip;
    overflow-y: visible;
  }
  #douzo-main01Inner {
    max-width: 100%;
    height: calc(100vw * 1.576);
  }
  #douzo-main01-contents {
    width: calc(100vw * 0.83);
    top: calc(100vw * 0.88);
    left: calc(100vw * 0.05);
  }
  #leaf09 {
    width: calc(100vw * 0.4);
    top: calc(100vw * 1.4);
    left: calc(100vw * 0.44);
  }
  #douzo-main02 {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: calc(100vw * 1.37);
    margin: 0 auto;
    background-position: center;
    background-image: url("../img/main02_bg_sp.jpg");
    background-repeat: repeat-y;
    background-size: contain;
    overflow-x: clip;
    overflow-y: visible;
  }
  #douzo-main02Inner {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
  }
  #douzo-main02-contents01 {
    position: absolute;
    width: calc(100vw * 0.43);
    top: 0;
    left: 0;
    transform: none;
    -webkit- transform: none;
  }
  #douzo-main02-contents02 {
    position: absolute;
    width: calc(100vw * 0.45);
    top: calc(100vw * 0.2);
    left: calc(100vw * 0.47);
  }
  #douzo-main03 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: calc(100vw * 1.71);
    background-position: center;
    background-image: url("../img/main03_bg_sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: clip;
    overflow-y: visible;
  }
  #douzo-main03Inner {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
  }
  #douzo-main03-contents01 {
    width: calc(100vw * 0.25);
    top: calc(100vw * 0.12);
    left: calc(100vw * 0.56);
  }
  #douzo-main03-contents02 {
    width: calc(100vw * 0.25);
    top: calc(100vw * 1.368);
    left: calc(100vw * 0.42);
  }
  #douzo-main03-contents03 {
    width: calc(100vw * 0.15);
    top: calc(100vw * 0.6);
    left: calc(100vw * 0.057);
    transform: none;
    -webkit- transform: none;
  }
  #douzo-main03-contents04 {
    width: calc(100vw * 0.44);
    top: calc(100vw * 0.12);
    left: calc(100vw * 0.05);
  }
  #douzo-main03-contents05 {
    width: calc(100vw * 0.38);
    top: calc(100vw * 1.032);
    left: calc(100vw * 0.517);
  }
  #leaf10 {
    width: calc(100vw * 0.27);
    top: calc(100vw * 2.1);
    left: calc(100vw * 0.266);
  }
  #douzo-main04 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: calc(100vw * 1.576);
    background-image: url("../img/main04_bg_sp.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    overflow-x: clip;
    overflow-y: visible;
  }
  #douzo-main04Inner {
    max-width: 100%;
    height: calc(100vw * 1.576);
  }
  #douzo-main04-contents01 {
    width: calc(100vw * 0.86);
    top: calc(100vw * 0.877);
    left: calc(100vw * 0.053);
  }
  #leaf11 {
    width: calc(100vw * 0.42);
    top: calc(100vw * 2.33);
    left: calc(100vw * 0.57);
    z-index: 999;
  }
  #leaf12 {
    width: calc(100vw * 0.42);
    top: calc(100vw * 1.28);
    left: 0;
  }
  #douzo-lead2 {
    position: relative;
    width: 100%;
    height: calc(100vw * 0.341);
    margin: 0 auto;
  }
  #btn_brand {
    width: calc(100vw * 0.581);
    margin: 0 auto;
    padding-top: calc(100vw * 0.1);
  }
  #btn_shopSp {
    position: fixed;
    width: 120px;
    right: 3%;
    bottom: 1%;
	z-index: 9999;  
  }
	#toTop {
		padding: 0 15px;
	}
#toTop a {
    display: block;
    width: calc(189 / 1242 * 100%);
    margin: auto;
    padding: 15px 0;
}
	#toTop .ampimgWrap {
		padding: calc(34 / 63 * 100%) 0 0 0;
	}
}