@charset "utf-8";
*{font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;box-sizing: border-box;line-height: 1.8;}
a,p,li {color:#333}
html{scroll-behavior: smooth;}
.spOnly,.mnavHamb {display: none;}
.fl {float: left;}
.cb {clear: both;}


/*------section------*/
.suntory_contents {overflow: auto;height: auto;}
.section01 {overflow: auto;}
.section01.bgSection {background-color:#fff100;background-image: url(/wine/special/bollicini/img/bg_shape_01.png);background-position: bottom;background-repeat: repeat-x;padding-bottom: 200px;}
.section02 {width: 1165px;margin:auto;}
.imgBox {position: relative;text-align: center;}
.imgBox img {}
.outerBtn {transition: .3s ease;text-align: center;}
.outerBtn .parent-iframe-relative>a img {display: inline!important;} 
.outerBtn a {}
.section02 .ttl01 {}
.section02 .ttl01 img {}
.section02 .txt01 {}
.ttl01,.txt01,.note,.ttl02 {text-align: center;}
.ttl01 {margin-top: 45px;}
.txt01 {font-size: 30px;margin-top: 60px;}
.ttl02 {font-size: 36px;font-weight: 600;margin-top: 30px;}
.note {font-size: 20px;margin-top: 20px;}
/*------header------*/
header.header {display: flex;height: 110px;align-items: center;position: relative;justify-content: space-between;}
header.header h1 {}
header.header h1 a {}
header.header h1 a img {}
.menuBtn {width: 80px;height: 80px;cursor: pointer;z-index: 9;transition: .3s ease;}
.menuBtn.sticky {position: fixed;top:0;right: 19.2%;/*border:4px solid #fff100;box-sizing: content-box;*/}
.modalBg {display: none;}
.modalBg.show {display: block;position: fixed;background:rgba(255,255,255,0.5);height: 100%;width: 100%;z-index: 9;top: 0;}
.menuList.show {z-index: 9;display: block;position: fixed;top: 70px;right: 19.5%; transition: .3s ease; width: 430px; box-sizing: border-box; background: #fff;box-shadow: 2.121px 2.121px 0px 2px rgba(0, 0, 0, 0.004);border:4px solid; border-radius: 4px;padding-bottom: 25px;}
.menuList{display: none;}
.menuList li {}
.menuList li a:hover {opacity: 0.8;} 
.menuList li.close {text-align: right;cursor: pointer;}
.menuList li a {display: flex;width: 350px;height: 80px;border-bottom: 2px solid;align-items: center;justify-content: center;margin: auto;transition: .3s ease;}
.menuList li:nth-child(2) a {;border-top: 2px solid;margin-top: 20px;}
.menuList li a img {}

/*------mv section------*/
.mvSection {}
.mvSection .imgBox {}
.mvSection .imgBox .outerBtn {position: absolute;bottom:30px;left: 30px;}
.mvSection .imgBox .outerBtn a img {}
.mvSection .imgBox .fukidashi {opacity: 0;animation-delay: 1s; animation-fill-mode: forwards; position: absolute;top:-50px;right: 105px;animation-name: fadein;-webkit-animation-duration: 1s;}
@-webkit-keyframes btn-sample-5 {10% {-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}20% {	-webkit-transform: translateX(-3px) rotate(-2deg);	transform: translateX(-3px) rotate(-2deg);}30% {	-webkit-transform: translateX(3px) rotate(2deg);	transform: translateX(3px) rotate(2deg);}40% {	-webkit-transform: translateX(-3px) rotate(-2deg);	transform: translateX(-3px) rotate(-2deg);}50% {	-webkit-transform: translateX(2px) rotate(1deg);	transform: translateX(2px) rotate(1deg);}60% {	-webkit-transform: translateX(-2px) rotate(-1deg);	transform: translateX(-2px) rotate(-1deg);}70% {	-webkit-transform: translateX(2px) rotate(1deg);	transform: translateX(2px) rotate(1deg);}80% {	-webkit-transform: translateX(-2px) rotate(-1deg);	transform: translateX(-2px) rotate(-1deg);}90% {	-webkit-transform: translateX(1px) rotate(0);	transform: translateX(1px) rotate(0);}100% {	-webkit-transform: translateX(-1px) rotate(0);	transform: translateX(-1px) rotate(0);}
}
@keyframes btn-sample-5 {10% {-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}20% {-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}30% {-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}40% {-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}50% {-webkit-transform: translateX(2px) rotate(1deg);transform: translateX(2px) rotate(1deg);}60% {-webkit-transform: translateX(-2px) rotate(-1deg);transform: translateX(-2px) rotate(-1deg);}70% {-webkit-transform: translateX(2px) rotate(1deg);transform: translateX(2px) rotate(1deg);}80% {-webkit-transform: translateX(-2px) rotate(-1deg);transform: translateX(-2px) rotate(-1deg);}90% {-webkit-transform: translateX(1px) rotate(0);transform: translateX(1px) rotate(0);}100% {-webkit-transform: translateX(-1px) rotate(0);transform: translateX(-1px) rotate(0);}
}
@keyframes fadein {from {transform: translate3d(0,40px,0); opacity: 0;}to { transform: translate3d(0,0,0);opacity: 1;}}
.fukidashi:hover,.fukidashi:focus,.fukidashi:active {opacity:1;animation-delay:0s!important;-webkit-animation-name: btn-sample-5!important;animation-name: btn-sample-5!important;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;
}
.mvSection .imgBox .fukidashi img{}

.section02 .ttlBox {}
.section02 .ttlBox .ttl01 {display: flex;justify-content: space-between;align-items: center;}
#mv .section02 .txt01 {margin-top: 40px;}
.section02 .ttlBox p {}
.section02 .ttlBox p img {}


/*------introduce------*/
.section01#introduce .section02 {padding:45px 60px 0;}
.section01#introduce .section02 .logo {margin: 50px auto 90px;}
.section01#introduce .imgList {display: flex;justify-content: space-between;margin:50px auto 70px;}
.section01#introduce .imgList li {}
.section01#introduce .imgList li img {}

/*------lineup------*/
.section01#lineup {}
.section01#lineup .contentList {display: flex;justify-content: space-between;}
.section01#lineup .contentList li {width: 492px;padding:80px 0 30px;}
.section01#lineup .contentList li .imgBox {}
.section01#lineup .contentList li .txt01 {margin: 20px auto 30px;}
.section01#lineup .contentList li .outerBtn {margin-bottom: 30px;}
.section01#lineup .contentList li .outerBtn a {}
.section01#lineup .contentList li .outerBtn a img {width: 360px;height: auto;}
.section01#lineup .txt01 {font-size: 19px;margin-top: 60px;}
.section01#lineup .ttl02 {font-size: 27px;font-weight: 600;margin-top: 30px;}

/*------mariage------*/
.section01#mariage .section02 {padding:90px 60px 80px;}
.section01#mariage .setList {display: flex;justify-content: space-between;flex-flow: wrap;margin-top: 70px;}
.section01#mariage .setList li {width: 492px; background-color:#fff100;padding:15px;box-sizing: border-box;}
.section01#mariage .setList li:nth-child(n+3) {margin-top: 60px;}
.section01#mariage .setList li .txt01 {font-size: 22px;font-weight: 600;margin-top: 20px;}
.section01#mariage .setList li .imgBox {}

/*------toTopBtn------*/
.section01#toTop {background:#fff100;padding:25px 0;}
.section01#toTop p.toTopBtn{text-align: center;}

/*------New icon------*/
.section01#lineup .contentList li .imgBox .new_icon{
    position: absolute;
    left: 211px;
    top: -71px;
}