@charset "utf-8";

/*------------------------------------------
 *	common
------------------------------------------*/
@media screen and (min-width:768px) {
	.sp{display:none !important;}
	div#suntoryCommonWrapper{padding-top: 258px;}

}
@media screen and (min-width:0px) and (max-width:767px){
	.pc{display:none !important;}
	div#suntoryCommonWrapper{padding-top: 106px!important;}
}
header#sbsHeader {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;color: #fff;z-index: 100;transition: transform 0.3s ease-in-out;}
header#sbsHeader.hidden {transform: translateY(-100%);}	
#sbsHeader{position: relative;z-index: 100;background: #fff;}
#sbsPageTop.visible{z-index: 100;}
.clearfix:after {content: "";display: block;clear: both;} 
.clearfix:before {content: "";display: block;clear: both;} 
.clearfix {display: block;}
.pagetop_btn{display:none !important;}

/*------------------------------------------
 *	wl_conthd
------------------------------------------*/
@media screen and (min-width:768px) {
	section.wl_conthd{background: #f7f7f7;width: 100%;display: block;height: 100px;padding-top: 25px;position: fixed;top: 158px;left: 0;width: 100%;transition: top 0.3s ease;z-index: 99;}
	section.wl_conthd ul{margin: 0 auto;width: 1164px;}
	section.wl_conthd ul li{float: left;height: 50px;}
	section.wl_conthd ul li a{display: block;padding: 10px 48px 0;height: 50px;text-align: center;color: #000;font-weight: bold;}
	section.wl_conthd ul li.lg{}
	section.wl_conthd ul li.lg a{padding-top: 6;}
	section.wl_conthd ul li.lg a img{height: 41px;width: auto;}
	section.wl_conthd ul li.sns{}
	section.wl_conthd ul li.sns a{padding-top: 0;}
	section.wl_conthd ul li.sns a img{width: 50px;height: 50px;}
}

@media screen and (min-width:0px) and (max-width:767px){
	section.wl_conthd { background: #f7f7f7;width: 100%;display: block;padding: 0px 0% 0;position: fixed;top: 65px;left: 0;width: 100%;transition: top 0.3s ease;z-index: 99;}
	section.wl_conthd div.lnk_switch{height: 40px;position: relative;}
	section.wl_conthd div.lnk_switch a{display: block;width: 48%;position: absolute;left: 21px;top: 13px;}
	section.wl_conthd div.lnk_switch a img{}
	section.wl_conthd div.lnk_switch div.swt{width: 55px;height: 40px;background: #3b11d3;position: absolute;right: 0px;top: 0;cursor: pointer;transition: .3s;}
	section.wl_conthd div.lnk_switch div.swt span{width: 21px;height: 1px;display: block;background: #fff;position: absolute;left: 0;right: 0;margin: 0 auto;transition: .3s;}
	section.wl_conthd div.lnk_switch div.swt span:nth-child(1){top: 14px;}
	section.wl_conthd div.lnk_switch div.swt span:nth-child(2){top: 20px;}
	section.wl_conthd div.lnk_switch div.swt span:nth-child(3){top: 26px;}
	section.wl_conthd div.lnk_switch div.swt.on{background: #f7f7f7;}
	section.wl_conthd div.lnk_switch div.swt.on span{background: #3b11d3;}
	section.wl_conthd div.lnk_switch div.swt.on span:nth-child(1){top: 20px;transform: rotate(225deg);}
	section.wl_conthd div.lnk_switch div.swt.on span:nth-child(2){top: 20px;left: 20px;opacity: 0;}
	section.wl_conthd div.lnk_switch div.swt.on span:nth-child(3){top: 20px;transform: rotate(-225deg);}
	section.wl_conthd ul{margin: 0 auto;width: 100%;background: #f7f7f7;border-top: 1px solid #ccc;height: 0;overflow: hidden;transition: .3s;}
	section.wl_conthd ul.on{display: block;height: 114px;}
	section.wl_conthd ul li{width: 50%;float: left;border: solid #ccc;border-width: 0 0 1px 0;}
	section.wl_conthd ul li a{display: block;padding: 9px 0 0;height: 37px;text-align: center;color: #000;font-weight: bold;font-size: 12px;}
	section.wl_conthd ul li.lg{display: none;}
	section.wl_conthd ul li.lg a{}
	section.wl_conthd ul li.lg a img{height: 20px;width: auto;}
	section.wl_conthd ul li.sns{}
	section.wl_conthd ul li.sns a{padding-top: 0;}
	section.wl_conthd ul li.sns a img{width: 30px;padding: 4px 0 0 0;}
}

/*------------------------------------------
 *	wl_link
------------------------------------------*/
@media screen and (min-width:768px) {
	section.wl_lnk{position: fixed;right: -100px;top: 30vh;z-index: 20;width: 80px;height: 400px;transition: .3s;}
	section.wl_lnk.on{right:-20px; }
	section.wl_lnk ul{position: relative;}
	section.wl_lnk ul li{}
	section.wl_lnk ul li:nth-child(1){position: absolute;right: 0;top: 0px;height: 300px;width: 90px;}
	section.wl_lnk ul li:nth-child(1) a{width: 90px;display: block;height: 300px;background: #3b11d3;border-radius: 10px 0 0 10px;position: relative;}
	section.wl_lnk ul li:nth-child(1) a img.img01{width: 28px;position: absolute;left: 21px;top: 25px;}
	section.wl_lnk ul li:nth-child(1) a img.img02{width: 20px;position: absolute;left: 25px;bottom: 25px;}
	section.wl_lnk ul li:nth-child(1) a p{display: none;}
	section.wl_lnk ul li:nth-child(2) {position: absolute;top: 310px;right: 0px;width: 90px;height: 70px;}
	section.wl_lnk ul li:nth-child(2) a{display: block;position: relative;width: 90px;height: 70px;background: #000;border-radius: 10px 0 0 10px;}
	section.wl_lnk ul li:nth-child(2) img.arrow{width: 22.5px;position: absolute;left: 25px;top: 27px;}
	section.wl_lnk ul li{transition: .3s;}
	section.wl_lnk ul li:hover{right: 7px;}
	section.wl_lnk ul li a{border: 1px solid #fff}
	section.wl_lnk ul li:hover a img{opacity: 1;}
}

@media screen and (min-width:0px) and (max-width:767px){
	section.wl_lnk{    position: fixed;left: 0;bottom:-50px;z-index: 20;width: 100%;height: 50px;transition: .3s;}
	section.wl_lnk.on{bottom:0; }
	section.wl_lnk ul{        position: relative;width: 90%;margin: 0 auto;}
	section.wl_lnk ul li{        border-radius: 10px 10px 0 0;overflow: hidden;}
	section.wl_lnk ul li:nth-child(1){        position: absolute;left: 0;top: 0px;height: 50px;width: 80%;}
	section.wl_lnk ul li:nth-child(1) a{width: 100%;display: block;height: 50px;background: #3b11d3;border-radius: 0;position: relative;}
	section.wl_lnk ul li:nth-child(1) a img.img01{        width: 19px;position: absolute;left: 22px;top: 12px;}
	section.wl_lnk ul li:nth-child(1) a img.img02{display: none;}
	section.wl_lnk ul li:nth-child(1) p{ text-align: center;color: #fff;font-weight: bold;font-size: 15px;letter-spacing: 0.05em;padding: 12px 0 0 15px;}
	section.wl_lnk ul li:nth-child(2) {        position: absolute;top: 0;right: 0px;width: 16%;height: 50px;}
	section.wl_lnk ul li:nth-child(2) a{display: block;position: relative;width: 100%;height: 50px;background: #000;border-radius: 0;}
	section.wl_lnk ul li:nth-child(2) img.arrow{        width: 16.5px;position: absolute;left: 0;right: 0;top: 19px;margin: auto;}
	section.wl_lnk ul li{transition: .3s;}
	section.wl_lnk ul li a{}
}