/*===== ! mobile first ! ======*/
.noscroll {overflow-y: hidden;}
.ttl01,.ttl02,.txt,.sub,.note {font-family: 'Noto Serif JP', serif;}
.ttl01 {text-align: center;font-size: 6.933333vw;padding: 4.26666vw 0;line-height: 1.384615;font-weight: 600;}
.ttl02 {text-align: center;font-size: 6.4vw;line-height: 1.3333333;}
.txt {line-height: 1.3333333;font-size: 4.2666666vw;margin-top: 2.66666vw;}
.wrapInner {}
.imgBox {}
.sub {font-size: 3.2vw;margin-top: 10px;}
/*===========*/
.mainVisual {background-color: #000;color: #fff;}
.mainVisual .imgBox {}
.mainVisual .imgBox img {}
.mainVisual .txtBox {}
.mainVisual .txtBox .ttl01 {}

/*=====contentsSection======*/
.contentsSection {}
.section01 {margin-top: 2.13333vw;}
.section01 .wrapInner {display: flex;justify-content: center;padding: 8.533333vw 4.266666vw 6.4vw;flex-wrap: wrap;}
.section01 .wrapInner .leftBox {}
.section01 .wrapInner .leftBox .imgBox {margin-bottom: 6.4vw;}
.section01 .wrapInner .leftBox .imgBox img {}
.section01 .wrapInner .leftBox .imgBox .fukidashi {text-align: center;position: relative;padding: 5.8666666vw 0 ;background: #fff;margin-top: 4.266666vw;}
.section01 .wrapInner .leftBox .imgBox .fukidashi:before {content: "";width: 6.4vw;height: 6.4vw;display: block;background: #fff;position: absolute;left: 6.4vw;top: -2.66666vw;transform: rotate(45deg);}
.section01 .wrapInner .leftBox .imgBox .fukidashi .txt {font-size: 6.4vw;}
.section01 .wrapInner .leftBox .txtBox {}
.section01 .wrapInner .leftBox .txtBox .ttl02 {margin-bottom: 2.133333vw;}
.section01 .wrapInner .leftBox .txtBox .txt {line-height: 1.5;}
.section01 .wrapInner .rightBox {width: 100%;}
.section01 .wrapInner .rightBox .imgBox {}
.section01 .wrapInner .rightBox .imgBox+.imgBox {margin-top: 4.266666vw;}
.section01 .wrapInner .rightBox .modalBtn {transition: all .3s ease; font-family: "Noto Sans JP"; background: #000;color: #fff;height: 10.66666vw;display: flex;font-size: 3.73333vw; cursor: pointer;align-items: center;justify-content: center;margin-top: 8.5333333vw;}
.section01 .wrapInner .rightBox .modalBtn:hover {background: #fff;color: #000;} 
.modal {display: none;background: rgba(0, 0, 0, 0.8);position: fixed;width: 100%;height: 100vh;top: 0;left: 0;z-index: 9999;overflow: auto;}
.modal .modalInner {box-sizing: border-box;width: 100%;background: #fff;border-radius: 8.53333vw;padding: 7vw;z-index: 9999;margin: 5vw auto;position: relative;}
.modal .modalInner .closeBtn {width: 6.4vw;height: 6.4vw;position: absolute;top: 6.4vw;right: 6.4vw;}
.modal .modalInner .closeBtn a {}
.modal .modalInner .closeBtn a img {}
.modal .modalInner .txtBox {margin-bottom: 10vw;}
.modal .modalInner .ttl {text-align: center; font-family: "Noto Sans JP";font-size: 7vw;padding:10vw 0 2.666666vw;margin-bottom: 5.33333vw;border-bottom: 1.066666vw solid;font-weight: bold;}
.modal .modalInner .txtBox .txt {font-family: "Noto Sans JP";font-size: 4.26666vw;margin-bottom:5vw;line-height: 1.5}
.modal .modalInner .txtBox .note {font-family: "Noto Sans JP";font-size: 4.26666vw;margin-left: 1em;text-indent: -1em;line-height: 1.5;}
.modal .modalInner .txtBox .note:before {content: "・";}
.modal .modalInner .imgBox {}
.modal .modalInner .imgBox img {}

.modal.active {display: block;}

/*=====section01.productInfo1======*/
.section01.productInfo1 {}
.section01.productInfo1 .wrapInner{}
.section01.productInfo1 .wrapInner .leftBox {margin-bottom: 6.4vw;}
.section01.productInfo1 .wrapInner .leftBox .imgBox {}
.section01.productInfo1 .wrapInner .rightBox .imgBox {}

/*=====section01.productInfo2======*/
.section01.productInfo2 {position: relative;background: transparent;margin-bottom: 2.13333vw;}
.section01.productInfo2::before{content: "";background: url(/whisky/craft_bourbon/images/top/bg01.png) top center;background-size: cover;opacity: 0.5;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: -9;}
.section01.productInfo2 .wrapInner .leftBox {margin-bottom: 10.1333333vw;}


/*===== ! pc !  ======*/

@media screen and (min-width: 768px) {
.ttl01 {font-size: 40px;line-height: 1.2;margin: 0}
.ttl02 {font-size: 32px;line-height: 1.25;}
.txt {line-height: 1.5555555;font-size: 18px}
.section01 {margin-bottom: 8px;margin-top:0;}
.wrapInner {}
.imgBox {}
/*===========*/
.mainVisual {position: relative;}
.mainVisual .imgBox {margin: auto;} 
.mainVisual .txtBox {width: 1164px;position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);}
.mainVisual .txtBox .ttl01 {margin-bottom: 0;color: #000;padding-bottom: 124px;}

/*=====contentsSection======*/
.contentsSection {}
.section01 {}
.section01 .wrapInner {justify-content: space-around;width: 1164px;padding: 0}
.section01 .wrapInner .leftBox {max-width: 550px;}
.section01 .wrapInner .leftBox .imgBox {margin: auto;margin-bottom: 45px;width: 343px;}
.section01 .wrapInner .leftBox .imgBox img {}
.section01 .wrapInner .leftBox .imgBox .fukidashi {padding: 22px 0 ;margin-top: 16px;}
.section01 .wrapInner .leftBox .imgBox .fukidashi:before {width: 24px;height: 24px;top: -8px;left: 24px;}
.section01 .wrapInner .leftBox .imgBox .fukidashi .txt {font-size: 24px;margin-top: 0;}
.section01 .wrapInner .leftBox .imgBox .fukidashi .sub {font-size: 14px;}
.section01 .wrapInner .leftBox .txtBox .ttl02 {margin-bottom: 0;}
.section01 .wrapInner .leftBox .txtBox .txt {margin-top: 16px;}
.section01 .wrapInner .rightBox {width: auto;}
.section01 .wrapInner .rightBox .imgBox+.imgBox {margin-top: 8px}
.section01 .wrapInner .txtBox {}
.section01 .wrapInner .txtBox .ttl02 {margin-bottom: 16px;}
.section01 .wrapInner .rightBox .modalBtn {font-size: 20px;height: 56px;margin-top: 48px;}
.modal {display: none;background: rgba(0, 0, 0, 0.8);position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;}
.modal .modalInner {width: 1164px;border-radius: 32px;padding:40px 90px 100px;height: auto;}
.modal .modalInner .closeBtn {width: 24px;height: 24px;position: absolute;top:24px;right:24px;}
.modal .modalInner .closeBtn a {}
.modal .modalInner .closeBtn a img {}
.modal .modalInner .txtBox {margin-bottom: 0;width: 470px;}
.modal .modalInner .ttl {font-size: 36px;padding:40px 0 20px;margin-bottom:70px;border-bottom: 4px solid;width: 400px;margin: auto;}
.modal .modalInner .wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 70px;}
.modal .modalInner .txtBox .txt {font-size: 18px;margin-bottom:40px;margin-top: 0;}
.modal .modalInner .txtBox .note {font-size: 18px;}
.modal .modalInner .txtBox .note:before {content: "・";}
.modal .modalInner .imgBox {}
.modal .modalInner .imgBox img {}

/*=====section01.productInfo1======*/
.section01.productInfo1 {}
.section01.productInfo1 .wrapInner{}
.section01.productInfo1 .wrapInner .leftBox {margin-bottom:0;}

/*=====section01.productInfo2======*/
.section01.productInfo2 {}
.section01.productInfo2 .wrapInner .leftBox {margin-bottom: 0;}
}