@charset "utf-8";

html #rokuginWrap{
  overflow: hidden;
  min-width: 1164px;
}
html.wf-active #rokuginWrap{
  visibility: visible;
}

html body{ margin: 0;}

#suntory_contents{ -webkit-text-size-adjust: 100%; position: relative;}
#suntory_contents .contentsInner{ width: 1300px;}

@media screen and (min-width: 1480px){
 #suntory_contents{ margin: 0 auto; overflow: inherit;}
 
}

#suntory_contents ul,
#suntory_contents ol{ list-style-type: none;}

#suntory_contents .contentsInner p{ font-family: a-otf-ryumin-pr6n, serif;}

.pcOnly{}
.spOnly{ display: none;}

#suntory_contents .onlineBtn{ width: 327px;}
#suntory_contents .onlineBtn img{ width: 100%; height: auto;}

#suntory_contents .onlineBtn div#div-gpt-ad-1469518796001-0-1{ width: 327px; position: absolute;}
#suntory_contents .onlineBtn div#div-gpt-ad-1469518796001-0-3{ width: 327px;}
#suntory_contents .onlineBtn div#div-gpt-ad-1469518796001-0-5{ width: 327px;}
#suntory_contents .onlineBtndiv-gpt-ad-1469518796001-0-7{ width: 365px;}

#suntory_contents .detailArea{ min-width: 1300px;}

@media screen and (max-width: 767px){
.pcOnly{ display: none;}
.spOnly{ display: block;}
#suntory_contents .detailArea{ min-width: 0;}

#suntory_contents .onlineBtn{ width: 100%; margin: 35px 0;}
#suntory_contents .onlineBtn div#div-gpt-ad-1469518796001-0-2,
#suntory_contents .onlineBtn div#div-gpt-ad-1469518796001-0-4,
#suntory_contents .onlineBtn div#div-gpt-ad-1469518796001-0-6{ width: 100%; position: inherit; height: 46px;}	

}

#suntory_contents a img{ -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
#suntory_contents a:hover img{ opacity: 0.7;}
#suntory_contents img.imgMax{ width: 100%; height: auto;}

/*mainContentsarea*/
#suntory_contents .mainContentsarea,
#suntory_contents .detailContents{ background: url(/wnb/rokugin/img/ja/bg_content.jpg) center top;}
#suntory_contents .detailContents.white{ background: none;}
#suntory_contents #top.mainContentsarea{ position: relative;}
#suntory_contents .contentsInner{ margin: 0 auto; padding: 100px 0 0; position: relative;}
#suntory_contents .contentsInner.entrance{ margin: 0 auto; padding: 60px 0 0; position: relative;}
#suntory_contents .contentsInner.movieArea{ margin: 0 auto; padding: 30px 0 0; position: relative; max-width: 1164px;}
#suntory_contents .contentsInner.movieArea h3.ttl{ font-size: 4.8em;}
#suntory_contents .contentsInner.movieArea p.movieTxt{ margin-bottom: 55px; font-weight: bold;}
#suntory_contents .contentsInner.movieArea a{ cursor: pointer;}

#suntory_contents .mainContentsarea .logo{ clear: both; text-align: center;}
#suntory_contents .mainContentsarea .logo{ opacity: 1; width: 2048px; height: 966px; margin: 0 auto; background:  url(/wnb/rokugin/img/ja/img_kv_pc.jpg) no-repeat center center; position: relative; background-size: auto 966px; transition: 1s;}
#suntory_contents .mainContentsarea .logo p{ width: 100%; margin: 0 auto; position: relative;}
#suntory_contents .mainContentsarea .logo .logo01{ position: absolute; top: 80px; right: 70px; width: 156px; text-align: left;}
#suntory_contents .mainContentsarea .logo .logo02{ position: absolute; bottom: 80px; left: 70px; width: 503px; text-align: left;}
#suntory_contents .mainContentsarea .onlineBtn{ position: absolute; top: 135px; left: 34px;}

#suntory_contents .mainContentsarea .logo p a{ padding: 8px 25px 8px 40px; border: solid 1px #fff; background: url(/wnb/rokugin/img/ja/ico_arrow.png)no-repeat left 20px center #fff; cursor: pointer; font-family: "adobe-jenson-pro-display", serif; font-size: 2em; text-decoration: none; color: #000; border-radius: 1.5em; transition: 0.4s; font-weight: normal;}
#suntory_contents .mainContentsarea .logo p a:hover{ color: #E3BE7F; background: url(/wnb/rokugin/img/ja/ico_arrow_hov.png)no-repeat left 20px center #fff;}


#suntory_contents .mainContentsarea .logo div{ width: 100%; margin: 0 auto; position: relative;}
#suntory_contents .mainContentsarea .logo div ul{ position: absolute; top: 70px; left: 35px;}
#suntory_contents .mainContentsarea .logo div ul li{ width: 45px; display: inline-block; vertical-align: middle; margin-right: 10px;}
#suntory_contents .mainContentsarea .logo div ul li img{ width: 100%;}
#suntory_contents .mainContentsarea .logo div ul li.langBtn{ width: 117px; margin-right: 0;}
#suntory_contents .mainContentsarea .logo div ul li.langBtn a{ padding: 8px 25px 8px 40px; border: solid 1px #fff; background: url(/wnb/rokugin/img/ja/ico_arrow.png)no-repeat left 20px center #fff; cursor: pointer; font-family: "adobe-jenson-pro-display", serif; font-size: 2em; text-decoration: none; color: #000; border-radius: 1.5em; transition: 0.4s; font-weight: normal;}
#suntory_contents .mainContentsarea .logo div ul li.langBtn a:hover{ color: #E3BE7F; background: url(/wnb/rokugin/img/ja/ico_arrow_hov.png)no-repeat left 20px center #fff;}

#suntory_contents .mainContentsarea .navInner .spMenu{ display: none;}
#suntory_contents .mainContentsarea .navInner .spNav{ display: none !important;}

/*media screen*/
@media screen and (max-width: 2048px){
#suntory_contents .mainContentsarea .logo{ width: 100%; min-width: 1300px;}
}

@media screen and (max-width: 1280px){
#suntory_contents .onlineBtn div#div-gpt-ad-1469518796001-0-1{ width: 260px; position: absolute;}
#suntory_contents .mainContentsarea .logo div ul li{ width: 34px;}
#suntory_contents .mainContentsarea .logo div ul li.langBtn{ width: 90px;}
#suntory_contents .mainContentsarea .logo div ul li.langBtn a{ font-size: 1.5em; padding: 7px 18px 7px 36px;}
#suntory_contents .mainContentsarea .logo{ height: 540px; background-size: auto 645px;}
#suntory_contents .mainContentsarea .logo div ul{ top: 40px; left: 35px;}
#suntory_contents .mainContentsarea .logo .spLogo{ top: 37%;}	
#suntory_contents .mainContentsarea .logo .logo01{ top: 40px; right: 30px; width: 85px;}
#suntory_contents .mainContentsarea .logo .logo02{ bottom: 80px; left: 35px; width: 303px;}
#suntory_contents .mainContentsarea .onlineBtn{ top: 100px; left: 35px;}
}

@media screen and (max-width: 1190px){
#suntory_contents .contentsInner{ min-width: 1300px;}
#suntory_contents .mainContentsarea .logo{ background-size: 1310px auto; background-position: center center;}
#suntory_contents .mainContentsarea .logo p{ width: 100vw; position: absolute;}
#suntory_contents .mainContentsarea .logo p .langBtn{ top: 40px; right: 35px;}
  

}

@media screen and (max-width: 960px){
#suntory_contents .mainContentsarea .logo p{ width: 100vw; position: absolute;}
#suntory_contents .mainContentsarea .logo p .langBtn{ top: 40px; right: 35px;}
}

@media screen and (max-width: 767px){
#suntory_contents .contentsInner{ min-width: 0; width: auto;}
#suntory_contents .contentsInner.movieArea{ padding: 4px 0 0 0;}
#suntory_contents .contentsInner.movieArea h3.ttl{ font-size: 3em;}
#suntory_contents .contentsInner.movieArea p.movieTxt{ margin: 0 20px 35px !important;}

#suntory_contents .mainContentsarea .logo{ min-width: 0; height: auto; background: none; min-height: 0;}
#suntory_contents .mainContentsarea .logo div ul{ top: 40px; left: 35px;}
#suntory_contents .mainContentsarea .logo .spLogo{ top: 37%;}	
#suntory_contents .mainContentsarea .logo .logo01{ top: 80px; right: 20px; width: 10%;}
#suntory_contents .mainContentsarea .logo .logo02{ bottom: 50px; left: 20px; width: 25%;}
#suntory_contents .mainContentsarea .onlineBtn{ }
}

#suntory_contents .mainContentsarea .contentsInner{ padding: 0; position: relative;}

/*contents all*/
#suntory_contents .detailContents { position: relative; padding-top: 25px; margin-top: -25px;}
#suntory_contents .detailContents h2.ttl{ text-align: center; font-size: 5.1em; font-family: a-otf-ryumin-pr6n, serif; font-weight: bolder; position: relative; z-index: 1;}
#suntory_contents .detailContents h2.ttl span{ display: block; font-size: 0.43em; font-family:"adobe-jenson-pro-display", serif; font-weight: normal; margin-top: 10px;}
#suntory_contents .detailContents h3.ttl{ font-size: 4.1em; font-family: a-otf-ryumin-pr6n, serif; font-weight: bolder; margin: 40px 0; text-align: center; z-index: 1;}
#suntory_contents .detailContents .detailBlock h2{ font-family: a-otf-ryumin-pr6n, serif; text-align: center; font-size: 4.1em; margin: 0; font-weight: bolder;}
#suntory_contents .detailContents .detailBlock p{ text-align: center; font-size: 2.4em; line-height: 1.8; font-weight: bolder;}
#suntory_contents .detailContents .img{ text-align: center;}
#suntory_contents .detailContents .contentsInner.more{ clear: both; padding: 0; }

/*mainContentsarea subLinkarea*/
#suntory_contents .mainContentsarea .subLinkarea { overflow: hidden; position: absolute; width: 100%;}
#suntory_contents .mainContentsarea .subLinkarea ul{ clear: both; float: right; margin: 40px 20px 40px 0;}
#suntory_contents .mainContentsarea .subLinkarea ul li{ float: left;}

#suntory_contents .mainContentsarea .subLinkarea .spMenu,
#suntory_contents .mainContentsarea .subLinkarea .spNav,
#suntory_contents .mainContentsarea .subLinkarea .spLogo{ display: none;}
#suntory_contents .mainContentsarea .adArea{ position: relative; top: 0; width: 100vw; min-width: 1920px; left: 50%; transform: translateX(-50%);}
#suntory_contents .mainContentsarea .adArea #div-gpt-ad-1469518796001-0-1{ position: absolute; top: 555px; left: 400px;}
#suntory_contents .mainContentsarea .adArea .btnOnline{ position: absolute; top: 555px; left: 400px; font-family: "adobe-jenson-pro-display", serif;}

/*media screen*/
@media screen and (min-width: 1920px){
#suntory_contents .mainContentsarea .adArea{ max-width: 1920px;}
#suntory_contents .mainContentsarea .adArea #div-gpt-ad-1469518796001-0-1{ left: auto; right: 69.75%;}
#suntory_contents .mainContentsarea .adArea .btnOnline{ left: auto; right: 69.75%;}
}

@media screen and (max-width: 767px){
#suntory_contents .mainContentsarea .adArea{ min-width: 100%; max-width: 100%; width: 100%; top: 0; left: 0; transform: none;}
#suntory_contents .mainContentsarea .adArea .btnOnline{ position: absolute; left: 6.75%; right: 0; top: 72vw;}
#div-gpt-ad-1469518796001-0-1_ad_container img{ width: 120px !important; height: auto !important;}
}

@media screen and (max-width: 414px){
#suntory_contents .mainContentsarea .adArea .btnOnline{ position: absolute; left: 6.75%; right: 0; top: 72vw;}

}

#suntory_contents .btnOnline a{ text-decoration: none; color: #fff; padding: 3px 46px; background:#565656; font-size: 2.0em; border-radius: 2px; transition: all .2s ease-in-out 0s;}
#suntory_contents .btnOnline a:hover{ opacity: 0.7;}

#suntory_contents .mainContentsarea .catch{ font-size: 2.4em; margin: 48px 0 52px; text-align: center;}

/*nav*/
#suntory_contents .nav{ height: 120px;}
#suntory_contents .nav .navInner{ background: #fff; box-shadow: 2px 7px 7px -3px #a1a1a1; position: relative; z-index: 5; min-width: 1164px;}
#suntory_contents .nav .navInner.fixed{ position: fixed; top: 0;}
#suntory_contents .nav .navInner ul{ width: 100%; max-width: 1164px; overflow: hidden; display: table; margin: 0 auto; padding: 0; text-align: center; box-sizing: border-box;}
#suntory_contents .nav .navInner ul li{ display: table-cell; vertical-align: middle; position: relative;}

#suntory_contents .nav .navInner ul li:first-child{ width: 12.6%;} 
#suntory_contents .nav .navInner ul li:first-child + li{ width: 12.6%;}
#suntory_contents .nav .navInner ul li:first-child + li + li{ width: 11.6%;}
#suntory_contents .nav .navInner ul li:first-child + li + li + li{ width: 13.6%;}
#suntory_contents .nav .navInner ul li:first-child + li + li + li + li{ width: 14.6%;}
#suntory_contents .nav .navInner ul li:first-child + li + li + li + li + li{ width: 12.6%;}
#suntory_contents .nav .navInner ul li:first-child + li + li + li + li + li + li{ width: 12.6%; cursor: pointer;}
#suntory_contents .nav .navInner ul li:first-child + li + li + li + li + li + li + li{ width: 6.6%;}

#suntory_contents .nav .navInner ul li:after{ content: ""; position: absolute; width: 100%; height: 8px;  left: 0; bottom: 0; border-bottom: 0 solid #E3BE7F; transition: 0.2s;}
#suntory_contents .nav .navInner ul li.noborder:after{ display: none;}
#suntory_contents .nav .navInner ul li a{ padding: 22px 0; font-family: a-otf-ryumin-pr6n, serif; font-style: normal; font-weight: bolder; font-size: 2.2em; color: #1a1a1a; text-decoration: none; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; display: inline-block;}
#suntory_contents .nav .navInner ul li a span{ font-family: "adobe-jenson-pro-display", serif; font-style: normal; font-size: 0.5835em; color: #1a1a1a; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; display: block; font-weight: normal; margin-top: 8px;}
#suntory_contents .nav .navInner ul li:hover:after{ border-bottom: 8px solid #E3BE7F;}
#suntory_contents .nav .navInner ul li.noborder:hover:after{ content: ""; position: absolute; width: 100%; height: 8px;  left: 0; bottom: 0; border-bottom: none;}
#suntory_contents .nav .navInner ul li a:hover,
#suntory_contents .nav .navInner ul li a:hover span{ color: #E3BE7F;}
#suntory_contents .nav .navInner ul li.noborder a{ width: 45px;}
#suntory_contents .nav .navInner ul li.noborder a img{ width: 100%; height: auto;}

#suntory_contents .nav .navInner.fixed{ width: 100%; z-index: 10;}


/*lineup*/
#suntory_contents #lineup{ padding-bottom: 80px;}
#suntory_contents #lineup .contentsInner{ padding-top: 80px;} /*bunner on pt40px*/
#suntory_contents #lineup .contentsInner.more{ padding-top: 0;}
#suntory_contents #lineup .leadText{ font-size: 2.4em; margin: 70px 0 55px;}
#suntory_contents #lineup .col2Wrap{ overflow: hidden; width: 1164px; margin: 0 auto 110px;}
#suntory_contents #lineup .col2Wrap .left{ float: left;}
#suntory_contents #lineup .col2Wrap .right{ float: right;}

#suntory_contents #lineup .col2Wrap div{ width: 450px; padding: 0 60px;}
#suntory_contents #lineup .col2Wrap div.onlineBtn{ width: 327px; margin-top: 45px;}
#suntory_contents #lineup .col2Wrap div.onlineBtn div{ width: auto; padding: 0;}
#suntory_contents #lineup .col2Wrap div.onlineBtn div.div-gpt-ad-1469518796001-0-3,
#suntory_contents #lineup .col2Wrap div.onlineBtn div.div-gpt-ad-1469518796001-0-5{ width: 100%; padding: 0; margin-top: 30px;}
#suntory_contents #lineup .col2Wrap div .img{ width: 376px; margin: 0 auto;}
#suntory_contents #lineup .col2Wrap div h3{ font-size: 3em; font-family: a-otf-ryumin-pr6n, serif;}
#suntory_contents #lineup .col2Wrap div p{ text-align: left; font-size: 1.8em; margin: 20px 0; line-height: 1.5;}

#suntory_contents #lineup .fade02{ text-align: center; font-family: a-otf-ryumin-pr6n, serif; margin-bottom: 70px;}
#suntory_contents #lineup .fade02 h3{ font-size: 4.4em; font-family:"adobe-jenson-pro-display", serif; font-weight: normal; padding-bottom: 3px; border-bottom: 1px solid #000; display: inline-block; margin-bottom: 30px;}
#suntory_contents #lineup .fade02 .pcCenter{ width: 1104px; margin: 0 auto;}
#suntory_contents #lineup .fade02 dl{ overflow: hidden; margin-top: 15px; margin-left: 60px; text-align: left; font-weight: bolder;}
#suntory_contents #lineup .fade02 dl dt{ float: left; width: 120px; position: relative; font-size: 2.5em;}
#suntory_contents #lineup .fade02 dl dt:after{ content: ":"; position: absolute; right: 15px;}
#suntory_contents #lineup .fade02 dl dd{ float: left; font-size: 2.5em;}

#suntory_contents #lineup .fade03 .col2Wrap{ overflow: hidden; width: 1170px; margin: 0 auto 110px;}
#suntory_contents #lineup .fade03 .col2Wrap .left{ float: left; width: 450px; padding: 0;}
#suntory_contents #lineup .fade03 .col2Wrap .right{ float: left; padding: 0 0 0 35px; margin-top: 120px;}
#suntory_contents #lineup .fade03 .col2Wrap div{ width: auto;}
#suntory_contents #lineup .fade03 .col2Wrap div .img{ width: 376px; margin: 0 auto;}
#suntory_contents #lineup .fade03 .col2Wrap div .text{ font-size: 2.4em; margin-top: 40px;}
#suntory_contents #lineup .fade03 .col2Wrap div .text02{ font-size: 1.7em; margin-top: 55px;}


/*botanicals*/
#suntory_contents #botanicals{ padding-bottom: 143px;}
#suntory_contents #botanicals p{ font-size: 2.4em; text-align: center; margin-bottom: 55px;}
#suntory_contents #botanicals .materialArea{ width: 960px; margin: 0 auto; padding-bottom: 35px;}
#suntory_contents #botanicals .materialArea .sixBotanicals{ display: block; font-size: 0; text-align: center; overflow: hidden;}
#suntory_contents #botanicals .materialArea .sixBotanicals li{ font-family: a-otf-ryumin-pr6n, serif; display: inline-block; margin-left: 17px; position: relative; padding: 40px 0 35px;}
#suntory_contents #botanicals .materialArea .sixBotanicals li:first-child{ margin-left: 0;}
#suntory_contents #botanicals .materialArea .sixBotanicals li .season{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size: 2.5em; font-weight: bolder;}
#suntory_contents #botanicals .materialArea .sixBotanicals li .botaName{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 2.5em; font-weight: bolder;}
#suntory_contents #botanicals .materialArea .moreBotanicals{ display: block; font-size: 0; text-align: center;}
#suntory_contents #botanicals .materialArea .moreBotanicals li{ display: inline-block; vertical-align: top; margin-left: 8px;}
_::-webkit-full-page-media, _:future, :root #suntory_contents #botanicals .materialArea .moreBotanicals li{ margin-left: 5px;}
#suntory_contents #botanicals .materialArea .moreBotanicals li img{ display: block; margin: 0 auto;}
#suntory_contents #botanicals .materialArea .moreBotanicals li .botaName{ font-size: 1.7em; font-family: a-otf-ryumin-pr6n, serif; display: block; text-align: center; margin: -18px 7px 0; padding-left: 0; font-weight: bolder;}
#suntory_contents #botanicals .materialArea .sixBotanicals li:first-child,
#suntory_contents #botanicals .materialArea .moreBotanicals li:first-child{ margin-left: 0;}

/*craftsmanship*/
#suntory_contents #craftsmanship{ padding-bottom: 80px;}
#suntory_contents #craftsmanship .craftImg{ width: 1164px; margin: 75px auto; display: block; font-size: 0;}
#suntory_contents #craftsmanship .craftImg li{ display: inline-block; margin-left: 15px; width: 378px;}
#suntory_contents #craftsmanship .craftImg li:first-child{ margin-left: 0;}
#suntory_contents #craftsmanship p{ font-size: 2.4em; text-align: center; margin-bottom: 50px; line-height: 1.8; font-weight: bolder;}


/*design*/
#suntory_contents #design{ padding-bottom: 115px;}
#suntory_contents #design .catchImgarea .catchImg{ position: absolute; left: 50%; margin-left: -10px; top: 0;}
#suntory_contents #design .catchImgarea .catchText{ position: absolute; font-size: 4.3em; top: 285px; left: 50%; margin-left: -354px;}
#suntory_contents #design .designImg{ width: 1164px; margin: 85px auto 65px; display: block; font-size: 0;}
#suntory_contents #design .designImg li{ display: inline-block; margin-left: 15px; width: 573px;}
#suntory_contents #design .designImg li:first-child{ margin-left: 0;}
#suntory_contents #design p.fade01{ font-size: 2.4em; text-align: center; margin-bottom: 55px;}

/*perfecteserve}*/
#suntory_contents #perfectserve{ padding-bottom: 180px;}
#suntory_contents #perfectserve p{ font-size: 2.4em; text-align: center; margin-bottom: 90px; line-height: 1.8;}

#suntory_contents #perfectserve .tabMenu01{ text-align: center; margin-bottom: 50px; display: table; margin: 0 auto;}
#suntory_contents #perfectserve .tabMenu01 li{ border-bottom: 8px solid #c4c4c4; text-align: center; display: table-cell; padding-bottom: 5px; cursor: pointer; width: 50%;}
#suntory_contents #perfectserve .tabMenu01 li span{ font-size: 3em; font-family: a-otf-ryumin-pr6n, serif; color: #000; text-align: center; padding: 0 55px; font-weight: bolder;}
#suntory_contents #perfectserve .tabMenu01 li.cur,
#suntory_contents #perfectserve .tabMenu01 li:hover{ border-bottom: 8px solid #E3BE7F;}
#suntory_contents #perfectserve .tabMenu01 li.cur span,
#suntory_contents #perfectserve .tabMenu01 li:hover span{ color: #E3BE7F;}

#suntory_contents #perfectserve .tabContents{ position: relative; margin-top: 170px;}

#suntory_contents #perfectserve .col2Wrap{ width: 1130px; margin: 0 auto; display: flex; justify-content: space-between;}
#suntory_contents #perfectserve .col2Wrap .left{ width: 367px; padding: 0; margin-left: 50px; margin-top: 0;}
#suntory_contents #perfectserve .col2Wrap .right{ padding: 0; margin-top: 45px; padding-left: 30px;}
#suntory_contents #perfectserve .col2Wrap div{ width: auto;}
#suntory_contents #perfectserve .col2Wrap div .img{ width: 367px; margin: 0 auto;}
#suntory_contents #perfectserve .col2Wrap div .imgMin{ width: 270px;}
#suntory_contents #perfectserve .col2Wrap div h3{ font-size: 4em; margin: 25px 0 0; text-align: left;font-family: a-otf-ryumin-pr6n, serif;}
#suntory_contents #perfectserve .col2Wrap div p{ font-size: 3em; margin: 25px 0 40px; text-align: left;font-family: a-otf-ryumin-pr6n, serif; line-height: 1.5;}
#suntory_contents #perfectserve .col2Wrap div ol{ margin: 60px 0 55px;}
#suntory_contents #perfectserve .col2Wrap div ol li{ font-size: 2.4em; list-style-type: decimal; margin-left: 25px; font-family: a-otf-ryumin-pr6n, serif; line-height: 2; font-weight: bolder; display: flex; flex-wrap: wrap; list-style-type: decimal; margin: 0; padding: 0; display: table-row; counter-increment: table-ol;}
#suntory_contents #perfectserve .col2Wrap div ol li::before { content: counter(table-ol) "."; display: table-cell; padding-right: 0.4em; text-align: right; font-weight: 700;}

#suntory_contents #perfectserve .col2Wrap div .linkText01 a{ font-size: 2.2em; list-style-type: decimal; font-family: a-otf-ryumin-pr6n, serif; color: #000;}
#suntory_contents #perfectserve .col2Wrap div .linkText01 a:hover{ text-decoration: none; opacity: 0.6; transition: 0.4s;}

/*history*/
#suntory_contents #history{ padding-bottom: 140px;}
#suntory_contents #history .historyImg{ width: 1164px; margin: 85px auto 65px; display: block; font-size: 0;}
#suntory_contents #history .historyImg li{ display: inline-block; margin-left: 15px; width: 573px;}
#suntory_contents #history .historyImg li:first-child{ margin-left: 0;}
#suntory_contents #history p{ font-size: 2.2em; line-height: 1.7; text-align: center; margin-bottom: 55px; font-weight: bolder;}


#suntory_contents .snsArea{ background: #fff; padding: 94px 0 40px;}
#suntory_contents .snsArea ul{ display: block; text-align: center; letter-spacing: -.4em;}
#suntory_contents .snsArea ul li{ font-family: "adobe-jenson-pro-display", serif; font-weight: bolder; font-size: 2.4em; height: 40px; display: inline-block; vertical-align: middle; padding: 0 10px; letter-spacing: normal;}
#suntory_contents .snsArea ul li:first-child{ padding: 12px 28px 0 0;}
#suntory_contents .snsArea ul li a{ vertical-align: middle; display: block; height: 100%;}

#suntory_contents .footLinkArea{ background: #fff;}
#suntory_contents .footLinkArea ul{ display: block; text-align: center; padding-bottom: 150px;}
#suntory_contents .footLinkArea ul li{ font-family: a-otf-ryumin-pr6n, serif; font-size: 1.8em; display: inline-block; vertical-align: middle; padding: 0 10px 0 6px; background: url(/wnb/rokugin/img/foot_border.png) no-repeat right bottom; background-size: 1px 20px;}
#suntory_contents .footLinkArea ul li:first-child{ padding: 0; background: none;}
#suntory_contents .footLinkArea ul li:last-child{ background: none;}
#suntory_contents .footLinkArea ul li:nth-of-type(2){ padding-left: 0;}

#suntory_contents .footLinkArea ul li a{ color: #000; transition: 0.4s;}
#suntory_contents .footLinkArea ul li a:hover{ text-decoration: none; opacity: 0.7;}

#suntory_contents .pageTop{padding: 70px 0 90px; background: #fff;}
#suntory_contents .pageTop a{ width: 50px; margin: 0 auto; font-family: "adobe-jenson-pro-display", serif; background: url(/wnb/rokugin/img/icon_arrow_02.png)no-repeat center top; padding-top: 30px; font-size: 2.6em; display: block; text-align: center; text-decoration: none; color: #1a1a1a; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;} 
#suntory_contents .pageTop a:hover{ cursor: pointer; opacity: 0.7;}

@media screen and (max-width: 1025px){

#suntory_contents #lineup .contentsInner > ul{ width: 870px; margin: 120px auto 70px;}
#suntory_contents #lineup .contentsInner > ul > li{ width: 415px; float: left; margin-left: 38px;}

}


@media screen and (max-width: 960px){
 html,body,
 #suntoryCommonHd_in,
 #suntoryCommonHd_01,
 #suntoryCommonHd_menu_pc,
 #suntoryCommonHd_menu .suntoryCommon_menu_box_in,
 #suntoryCommonFt_in,
 #suntory_contents,
 #suntory_contents .nav .navInner ul{  width: 100%; min-width: 943px;}
 #suntory_contents .nav .navInner{ background: rgba(255,255,255,0.7);}
 #suntory_contents .nav .navInner ul{}
}

@media screen and (max-width: 767px){
 html,body,
 #suntoryCommonHd_in,
 #suntoryCommonHd_01,
 #suntoryCommonHd_menu_pc,
 #suntoryCommonHd_menu .suntoryCommon_menu_box_in,
 #suntoryCommonFt_in,
 #suntory_contents,
 #suntory_contents .nav .navInner ul{ min-width: inherit;}
 
 #suntory_contents .nav .navInner.fixed{ position:fixed;}
 #suntory_contents,
 #suntory_contents .nav .navInner ul{ min-width: inherit; width: 100%;}

 #suntory_contents #rokuginWrap{ min-width: inherit;}

/*contents all*/
#suntory_contents .detailContents h2.ttl{ font-size: 3.4em;}
#suntory_contents .detailContents h2.ttl span{ font-size: 0.353em; margin-top: 8px;}
#suntory_contents .detailContents h3.ttl{ font-size: 2.2em; margin: 20px 0 25px; line-height: 1.7;}
#suntory_contents .detailContents .detailBlock h2{ font-size: 2.2em; line-height: 1.8;}
#suntory_contents .detailContents .detailBlock p{ text-align: center; font-size: 1.6em; line-height: 1.8;}

 #suntory_contents .detailContents .detailBlock{ padding: 0 0 30px;}	
	
 #suntory_contents .mainContentsarea .logo{ width: 100%; margin-top: 80px;}
 #suntory_contents .mainContentsarea .logo img{ margin-top: -60px; width: 100%; height: auto;}
#suntory_contents .mainContentsarea .logo p{ width: 100%; margin: 0 auto; position: absolute; top: 0;}
#suntory_contents .mainContentsarea .logo p .langBtn{ position: absolute; right: 20px; top: 25px; z-index: 2;}
#suntory_contents .mainContentsarea .logo p a{ padding: 5px 17px 5px 27px; cursor: pointer; font-family: "adobe-jenson-pro-display", serif; background: url(/wnb/rokugin/img/ja/ico_arrow.png)no-repeat left 10px center #fff; font-size: 1.5em; text-decoration: none; color: #000; border-radius: 1.5em;}	
#suntory_contents .mainContentsarea .logo p a:hover{ color: #E3BE7F; background: url(/wnb/rokugin/img/ja/ico_arrow_hov.png)no-repeat left 10px center #fff;}

 #suntory_contents .mainContentsarea .catch{ font-size: 1.3em; margin: 15px 0;}
 #suntory_contents .mainContentsarea .contentsInner{ padding: 0 0 10px;}
 #suntory_contents .mainContentsarea .subLinkarea .mediaLinks li{ width: 20px; margin-left: 15px;}
 #suntory_contents .mainContentsarea .subLinkarea .mediaLinks li a{ height: 20px;}
 #suntory_contents .mainContentsarea .subLinkarea .mediaLinks li a img{ width: 100%; height: auto;}
 #suntory_contents .detailContents .detailBlock p{ font-size: 1.2em; margin: 15px auto; text-align: left; line-height: 1.6;}
 #suntory_contents .mainContentsarea .subLinkarea .moreLang { margin: 0 0 20px;}
	#suntory_contents .mainContentsarea .subLinkarea .moreLang a{ font-size: 1.6em; background: url(/wnb/rokugin/img/icon_arrow_01.png)no-repeat 0 6px; background-size: 5px auto; padding-left: 10px;}

#suntory_contents .detailContents .detailBlock .spLead{ padding: 30px 50px; display: block; margin: -30px -20px 0; background: #fff;}
	
	
#suntory_contents .mainContentsarea .subLinkarea .mediaLinks li.selectArea{ width: 120px; margin-left: 15px; margin-right: 0px;}
#suntory_contents .mainContentsarea .subLinkarea .mediaLinks li.selectArea > p{ font-size: 1.4em;}
#suntory_contents .mainContentsarea .subLinkarea .mediaLinks li.selectArea select{ font-size: 1.4em; padding: 2px 0px 0px 16px; border: none; font-family: "adobe-jenson-pro-display", serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}     
 #suntory_contents .detailContents .detailBlock h3{ font-size: 2.2em; margin: 10px 0 20px;}
 #suntory_contents .mainContentsarea .subLinkarea{ position: relative; overflow: inherit; top: 30px;}
 #suntory_contents .mainContentsarea .subLinkarea .headContents{ border-top: solid 1px #989898; background: #fff; overflow:hidden; padding: 6px 15px 3px 10px;}
 #suntory_contents .mainContentsarea .subLinkarea .headContents.fixed{ position: fixed; top: 0; width: 100%; z-index: 6; box-sizing: border-box;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);}	
	
 #suntory_contents .mainContentsarea .subLinkarea .spMenu,
 #suntory_contents .mainContentsarea .subLinkarea .spLogo{ display: block;}
	
#suntory_contents .mainContentsarea .navInner .spNav{ display: inline-block !important;}	
	
 #suntory_contents .mainContentsarea .subLinkarea .spMenu{ float: right; width: 30px; height: 30px; margin: 6px 15px 0 0; text-indent: -9999px; overflow: hidden; position: absolute; top: 0px; right: 0; background: url(/wnb/rokugin/img/ja/btn_spmenu_off.png)no-repeat; background-size: 30px auto; z-index: 10;}
 #suntory_contents .mainContentsarea .subLinkarea .spMenu.cur{ background: url(/wnb/rokugin/img/ja/btn_spmenu_on.png)no-repeat; background-size: 30px auto;}
 #suntory_contents .mainContentsarea .subLinkarea .spMenu:hover{ cursor: pointer;}
 #suntory_contents .mainContentsarea .subLinkarea .spLogo{ float: left; width: 80px; margin: 0;}
 #suntory_contents .mainContentsarea .subLinkarea .spLogo img{ width: 100%; height: auto;}
 #suntory_contents .mainContentsarea .subLinkarea ul{ clear: none; float: right; margin: 6px 0 0 0;}
 #suntory_contents .mainContentsarea .subLinkarea .moreLang{ clear: both; float: left; margin: 18px 0 0 18px; position: absolute;} 
 #suntory_contents .mainContentsarea .subLinkarea .moreLang li{ margin: 0px 8px 5px 0px;}

 #suntory_contents .mainContentsarea .logo{ width: 100%; z-index: 2; position: relative;}
 #suntory_contents .mainContentsarea .logo img{ width: 100%;}
 
 #suntory_contents .mainContentsarea .contentsInner .btnOnline{ top: initial; top: auto; right: 50%; bottom: -30px; margin: 0 -60px 0 0;}
 #suntory_contents .btnOnline a{ font-size:1.4em; padding:2px 30px;}
 
 #suntory_contents .mainContentsarea .nav{ position: fixed; width: 100%; top: 100px; left: 0; opacity: 0; z-index: -1; transition: .2s ease; height: 0;}
 #suntory_contents .mainContentsarea .nav.cur{ opacity: 1; z-index: 10; height: 100vh;}
 #suntory_contents .mainContentsarea .nav .navInner{ height: 0; background: none; top: 80px; position: fixed; width: 100%;}
 #suntory_contents .mainContentsarea .nav .navInner.on{ top: 0;}
#suntory_contents .mainContentsarea .nav.cur .navInner{ height: 100vh;}
 #suntory_contents .mainContentsarea .navInner .spMenu{ float: right; width: 30px; height: 30px; margin: 15px 15px 0 0; text-indent: -9999px; overflow: hidden; position: absolute; top: 0px; right: 0; background: url(/wnb/rokugin/img/ja/btn_spmenu_on.png)no-repeat; background-size: 30px auto; z-index: 10; display: block;}
 #suntory_contents .mainContentsarea .nav .navInner ul{ float: none; width: 100%; clear: both; padding: 50px 0 0; background: rgba(255,255,255,0.98); height: 0; transition: .2s ease;}
 #suntory_contents .mainContentsarea .nav.cur .navInner ul{ height: 100vh;}
 #suntory_contents .mainContentsarea .nav .navInner ul li{ display: block; float: none; text-align: center; margin: 0; padding: 10px 0; font-family: "adobe-jenson-pro-display", serif;}
 #suntory_contents .nav .navInner{ min-width: 0;}
 #suntory_contents .nav .navInner ul li:first-child,
 #suntory_contents .nav .navInner ul li:first-child + li,
 #suntory_contents .nav .navInner ul li:first-child + li + li,
 #suntory_contents .nav .navInner ul li:first-child + li + li + li,
 #suntory_contents .nav .navInner ul li:first-child + li + li + li + li,
 #suntory_contents .nav .navInner ul li:first-child + li + li + li + li + li,
 #suntory_contents .nav .navInner ul li:first-child + li + li + li + li + li + li{ width: inherit;} 
 #suntory_contents .mainContentsarea .nav .navInner ul li a{ display:block; font-size: 2.3em; color: #1a1a1a; padding: 0; text-decoration: none; font-family: a-otf-ryumin-pr6n, serif; }
#suntory_contents .nav .navInner ul li a span{font-size: 0.522em; color: #A88038; margin-top: 0;}
 #suntory_contents .mainContentsarea .nav .navInner ul li.noborder{ display: inline-block; float: none; text-align: center; margin: 0; padding: 20px 15px 10px; width: 38px;}
	#suntory_contents .nav .navInner ul li:hover:after{ border: none;}
	#suntory_contents .nav .navInner ul li.noborder a{ width: 35px;}
 #suntory_contents .contentsInner{ width: 100%; padding: 115px 20px 20px; margin-top: -30px; box-sizing: border-box;}
 #suntory_contents .detailContents .contentsInner.more{ padding: 0 20px; box-sizing: border-box;}
 #suntory_contents .spWhite{ background: #fff;}    
    
 #suntory_contents .snsArea{ padding: 40px 0 20px;}
 #suntory_contents .snsArea ul li{ padding: 0 5px; font-size: 1.2em; height: 20px;}
 #suntory_contents .snsArea ul li:first-child{ padding: 6px 10px 0 0;}
 #suntory_contents .snsArea ul li img{ width: 20px; }

/*lineup*/
#suntory_contents #lineup{ padding-bottom: 0;}
#suntory_contents #lineup .contentsInner{ padding-top: 60px;} /*bunner on pt60*/
#suntory_contents #lineup .contentsInner.more{ padding-top: 0; padding-bottom: 50px;}
#suntory_contents #lineup .leadText{ font-size: 1.6em; margin: 25px 0 0; text-align: left;line-height: 1.8;}
#suntory_contents #lineup .col2Wrap{ width: auto; margin: 0 auto 10px;}
#suntory_contents #lineup .col2Wrap .left{ float: none;}
#suntory_contents #lineup .col2Wrap .right{ float: none;}
#suntory_contents #lineup .fade02 .pcCenter{ width: auto; margin: 0 auto;}
#suntory_contents #lineup .col2Wrap div{ width: auto; padding: 0;}
#suntory_contents #lineup .col2Wrap div.onlineBtn{ width: 100%; margin-top: 0;}
#suntory_contents #lineup .col2Wrap div.onlineBtn div{ width: 100%;}
#suntory_contents #lineup .col2Wrap div.onlineBtn div#div-gpt-ad-1469518796001-0-4{ margin-top: 20px; margin-bottom: 25px;}
#suntory_contents #lineup .col2Wrap div.onlineBtn div#div-gpt-ad-1469518796001-0-6{ margin-top: 20px; margin-bottom: 0;}
#suntory_contents #lineup .col2Wrap div .img{ width: 180px;}
#suntory_contents #lineup .col2Wrap div h3{ font-size: 2.2em; text-align: center;}
#suntory_contents #lineup .col2Wrap div p{ margin: 20px 0 40px; font-size: 1.6em;}

#suntory_contents #lineup .fade02{ margin-bottom: 65px;}
#suntory_contents #lineup .fade02 h3{ font-size: 2.4em; padding-bottom: 0; margin-bottom: 10px;}
#suntory_contents #lineup .fade02 dl{ margin-top: 10px; margin-left: 0;}
#suntory_contents #lineup .fade02 dl dt{ float: left; width: 80px; font-size: 1.6em;line-height: 1.8;}
#suntory_contents #lineup .fade02 dl dt:after{ content: ":"; position: absolute; right: 15px;}
#suntory_contents #lineup .fade02 dl dd{ float: left; font-size: 1.6em; width: calc(100% - 85px); line-height: 1.8;}

#suntory_contents #lineup .fade03 .col2Wrap{ width: auto; margin: 0;}
#suntory_contents #lineup .fade03 .col2Wrap .left{ float: none; width: auto;}
#suntory_contents #lineup .fade03 .col2Wrap .right{ float: none; padding: 0; margin-top: 20px;}
#suntory_contents #lineup .fade03 .col2Wrap .right h3{ text-align: left;}
#suntory_contents #lineup .fade03 .col2Wrap div .img{ width: 180px;}
#suntory_contents #lineup .fade03 .col2Wrap div .text{ font-size: 1.6em; margin-top: 45px; line-height: 1.8;}
#suntory_contents #lineup .fade03 .col2Wrap div .text02{ font-size: 1.6em; margin-top: 30px;}

/*botanicals*/
#suntory_contents #botanicals{ padding-bottom: 124px;}
#suntory_contents #botanicals p{ font-size: 1.6em; text-align: left; margin-bottom: 0; line-height: 1.8;}
#suntory_contents #botanicals h3{ margin: 35px 0 20px;}
#suntory_contents #botanicals .materialArea{ width: auto; margin: 35px 0 0; padding-bottom: 20px;}
#suntory_contents #botanicals .materialArea .sixBotanicals{ display: block; font-size: 0; text-align: center; overflow: hidden; width: 320px; margin: 0 auto;}
#suntory_contents #botanicals .materialArea .sixBotanicals li{ font-family: a-otf-ryumin-pr6n, serif; display: inline-block; margin-left: 17px; position: relative; padding: 18px 0 0;}
#suntory_contents #botanicals .materialArea .sixBotanicals li:first-child,
#suntory_contents #botanicals .materialArea .sixBotanicals li:nth-child(3),
#suntory_contents #botanicals .materialArea .sixBotanicals li:nth-child(5){ margin-left: 0;}
#suntory_contents #botanicals .materialArea .sixBotanicals li .season{ position: absolute; top: 5px; left: 10px; font-size: 2em;}
#suntory_contents #botanicals .materialArea .sixBotanicals li .botaName{ position: absolute; bottom: -5px; right: 0; left: 0; transform: none; text-align: right; font-size: 1.8em;}
#suntory_contents #botanicals .materialArea .moreBotanicals{ display: block; font-size: 0; margin-top: 5px; text-align: center;}
#suntory_contents #botanicals .materialArea .moreBotanicals li{ display: inline-block; vertical-align: top; margin-left: 0; width: 23%;}
#suntory_contents #botanicals .materialArea .moreBotanicals li:nth-child(5){ margin-left: 0;}
#suntory_contents #botanicals .materialArea .moreBotanicals li .botaName{ font-size: 1em; display: block; text-align: center; margin: -14px 0 0 0; padding-left: 0.6em;}

#suntory_contents #botanicals .materialArea .sixBotanicals li:first-child,
#suntory_contents #botanicals .materialArea .moreBotanicals li:first-child{ margin-left: 0;}
  


  
  

/*craftsmanship*/
#suntory_contents #craftsmanship{ padding-bottom: 80px;}
#suntory_contents #craftsmanship h3.ttl{ margin: 20px 0 52px;}
#suntory_contents #craftsmanship .craftImg{ width: auto; margin: 0 auto 40px;}
#suntory_contents #craftsmanship .craftImg li{ display: inline-block; margin-left: 7px; width: calc(33% - 5px);}
#suntory_contents #craftsmanship .craftImg li:first-child{ margin-left: 0;}
#suntory_contents #craftsmanship p{ font-size: 1.6em; text-align: left; margin-bottom: 0; line-height: 2; display: inline;}

/*design*/
#suntory_contents #design{ padding-bottom: 20px;}
#suntory_contents #design h3.ttl{ margin: 20px 0 45px;}
#suntory_contents #design .designImg{ width: auto; margin: 0 auto 40px;}
#suntory_contents #design .designImg li{ display: inline-block; margin-left: 7px; width: calc(50% - 3.5px);}
#suntory_contents #design .designImg li:first-child{ margin-left: 0;}
#suntory_contents #design p.fade02{ font-size: 1.6em; text-align: left; margin-bottom: 40px; line-height: 1.8;}

/*perfecteserve}*/
#suntory_contents #perfectserve{ padding-bottom: 60px;}
#suntory_contents #perfectserve p{ font-size: 1.6em; text-align: left; margin: 0 0 35px; line-height: 2;}

#suntory_contents #perfectserve .tabMenu01{ margin-bottom: 50px; margin: 0 auto; width: 100%;}
#suntory_contents #perfectserve .tabMenu01 li{ border-bottom: 8px solid #c4c4c4; padding-bottom: 5px; width: 50%;}
#suntory_contents #perfectserve .tabMenu01 li span{ font-size: 1.7em; padding: 0;}

#suntory_contents #perfectserve .tabContents{ margin-top: 0;}

#suntory_contents #perfectserve .col2Wrap{ width: auto; margin: 0 auto; display: block;}
#suntory_contents #perfectserve .col2Wrap .left{ width: auto; padding: 0; margin-left: 0; margin-top: 25px;}
#suntory_contents #perfectserve .col2Wrap .right{ padding: 0; margin-top: 50px;}
#suntory_contents #perfectserve .col2Wrap div{ width: auto;}
#suntory_contents #perfectserve .col2Wrap div .img{ width: 225px; margin: 60px auto 0;}
#suntory_contents #perfectserve .col2Wrap div .imgMin{ width: 265px; margin: 0 auto;}
#suntory_contents #perfectserve .col2Wrap div h3{ font-size: 3em; margin: 0; text-align: center;}
#suntory_contents #perfectserve .col2Wrap div p{ font-size: 2.2em; margin: 25px 0 30px; text-align: left;font-family: a-otf-ryumin-pr6n, serif; line-height: 1.8;}
#suntory_contents #perfectserve .col2Wrap div ol{ margin-bottom: 55px; margin-left: 5px;}
#suntory_contents #perfectserve .col2Wrap div ol li { font-size: 1.6em; margin-left: 20px; line-height: 1.8;}
#suntory_contents #perfectserve .col2Wrap div .linkText01 a{ font-size: 1.5em;}

#suntory_contents #perfectserve .bdBt{ border-bottom: 1px solid #707070;}
  
  
/*history*/
#suntory_contents #history{ padding-bottom: 100px;}
#suntory_contents #history .historyImg{ width: auto; margin: 0 auto 40px;}
#suntory_contents #history .historyImg li{ display: inline-block; margin-left: 7px; width: calc(50% - 5px);}
#suntory_contents #history .historyImg li:first-child{ margin-left: 0;}
#suntory_contents #history p{ font-size: 1.6em; text-align: left; margin: 0 0 30px; line-height: 2;}


#suntory_contents .snsArea{ background: #fff; padding: 94px 0 40px;}
#suntory_contents .snsArea ul{ display: block; text-align: center; letter-spacing: -.4em;}
#suntory_contents .snsArea ul li{ font-family: "adobe-jenson-pro-display", serif; font-weight: bolder; font-size: 2.4em; height: 40px; display: inline-block; vertical-align: middle; padding: 0 10px; letter-spacing: normal;}
#suntory_contents .snsArea ul li:first-child{ padding: 12px 28px 0 0;}
#suntory_contents .snsArea ul li a{ vertical-align: middle; display: block; height: 100%;}

#suntory_contents .footLinkArea{ background: #fff;}
#suntory_contents .footLinkArea ul{ display: block; text-align: center;}
#suntory_contents .footLinkArea ul li{ font-family: a-otf-ryumin-pr6n, serif; font-size: 1.8em; display: inline-block; vertical-align: middle; padding: 0 10px 0 6px; background: url(/wnb/rokugin/img/foot_border.png) no-repeat right bottom; background-size: 1px 20px;}
#suntory_contents .footLinkArea ul li:first-child{ padding: 0; background: none;}
#suntory_contents .footLinkArea ul li:last-child{ background: none;}
#suntory_contents .footLinkArea ul li:nth-of-type(2){ padding-left: 0;}

#suntory_contents .footLinkArea ul li a{ color: #000; transition: 0.4s;}
#suntory_contents .footLinkArea ul li a:hover{ text-decoration: none; opacity: 0.7;}

#suntory_contents .pageTop{padding: 70px 0 50px; background: #fff;}
#suntory_contents .pageTop a{ width: 50px; margin: 0 auto; font-family: "adobe-jenson-pro-display", serif; background: url(/wnb/rokugin/img/icon_arrow_02.png)no-repeat center top; padding-top: 30px; font-size: 2.6em; display: block; text-align: center; text-decoration: none; color: #1a1a1a; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;} 
#suntory_contents .pageTop a:hover{ cursor: pointer; opacity: 0.7;}	
	
#suntory_contents .footLinkArea ul{ display: block; text-align: center; padding-bottom: 80px;}
#suntory_contents .footLinkArea ul li{ font-size: 1.2em; padding: 0 6px 0 3px; background: url(/wnb/rokugin/img/foot_border.png) no-repeat right bottom; background-size: 1px 15px;}
#suntory_contents .footLinkArea ul li:first-child{ padding: 0; background: none;}
#suntory_contents .footLinkArea ul li:last-child{ background: none;}
#suntory_contents .footLinkArea ul li:nth-of-type(2){ padding-left: 0;}    
    
 #suntory_contents .pageTop{ padding: 0 0 30px; background: #fff;}
 #suntory_contents .pageTop a{ width: 40px; font-family: "adobe-jenson-pro-display", serif; background: url(/wnb/rokugin/img/icon_arrow_02.png)no-repeat 50% 8px; background-size: 13px auto; padding: 35px 0 5px; font-size: 2em; display: block; text-align: center;}
 
 }

@media screen and (max-width: 340px){
#suntory_contents #botanicals .materialArea .sixBotanicals{ margin-left: -20px;}
#suntory_contents #botanicals .materialArea .moreBotanicals{ width: 320px; margin-left: -20px;}
}

/*---------------------------------
 foot
-----------------------------------*/
#suntory_contents .detailArea.ge{ border-bottom: 1px solid #666;}
#suntory_contents .footArea{ width: 980px; margin: 0 auto; font-family: "adobe-jenson-pro-display", serif; padding: 40px 0 20px; background: #fff;}
#suntory_contents .footArea p{ font-size: 1.7em; line-height: 1.5;}
#suntory_contents .footArea p a{ font-size: 1.4em;display: inline-block; vertical-align: middle; color: #000; text-decoration: none; margin-bottom: 30px;}
#suntory_contents .footArea p a:before{ content: ""; background: url(/wnb/rokugin/img/icon_arrow_01.png) no-repeat; background-size: 8px; width: 8px; height: 16px; margin-right: 10px; display: inline-block; vertical-align: middle;}
#suntory_contents .footArea p a:hover{ opacity: 0.7; transition: 0.3s; cursor: pointer;}
#suntory_contents .footArea p strong{ font-size: 1.4em; font-weight: normal; display: block;}

@media screen and (max-width: 767px){
   
#suntory_contents #lineup .fade03 .col2Wrap .right h3{ text-align: center;}

#suntory_contents .footArea{ width: auto; padding: 20px 15px;}
#suntory_contents .footArea p{ font-size: 1.3em; margin-bottom: 15px;}
#suntory_contents .footArea p a{ font-size: 1.4em; margin-bottom: 10px; cursor: pointer;}
#suntory_contents .footArea p a:before{ content: ""; background: url(/wnb/rokugin/img/icon_arrow_01.png) no-repeat; background-size: 6px; width: 6px; height: 12px; margin-right: 7px;}
#suntory_contents .footArea p strong{ font-size: 1.4em;}

}

/*---------------------------------
 margin
-----------------------------------*/
.pcMt0{ margin-top: 0 !important;}
.mb0{ margin-bottom: 0 !important;}
.pcMt45{ margin-top: 45px !important;}

ruby{ position: relative;}
[data-ruby] { position: relative; font-size: 1em !important;}
[data-ruby]::before { content: attr(data-ruby); position: absolute; top: -0.85em; left: 0; right: 0; margin: auto; font-size: 40%;}

@media screen and (max-width: 767px){
.pcMt45{ margin-top: 0 !important;}
.pcMt0{ margin-top: 45px !important;}
}


/*---------------------------------
 remodal
-----------------------------------*/

@media screen and (max-width: 767px){
.remodal-wrapper { padding: 0;}
.remodal.movie .modalWrap{width: calc(100% - 20px); height: auto; text-align: left; overflow: inherit; margin: 0 auto; position: relative; padding: 0;} 
.remodal.movie .modalWrap iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.remodal.movie .remodal-close{ right: 0; top: 0; background: url(/wnb/rokugin/img/btn_modal_close_w.png) no-repeat 0 0 !important; background-size: 22px auto !important; width: 22px; height: 22px;}
.remodal.movie{ width:100%; height:auto;  background: none;}
.remodal.movie .modalInner {position: relative; width: 100%; padding: 56.25% 0 0;}
.remodal.movie .modalInner iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; padding-top: 28px;}
.remodal-close{ width: 30px; height: 30px; background-size: 30px auto !important;}    
}




/*---------------------------------
 241210update
-----------------------------------*/
/*detail1*/
#suntory_contents .contents .contentsInner.seasonDetail01{ padding: 170px 0 150px;}
#suntory_contents .contents .contentsInner.seasonDetail01 h2{ font-size: 4.8em; text-align: center; font-family: a-otf-ryumin-pr6n, serif;}
#suntory_contents .contents .contentsInner.seasonDetail01 p.lead{ font-size: 3.2em; text-align: center; font-family: a-otf-ryumin-pr6n, serif; margin-top: 60px;}

/*detail2*/
#suntory_contents .contents .contentsInner.seasonDetail02{ padding: 200px 0 150px;}
#suntory_contents .contents .contentsInner.seasonDetail02 h2{ font-size: 4.8em; text-align: center; font-family: a-otf-ryumin-pr6n, serif;}

@media screen and (max-width: 767px){
/*detail1*/
#suntory_contents .contents .contentsInner.seasonDetail01{ padding: 100px 0 90px;}
#suntory_contents .contents .contentsInner.seasonDetail01 h2{ font-size: 2.4em; text-align: center;}
#suntory_contents .contents .contentsInner.seasonDetail01 p.lead{ font-size: 1.8em; text-align: left; margin: 60px 15px 0; line-height: 2;}

/*detail2*/
#suntory_contents .contents .contentsInner.seasonDetail02{ padding: 100px 0 90px;}
#suntory_contents .contents .contentsInner.seasonDetail02 h2{ font-size: 2.4em;}

}



/*sakura*/
#suntory_contents #botanicals .contentsInner.more{ padding-top: 0;}
#suntory_contents .contents.sakura{ background: url(/wnb/rokugin/img/ja/bg_content_sakura.jpg) repeat; background-size: cover;}
#suntory_contents .contents.sakura .contentsInner{ padding: 180px 0;}
#suntory_contents .contents.sakura .fade04 h2{ font-size: 3.8em; font-family: a-otf-ryumin-pr6n, serif; text-align: center;}
#suntory_contents .contents.sakura .contentsInner p.centerThumb{ width: 1164px; margin: 50px auto 0;}
#suntory_contents .contents.sakura .fade04 .col2Wrap{ overflow: hidden; width: 1375px; margin: 120px auto 0;}
#suntory_contents .contents.sakura .fade04 .col2Wrap .left{ float: left; width: 511px; padding: 0;}
#suntory_contents .contents.sakura .fade04 .col2Wrap .right{ float: left; padding: 0 0 0 135px;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div{ width: auto;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div .img{ width: 511px; margin: 0 auto;}


#suntory_contents .contents.sakura .fade04 .col2Wrap div h3{ font-size: 3em; font-family: a-otf-ryumin-pr6n, serif; margin-top: 40px;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div h3 strong{ font-size: 1em; margin-top: 5px; font-family: a-otf-ryumin-pr6n, serif; display: block;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div .date{ font-size: 1.8em; padding: 15px 40px; background: #F8A1B9; display: table; margin: 0;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div .text{ font-size: 2.2em; margin-top: 30px;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div .text02{ font-size: 1.7em; margin: 63px 0 0;}

#suntory_contents .contents.sakura .fade04 .col2Wrap div p{ text-align: left; font-size: 1.8em; margin: 20px 0; line-height: 1.5;}


@media screen and (max-width: 767px){
#suntory_contents #botanicals .contentsInner.more{ padding-top: 0;}
#suntory_contents .contents.sakura{ padding: 0 20px; position: relative; z-index: 1; background: url(/wnb/rokugin/img/ja/bg_content_sakura_sp.jpg) repeat; background-size: cover;}
#suntory_contents .contents.sakura .contentsInner{ padding: 120px 0 115px; margin-top: 0;}
#suntory_contents .contents.sakura .fade04 h2{ font-size: 2em;}
#suntory_contents .contents.sakura .contentsInner p.centerThumb{ width: auto; margin: 35px auto 0;}
#suntory_contents .contents.sakura .fade04 .col2Wrap{ width: auto; margin: 40px auto 0;}
#suntory_contents .contents.sakura .fade04 .col2Wrap .left{ float: none; width: 100%; padding: 0;}
#suntory_contents .contents.sakura .fade04 .col2Wrap .right{ float: none; width: 100%; padding: 0; margin-top: 0;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div{ width: auto;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div .img{ width: auto; margin: 0 auto;}

#suntory_contents .contents.sakura .fade04 .col2Wrap div .date{ font-size: 1.6em; padding: 15px 40px; margin: 0 auto;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div .text{ font-size: 1.6em; margin-top: 60px; line-height: 1.8; font-weight: bold;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div .text02{ font-size: 1.6em; margin: 35px 0 0; font-weight: bold;}

#suntory_contents .contents.sakura .fade04 .col2Wrap .right .img{ margin: 72px 55px 0;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div h3{ font-size: 2.2em; margin-top: 35px; text-align: center;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div h3 strong{ font-size: 1em; margin-top: 0; text-align: center;}
#suntory_contents .contents.sakura .fade04 .col2Wrap div p{ text-align: left; font-size: 1.6em; margin: 20px 0 0; line-height: 1.5;}
}

/*noryo*/
#suntory_contents .contents.noryo{ background: url(/wnb/rokugin/img/ja/bg_content_noryo.jpg) repeat; background-size: cover;}
#suntory_contents .contents.noryo .contentsInner{ padding: 180px 0;}
#suntory_contents .contents.noryo .fade04 h2{ font-size: 3.8em; font-family: a-otf-ryumin-pr6n, serif; text-align: center;}

#suntory_contents .contents.noryo .fade04 .col2Wrap{ overflow: hidden; width: 1375px; margin: 120px auto 0;}
#suntory_contents .contents.noryo .fade04 .col2Wrap .left{ float: left; width: 511px; padding: 0;}
#suntory_contents .contents.noryo .fade04 .col2Wrap .right{ float: left; padding: 0 0 0 135px;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div{ width: auto;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div .img{ width: 511px; margin: 0 auto;}


#suntory_contents .contents.noryo .fade04 .col2Wrap div h3{ font-size: 3em; font-family: a-otf-ryumin-pr6n, serif; margin-top: 40px;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div h3 strong{ font-size: 1em; margin-top: 5px; font-family: a-otf-ryumin-pr6n, serif; display: block;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div .date{ font-size: 1.8em; padding: 15px 40px; background: #B1C841; display: table; margin: 0;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div .text{ font-size: 2.2em; margin-top: 30px;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div .text02{ font-size: 1.7em; margin: 63px 0 0;}

#suntory_contents .contents.noryo .fade04 .col2Wrap div p{ text-align: left; font-size: 1.8em; margin: 20px 0; line-height: 1.5;}


@media screen and (max-width: 767px){
#suntory_contents .contents.noryo{ padding: 0 20px; position: relative; z-index: 1; background: url(/wnb/rokugin/img/ja/bg_content_noryo_sp.jpg) repeat; background-size: cover;}
#suntory_contents .contents.noryo .contentsInner{ padding: 120px 0 115px; margin-top: 0;}
#suntory_contents .contents.noryo .fade04 h2{ font-size: 2em;}

#suntory_contents .contents.noryo .fade04 .col2Wrap{ width: auto; margin: 40px auto 0;}
#suntory_contents .contents.noryo .fade04 .col2Wrap .left{ float: none; width: 100%; padding: 0;}
#suntory_contents .contents.noryo .fade04 .col2Wrap .right{ float: none; width: 100%; padding: 0; margin-top: 0;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div{ width: auto;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div .img{ width: auto; margin: 0 auto;}

#suntory_contents .contents.noryo .fade04 .col2Wrap div .date{ font-size: 1.6em; padding: 15px 40px; margin: 0 auto;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div .text{ font-size: 1.6em; margin-top: 60px; line-height: 1.8; font-weight: bold;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div .text02{ font-size: 1.6em; margin: 35px 0 0; font-weight: bold;}

#suntory_contents .contents.noryo .fade04 .col2Wrap .right .img{ margin: 72px 55px 0;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div h3{ font-size: 2.2em; margin-top: 35px; text-align: center;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div h3 strong{ font-size: 1em; margin-top: 0; text-align: center;}
#suntory_contents .contents.noryo .fade04 .col2Wrap div p{ text-align: left; font-size: 1.6em; margin: 20px 0 0; line-height: 1.5;}
}

/*osaka*/
#suntory_contents .contents.osaka{ background: url(/wnb/rokugin/img/ja/bg_content_osaka.jpg) repeat; background-size: cover;}
#suntory_contents .contents.osaka .contentsInner{ padding: 180px 0;}
#suntory_contents .contents.osaka .fade04 h2{ font-size: 3.8em; font-family: a-otf-ryumin-pr6n, serif; text-align: center;}

#suntory_contents .contents.osaka .fade04 .col2Wrap{ overflow: hidden; width: 1375px; margin: 120px auto 0;}
#suntory_contents .contents.osaka .fade04 .col2Wrap .left{ float: left; width: 511px; padding: 0;}
#suntory_contents .contents.osaka .fade04 .col2Wrap .right{ float: left; padding: 0 0 0 135px;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div{ width: auto;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div .img{ width: 511px; margin: 0 auto;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div.onlineBtn{ width: 365px; margin-top: 40px;}


#suntory_contents .contents.osaka .fade04 .col2Wrap div h3{ font-size: 3em; font-family: a-otf-ryumin-pr6n, serif; margin-top: 40px;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div h3 strong{ font-size: 1em; margin-top: 5px; font-family: a-otf-ryumin-pr6n, serif; display: block;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div .date{ font-size: 1.8em; padding: 15px 40px; background: #A8DED2; display: table; margin: 0;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div .text{ font-size: 2.2em; margin-top: 30px;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div .text02{ font-size: 1.7em; margin: 63px 0 0;}

#suntory_contents .contents.osaka .fade04 .col2Wrap div p{ text-align: left; font-size: 1.8em; margin: 20px 0; line-height: 1.5;}


@media screen and (max-width: 767px){
#suntory_contents .contents.osaka{ padding: 0 20px; position: relative; z-index: 1; background: url(/wnb/rokugin/img/ja/bg_content_osaka_sp.jpg) repeat; background-size: cover;}
#suntory_contents .contents.osaka .contentsInner{ padding: 120px 0 95px; margin-top: 0;}
#suntory_contents .contents.osaka .fade04 h2{ font-size: 2em;}

#suntory_contents .contents.osaka .fade04 .col2Wrap{ width: auto; margin: 40px auto 0;}
#suntory_contents .contents.osaka .fade04 .col2Wrap .left{ float: none; width: 100%; padding: 0;}
#suntory_contents .contents.osaka .fade04 .col2Wrap .right{ float: none; width: 100%; padding: 0; margin-top: 0;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div{ width: auto;}

#suntory_contents .contents.osaka .fade04 .col2Wrap div.onlineBtn{ width: auto; margin: 85px auto 0;}

#suntory_contents .contents.osaka .fade04 .col2Wrap div .img{ width: auto; margin: 0 auto;}

#suntory_contents .contents.osaka .fade04 .col2Wrap div .date{ font-size: 1.6em; padding: 15px 40px; margin: 0 auto;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div .text{ font-size: 1.6em; margin-top: 60px; line-height: 1.8; font-weight: bold;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div .text02{ font-size: 1.6em; margin: 35px 0 0; font-weight: bold;}

#suntory_contents .contents.osaka .fade04 .col2Wrap .right .img{ margin: 72px 55px 0;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div h3{ font-size: 2.2em; margin-top: 35px; text-align: center;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div h3 strong{ font-size: 1em; margin-top: 0; text-align: center;}
#suntory_contents .contents.osaka .fade04 .col2Wrap div p{ text-align: left; font-size: 1.6em; margin: 20px 0 0; line-height: 1.5;}
}

/*select*/
#suntory_contents .contents.select{ background: url(/wnb/rokugin/img/ja/bg_content_kasane.jpg) repeat; background-size: cover;}
#suntory_contents .contents.select .contentsInner{ padding: 180px 0;}
#suntory_contents .contents.select .fade04 h2{ font-size: 3.8em; font-family: a-otf-ryumin-pr6n, serif; text-align: center;}

#suntory_contents .contents.select .fade04 .col2Wrap{ overflow: hidden; width: 1375px; margin: 120px auto 0;}
#suntory_contents .contents.select .fade04 .col2Wrap .left{ float: left; width: 511px; padding: 0;}
#suntory_contents .contents.select .fade04 .col2Wrap .right{ float: left; padding: 0 0 0 135px;}
#suntory_contents .contents.select .fade04 .col2Wrap div{ width: auto;}
#suntory_contents .contents.select .fade04 .col2Wrap div .img{ width: 511px; margin: 0 auto;}


#suntory_contents .contents.select .fade04 .col2Wrap div h3{ font-size: 3em; font-family: a-otf-ryumin-pr6n, serif; margin-top: 40px;}
#suntory_contents .contents.select .fade04 .col2Wrap div h3 strong{ font-size: 1em; margin-top: 5px; font-family: a-otf-ryumin-pr6n, serif; display: block;}
#suntory_contents .contents.select .fade04 .col2Wrap div .date{ font-size: 1.8em; padding: 15px 40px; background: rgba(208, 162, 59, 0.75); display: table; margin: 0;}
#suntory_contents .contents.select .fade04 .col2Wrap div .text{ font-size: 2.2em; margin-top: 30px;}
#suntory_contents .contents.select .fade04 .col2Wrap div .text02{ font-size: 1.7em; margin: 63px 0 0;}

#suntory_contents .contents.select .fade04 .col2Wrap div p{ text-align: left; font-size: 1.8em; margin: 20px 0; line-height: 1.5;}


@media screen and (max-width: 767px){
#suntory_contents .contents.select{ padding: 0 20px; position: relative; z-index: 1; background: url(/wnb/rokugin/img/ja/bg_content_kasane_sp.jpg) repeat; background-size: cover;}
#suntory_contents .contents.select .contentsInner{ padding: 120px 0 115px; margin-top: 0;}
#suntory_contents .contents.select .fade04 h2{ font-size: 2em;}

#suntory_contents .contents.select .fade04 .col2Wrap{ width: auto; margin: 40px auto 0;}
#suntory_contents .contents.select .fade04 .col2Wrap .left{ float: none; width: 100%; padding: 0;}
#suntory_contents .contents.select .fade04 .col2Wrap .right{ float: none; width: 100%; padding: 0; margin-top: 0;}
#suntory_contents .contents.select .fade04 .col2Wrap div{ width: auto;}
#suntory_contents .contents.select .fade04 .col2Wrap div .img{ width: auto; margin: 0 auto;}

#suntory_contents .contents.select .fade04 .col2Wrap div .date{ font-size: 1.6em; padding: 15px 40px; margin: 0 auto;}
#suntory_contents .contents.select .fade04 .col2Wrap div .text{ font-size: 1.6em; margin-top: 60px; line-height: 1.8; font-weight: bold;}
#suntory_contents .contents.select .fade04 .col2Wrap div .text02{ font-size: 1.6em; margin: 35px 0 0; font-weight: bold;}

#suntory_contents .contents.select .fade04 .col2Wrap .right .img{ margin: 72px 55px 0;}
#suntory_contents .contents.select .fade04 .col2Wrap div h3{ font-size: 2.2em; margin-top: 35px; text-align: center;}
#suntory_contents .contents.select .fade04 .col2Wrap div h3 strong{ font-size: 1em; margin-top: 0; text-align: center;}
#suntory_contents .contents.select .fade04 .col2Wrap div p{ text-align: left; font-size: 1.6em; margin: 20px 0 0; line-height: 1.5;}
}


/*perfectserve*/
#suntory_contents #perfectserve .contentsInner.season{ padding-top: 150px;}
#suntory_contents #perfectserve .contentsInner.season .col2Wrap div p{ margin: 0;}

#suntory_contents #perfectserve .contentsInner.season h3.ttl02{ font-size: 4em; font-family: a-otf-ryumin-pr6n, serif; text-align: center; margin-bottom: 30px;}
#suntory_contents #perfectserve .contentsInner.season h4.ttl03{ font-size: 2.8em; font-family: a-otf-ryumin-pr6n, serif; text-align: center; display: flex; align-items: center;}
#suntory_contents #perfectserve .contentsInner.season h4.ttl03::before,#suntory_contents #perfectserve .contentsInner.season h4.ttl03::after{ content: ""; height: 1px; flex-grow: 1; background-color: #000;}
#suntory_contents #perfectserve .contentsInner.season h4.ttl03::before { margin-right: 1em;}
#suntory_contents #perfectserve .contentsInner.season h4.ttl03::after { margin-left: 1em;}

#suntory_contents #perfectserve .contentsInner.season .detailBlock{ margin-top: 120px;}
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap{ display: flex; flex-wrap: wrap; justify-content: space-between;}

#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap{ width: 1220px; margin-bottom: 170px;}
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap.imgRight{ flex-direction: row-reverse; justify-content: flex-end;}

#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.imgWrap{ width: 552px;}
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.imgWrap .img{ width: 100%;}

#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.textWrap{ width: calc(100% - 610px);}
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap.imgRight div.textWrap{ margin-left: 15px;}
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.textWrap .icon{ width: 64px;} 
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.textWrap h5{ font-size: 3.6em; font-family: a-otf-ryumin-pr6n, serif; margin-top: 6px;} 
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.textWrap ol{ display: block; margin: 10px 0 0;} 
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.textWrap ol li{ font-size: 2.2em; list-style-type: decimal; margin-left: 25px; font-family: a-otf-ryumin-pr6n, serif; line-height: 2; font-weight: bolder;} 

@media screen and (max-width: 1480px){
#suntory_contents #perfectserve .contentsInner.season h4.ttl03::before { margin-left: 1em;}
#suntory_contents #perfectserve .contentsInner.season h4.ttl03::after { margin-right: 1em;}
}

@media screen and (max-width: 767px){
#suntory_contents #perfectserve .contentsInner.season{ padding-top: 115px;}
#suntory_contents #perfectserve .contentsInner.season{ padding-bottom: 0;}
#suntory_contents #perfectserve .contentsInner.season .col2Wrap div p{ margin: 0;}

#suntory_contents #perfectserve .contentsInner.season h3.ttl02{ font-size: 2.8em; margin-bottom: 30px; text-align: center;}
#suntory_contents #perfectserve .contentsInner.season h4.ttl03{ font-size: 2.4em; display: block; align-items: flex-start; text-align: center;}
#suntory_contents #perfectserve .contentsInner.season h4.ttl03::before,#suntory_contents #perfectserve .contentsInner.season h4.ttl03::after{ display: none;}

#suntory_contents #perfectserve .contentsInner.season .detailBlock{ margin-top: 60px;}
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; overflow: inherit;}

#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap{ width: 100%; margin-bottom: 70px;}
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap.imgRight{ flex-direction: row-reverse; justify-content: flex-end;}

#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.imgWrap{ width: 100%;}
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.imgWrap .img{ width: 100%;}

#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.textWrap{ width: 100%;}
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap.imgRight div.textWrap{ margin-left: 0;}
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.textWrap .icon{ width: 64px; display: table; margin: 0 auto;} 
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.textWrap h5{ font-size: 2.2em; text-align: center;} 
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.textWrap .img{ width: calc(100% + 40px); margin: 25px -20px 0;}
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.textWrap ol{ margin: 15px 0 0 15px;} 
#suntory_contents #perfectserve .contentsInner.season .detailBlock .col2Wrap div.textWrap ol li{ font-size: 1.6em; margin-left: 25px;} 
}


/*experience*/
#suntory_contents #experience{ padding: 140px 0 260px; margin-bottom: 160px; background: url(/wnb/rokugin/img/ja/bg_exp.jpg) repeat; background-size: cover;}
#suntory_contents #experience .contentsInner{ padding-top: 100px;}
#suntory_contents #experience h2{ font-size: 5.8em; font-family: a-otf-ryumin-pr6n, serif;}
#suntory_contents #experience h2 span{ font-size: 0.38em; font-weight: bold;}
#suntory_contents #experience h3{ font-size: 4.2em; font-family: a-otf-ryumin-pr6n, serif; margin: 75px 0 115px; text-align: center;}
#suntory_contents #experience h4{ font-size: 4.8em; font-family: a-otf-ryumin-pr6n, serif; margin-top: 80px; text-align: center;}

#suntory_contents #experience p.lead{ font-size: 2.6em; font-family: a-otf-ryumin-pr6n, serif; margin-top: 60px; text-align: center; line-height: 1.8; font-weight: bold;}
#suntory_contents #experience p.link{ margin-top: 115px;}
#suntory_contents #experience p.link a{ font-size: 2.8em; font-family: a-otf-ryumin-pr6n, serif; display: block; font-weight: bold; border: 1px solid #C19400; color: #000; text-decoration: none; padding: 25px 180px 25px; position: relative; transition: 0.4s;}
#suntory_contents #experience p.link a:hover{ background: #C7A664; opacity: 0.7;}
#suntory_contents #experience p.link a:after{ content: ""; background: url(/wnb/rokugin/img/ja/img_link_arrow_01.png) no-repeat; background-size: 100% auto; width: 143px; height: 11px; display: block; position: absolute; top: 50%; right: 180px; transform: translateY(-50%);}

#suntory_contents #experience p.centerThumb{ width: 1363px; margin: 0 0 0 -30px;}
#suntory_contents #experience .col2Wrap{ overflow: hidden; width: 1200px; margin: 90px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
#suntory_contents #experience .col2Wrap .left{ width: 398px;}
#suntory_contents #experience .col2Wrap .right{ width: calc(100% - 488px);}
#suntory_contents #experience .col2Wrap .right h4{ font-size: 3.2em; margin-top: 0; text-align: left;}
#suntory_contents #experience .col2Wrap .right h4.mt{ margin-top: 100px;}
#suntory_contents #experience .col2Wrap .right p.text{ font-size: 2.2em; text-align: left; line-height: 1.8; margin-top: 15px; font-weight: bold;}


@media screen and (max-width: 1480px){

#suntory_contents #experience p.centerThumb{ width: 1363px; margin: 0 0 0 -30px;}

#suntory_contents #experience .col2Wrap{ width: 1164px;}  
  
#suntory_contents #experience p.link{ width: 1164px; margin: 115px auto 0;}
#suntory_contents #experience p.link a{ font-size: 2.8em; font-family: a-otf-ryumin-pr6n, serif; display: block; border: 1px solid #C19400; color: #000; text-decoration: none; padding: 25px 180px  25px; position: relative;}

}


@media screen and (max-width: 767px){
/*experience*/
#suntory_contents #experience{ padding: 0 0 100px; margin-bottom: 80px;}
#suntory_contents #experience .contentsInner{ margin: 0; padding-top: 115px;}

#suntory_contents #experience h2{ font-size: 3.2em; margin-top: 0;}
#suntory_contents #experience h2 span{ font-size: 0.3125em;}

#suntory_contents #experience h3{ font-size: 2.2em; margin: 60px 0 20px;}
#suntory_contents #experience h4{ font-size: 2.2em; margin-top: 60px;}

#suntory_contents #experience p.lead{ font-size: 1.6em; margin-top: 22px; text-align: left;}

#suntory_contents #experience p.link{ margin-top: 32px; width: 100%;}
#suntory_contents #experience p.link a{ font-size: 1.8em; padding: 32px 0 18px; display: block; text-align: center;}
#suntory_contents #experience p.link a:after{ content: ""; width: 94px; height: 10px; display: block; position: static; margin: 20px auto 0;}

#suntory_contents #experience p.centerThumb{ width: calc(100% + 40px); margin: 0 -20px;}
#suntory_contents #experience .col2Wrap{ width: auto; margin: 60px auto 0; display: block;}
#suntory_contents #experience .col2Wrap .left{ width: auto;}
#suntory_contents #experience .col2Wrap .right{ width: auto;}
#suntory_contents #experience .col2Wrap .right h4{ font-size: 1.6em; margin-top: 60px;}
#suntory_contents #experience .col2Wrap .right h4.mt{ margin-top: 60px;}
#suntory_contents #experience .col2Wrap .right p.text{ font-size: 1.6em; margin-top: 0;}

}