@charset "utf-8";

/**
base
*/
#suntoryCommonWrapper{ font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ",meiryo,"ＭＳ ゴシック", sans-serif;}
#suntory_contents { width: 100%; margin: 0; padding: 0; font-size: 16px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); line-height: 1; }
#suntory_contents a { color: rgb(0, 0, 0); text-decoration: none; }
#suntory_contents a:link { color: rgb(0, 0, 0); }
#suntory_contents a:visited { color: rgb(0, 0, 0); }
#suntory_contents a:hover { color: rgb(0, 0, 0); text-decoration: none; }
#suntory_contents a:active { color: rgb(0, 0, 0); text-decoration: none; }
#suntory_contents a:hover img.fade { opacity: 0.5; }
#suntory_contents a:active img.fade { opacity: 0.5; }
#suntory_contents span.en_serif { font-family: "Times New Roman", serif; }
#suntory_contents span.en_sans { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#suntory_contents span.jp_serif { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#suntory_contents span.jp_sans { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
#suntory_contents span.xxxlarge { font-size: 200%; line-height: 1.3; }
#suntory_contents span.xxlarge { font-size: 175%; line-height: 1.3; }
#suntory_contents span.xlarge { font-size: 150%; line-height: 1.3; }
#suntory_contents span.large { font-size: 125%; line-height: 1.3; }
#suntory_contents span.regular { font-size: 100%; line-height: 1.5; }
#suntory_contents span.small { font-size: 87.5%; line-height: 1.5; }
#suntory_contents span.xsmall { font-size: 81.2%; line-height: 1.3; }
#suntory_contents span.xxsmall { font-size: 75%; line-height: 1.3; }
#suntory_contents span.xxxsmall { font-size: 62.5%; line-height: 1.2; }
#suntory_contents span.bold { font-weight: bold }
#top  h1{ font-weight:normal;}

/**
crumbs
*/
#crumbs{width:100%;background:#000;font-size:.69em;color:#ccc;margin-bottom:12px}
#crumbs div{width:960px;margin:0 auto;line-height:320%;position:relative}
ul#crumbs_left{float:left;width:700px;margin-left:14px}
ul#crumbs_left li{float:left}
ul#crumbs_left li h1{display:inline-block}
ul#crumbs_left li a{color:#ccc !important}
ul#crumbs_left li a:hover{color:#fff;text-decoration:underline}
ul#crumbs_right{float:right;width:220px;height:25px;position:absolute;bottom:0;right:0}
ul#crumbs_right li{float:left;height:25px;margin-left:10px;text-indent:-9999px}
@media screen and (max-width: 767px) {
	#crumbs{display:none}
}

/**
nav
*/
.fixed{position:fixed;top:0}
#nav_container{ width:100%; background-color:#FFF !important; z-index:10000;}
#suntory_contents div.nav { margin: 10px auto; width: calc((157 + 127 + 114 + 141 + 128) * 1px);  }
#suntory_contents div.nav ul { margin: 0 auto;  background-color:#FFF;}
#suntory_contents div.nav ul li { float: left; }
#suntory_contents div.nav ul li:before { display: block; position: absolute; top: 12px; width: 1px; height: 16px; content: ""; background-color: rgb(30, 30, 30); }
#suntory_contents div.nav ul li ul li:before { width: 0; }
#suntory_contents div.nav ul li.n8:after { display: block; position: absolute; top: 12px; right: 0; width: 1px; height: 16px; content: ""; background-color: rgb(30, 30, 30); }
#suntory_contents div.nav ul li a { display: block; text-align: center; font-size: 74%; font-weight: bold;}
#suntory_contents div.nav ul li a:hover,
#suntory_contents div.nav ul li a:active { color: #c89a2f }
#suntory_contents div.nav ul li.n0 { display:none}
#suntory_contents div.nav ul li.n1 { width: 157px; }
#suntory_contents div.nav ul li.n2 { width: 127px; }
/* #suntory_contents div.nav ul li.n3 { width: 135px; } */
#suntory_contents div.nav ul li.n4 { width: 114px; }
#suntory_contents div.nav ul li.n5 { width: 141px; }
/* #suntory_contents div.nav ul li.n6 { width: 117px; } */
/* #suntory_contents div.nav ul li.n7 { width: 141px; } */
#suntory_contents div.nav ul li.n8 { width: 128px; }

@media only screen and (min-width: 768px) {
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n1 .submenu.submenu01{width: 164px; font-size:84%;margin-left: -5px;box-shadow: 0 2px 4px -2px #555; z-index:10000;  }
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n1 .submenu.submenu01 a{ text-align:left !important; padding-left:14px;}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n2 .submenu.submenu02{width: 160px; font-size:84%;margin-left: -15px;box-shadow: 0 2px 4px -2px #555; z-index:10000;  }
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n2 .submenu.submenu02 a{ text-align:center !important; padding-left:14px;}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n4 .submenu.submenu04{width: 94px; font-size:84%; margin-left: 10px; box-shadow: 0 1px 3px -1px #555; z-index:10000;}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n5 .submenu.submenu05 { margin-left: 0px; width: 140px; font-size:84%; box-shadow: 0 1px 3px -1px #555; z-index:10000; }
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n6 .submenu.submenu06{width: 160px; margin-left:-22px;  font-size:84%;box-shadow:0 1px 3px -1px #555; z-index:10000;}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n7 .submenu.submenu07{ font-size:84%;box-shadow:0 1px 3px -1px #555; z-index:10000;}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n8 .submenu.submenu08{ width: 200px; margin-left:-40px;  font-size:84%;box-shadow:0 1px 3px -1px #555; z-index:10000;}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n8 .submenu.submenu08 a{ text-align:left !important; padding-left:24px;}
}


#suntory_contents .nav.dropmenu .n1:hover,#suntory_contents .nav.dropmenu .n2:hover,#suntory_contents .nav.dropmenu .n3:hover,#suntory_contents .nav.dropmenu .n5:hover,#suntory_contents .nav.dropmenu .n6:hover{background:#f8f3e8}
#suntory_contents .nav.dropmenu .clearfix.mainmenu .submenu li:hover > a{background:#c9992d;color:#FFF!important}
#suntory_contents .nav.dropmenu .clearfix.mainmenu .submenu li{border-top:1px solid #FFF}
#suntory_contents .nav.dropmenu li ul{display:none}
#suntory_contents .nav.dropmenu li:hover ul{display:block}
.dropmenu{*zoom:1;list-style-type:none;width:960px;margin:5px auto 30px;padding:0}
.dropmenu:before,.dropmenu:after{content:"";display:table}
.dropmenu:after{clear:both}
.dropmenu li{position:relative;width:20%;float:left;margin:0;padding:0}
.dropmenu li a{display:block;margin:0;padding:15px 0 11px;color:#fff;font-size:14px;line-height:1;text-decoration:none}
.dropmenu li.have_sub a:hover{background:#f8f3e8}
.dropmenu li ul{list-style:none;position:absolute;z-index:9999;top:100%;left:0;margin:0;padding:0}
.dropmenu li ul li{width:100%}
.dropmenu li ul li a{padding:13px 15px;background:#f8f3e8}

@media screen and (max-width: 767px) {
	.dropmenu li ul li a{width:100%;padding:15px 0;background-color:transparent}
	.dropmenu li a{padding:0}
	.dropmenu li.have_sub a:hover{background-color:transparent}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n1 .submenu.submenu01,#suntory_contents .nav.dropmenu .clearfix.mainmenu .n1 .submenu.submenu01 a{width:100%!important}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n2 .submenu.submenu02,#suntory_contents .nav.dropmenu .clearfix.mainmenu .n2 .submenu.submenu02 a{width:100%!important}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n4 .submenu.submenu04,#suntory_contents .nav.dropmenu .clearfix.mainmenu .n4 .submenu.submenu04 a{width:100%!important}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n5 .submenu.submenu05,#suntory_contents .nav.dropmenu .clearfix.mainmenu .n5 .submenu.submenu05 a{width:100%!important}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n6 .submenu.submenu06,#suntory_contents .nav.dropmenu .clearfix.mainmenu .n6 .submenu.submenu06 a{width:100%!important}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n8 .submenu.submenu08,#suntory_contents .nav.dropmenu .clearfix.mainmenu .n8 .submenu.submenu08 a{width:100%!important}

	#suntory_contents div.nav ul li a:hover,#suntory_contents div.nav ul li a:active{color:#000}
	#suntory_contents .nav.dropmenu .n1:hover,#suntory_contents .nav.dropmenu .n2:hover,#suntory_contents .nav.dropmenu .n5:hover,#suntory_contents .nav.dropmenu .n8:hover{background-color:transparent}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .submenu li{border:none}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .submenu li:hover > a{background-color:transparent;color:#000!important}
	#suntory_contents .nav.dropmenu li:hover ul{display:block}
	#nav_container{ background-color:transparent !important; margin-top:-150px; height:0;}
	#suntory_contents div.nav { position: relative; margin: 0 auto; width: 94%; height: 0; padding:0 3%; z-index:10000; }
	#suntory_contents div.nav ul { display: none; position: absolute; width: 90%; background-color: transparent; z-index:10000;}
	#suntory_contents div.nav ul li:before { display: none; }
	#suntory_contents div.nav ul li.n7:after { display: none; }
	#suntory_contents div.nav ul li { float: none; width: 96%; margin:0; text-align: left; }
	#suntory_contents div.nav ul li.n2 { width: 0%; }
	#suntory_contents div.nav ul li.n3 { width: 90%; }
	#suntory_contents div.nav ul li.n4 { width: 90%; }
	#suntory_contents div.nav ul li.n6 { width: 90%; }
	#suntory_contents div.nav ul li.n7 { width: 90%; }
	#suntory_contents div.nav ul li.n8 { width: 90%; }
	#suntory_contents div.nav ul li.n8:after { display:none;}
	#suntory_contents div.nav ul li a { display: inline-block; font-size: 125%;  width:90%; text-align:left; border-bottom:#dedede 1px solid; padding:15px 0; padding-left:5.3%}
	#suntoryCommonWrapper #suntory_contents .submenu li{ display:block ;}
	#suntory_contents div.nav ul li.n0 { display:block; width: 90%; margin-top:-100px;}
	#suntory_contents div.nav ul li.n1 { width: 90%; height:360px ; }
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n1 .submenu.submenu01{width: 90%;box-shadow: none; margin-top:-310px}
	#suntory_contents div.nav ul li.n2 { width: 90%; height:180px ; }
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n2 .submenu.submenu02{width: 90%;box-shadow: none; margin-top:-132px}
	#suntory_contents div.nav ul li.n4 { width: 90%; height:140px; }
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n4 .submenu.submenu04{box-shadow: none; margin-top:-92px}
	#suntory_contents div.nav ul li.n5 { width: 90%; height:480px; }
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n5 .submenu.submenu05{box-shadow: none; margin-top:-430px; margin-left:0;}
	#suntory_contents div.nav ul li.n6 { width: 90%; }
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n6 .submenu.submenu06{box-shadow: none; margin-top:-92px; margin-left:0;}
	#suntory_contents div.nav ul li.n7{ width: 90%; height:208px }
	#suntory_contents div.nav ul li.n8{ width: 90%; height:208px; margin-top:0}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n7 .submenu.submenu07,#suntory_contents .nav.dropmenu .clearfix.mainmenu .n8 .submenu.submenu08{ width:90%; margin-left:0 ;box-shadow: none; margin-top:-156px}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n1,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n2,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n4,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n5,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n6 ,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n7,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n8 {
		font-size:84%;
	}
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n1 .submenu.submenu01 a,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n2 .submenu.submenu02 a,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n4 .submenu.submenu04 a,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n5 .submenu.submenu05 a,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n6 .submenu.submenu06 a,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n7 .submenu.submenu07 a,
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n8 .submenu.submenu08 a {
		background: url(../images/common/sp_arrow.png) no-repeat right center;
		background-size:10px 17px;
		width:100% !important;
		padding-left:10% !important;
		font-size:92%;
	}
	#suntory_contents div.nav ul li a {  background:url(../images/common/sp_head_bar.gif) no-repeat left center; background-size:2% 40%;display: inline-block; font-size: 125%;  width:106%; text-align:left; border-bottom:#dedede 1px solid; padding:15px 0; padding-left:5.3%;}


	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n2 .submenu.submenu02{width: 100%;margin-left: 0; }
	#suntory_contents .nav.dropmenu .clearfix.mainmenu .n2 .submenu.submenu02 a{ text-align:left !important;}
}

/**
cover
*/
#suntory_contents .cover { display: block; position: relative; max-width: 1164px; margin:0 auto; }
#suntory_contents .cover:before { position: absolute; width: 10px; height: 100%; background-color: rgb(255, 255, 255); content: ""; top: 0; left: -5px; z-index: 1400; }
#suntory_contents .cover:after { position: absolute; width: 10px; height: 100%; background-color: rgb(255, 255, 255); content: ""; top: 0; right: -5px; z-index: 1401; }
#suntory_contents .cover .bx-wrapper .bx-pager { margin-top: 15px ; text-align: center; }
#suntory_contents .cover .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; }
#suntory_contents .cover .bx-pager-item { margin: 0 4px; }
#suntory_contents .cover .bx-pager a { display: block; margin: 0 5px; width: 12px; height: 12px; text-indent: -9999px; background: rgb(210, 210, 210); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#suntory_contents .cover .bx-pager a:hover,
#suntory_contents .cover .bx-pager a.active { background-color: rgb(100, 100, 100); }
#suntory_contents .cover ul.slider { width: 100%; overflow: hidden; }
#suntory_contents .cover ul.slider li { height:350px; float: left; width: 100%; text-align: center; line-height: 0; background-position: center; background-repeat: no-repeat; background-size: 100% }
#suntory_contents .cover ul.slider li.n1 { background-image: url("../images/cover/visual_01.jpg?20260202"); background-size: 99%; }
#suntory_contents .cover ul.slider li.n2 { background-image: url("../images/cover/visual_02.jpg?20260202"); background-size: 99%; }
#suntory_contents .cover ul.slider li.n3 { background-image: url("../images/cover/visual_03.jpg?20260202"); background-size: 99%; }
#suntory_contents .cover ul.slider li.n4 { background-image: url("../images/cover/visual_04.jpg?20260202"); background-size: 99%; }
#suntory_contents .cover ul.slider li.n5 { background-image: url("../images/cover/visual_05.jpg?20260202"); background-size: 99%; }
#suntory_contents .cover ul.slider li a img { width: 100%; }
@media screen and (max-width: 767px) {
	#suntory_contents .cover:before { position: absolute; width: 0; height: 0; top: 0; left: 0; }
	#suntory_contents .cover:after { position: absolute; width: 0; height: 0; top: 0; left: 0; }
	#suntory_contents .cover { display: block; max-width:1164px; margin:50px auto 0; padding-bottom:100px; z-index:50; }
	#suntory_contents .cover ul.slider li { height:auto; padding:20px 0;}
}

/* animation */
#suntory_contents .cover ul.slider li.scaleup {  opacity: 1.0; -ms-animation: scaleup_cover 0.4s ease forwards; -moz-animation: scaleup_cover 0.4s ease forwards; -webkit-animation: scaleup_cover 0.4s ease forwards; animation: scaleup_cover 0.4s ease forwards; }
@-ms-keyframes scaleup_cover { 0% {  opacity: 1.0; } 100% {  opacity: 0.8; } }
@-moz-keyframes scaleup_cover { 0% {  opacity: 1.0; } 100% {  opacity: 0.8; } }
@-webkit-keyframes scaleup_cover { 0% {  opacity: 1.0; } 100% {  opacity: 0.8; } }
@keyframes scaleup_cover { 0% {  opacity: 1.0; } 100% {  opacity: 0.8; } }

#suntory_contents .cover ul.slider li.scaledown {  opacity: 0.8; -ms-animation: scaledown_cover 0.4s ease forwards; -moz-animation: scaledown_cover 0.4s ease forwards; -webkit-animation: scaledown_cover 0.4s ease forwards; animation: scaledown_cover 0.4s ease forwards; }
@-ms-keyframes scaledown_cover { 0% {  opacity: 0.8; } 100% {  opacity: 1.0; } }
@-moz-keyframes scaledown_cover { 0% {  opacity: 0.8; } 100% {  opacity: 1.0; } }
@-webkit-keyframes scaledown_cover { 0% {  opacity: 0.8; } 100% {  opacity: 1.0; } }
@keyframes scaledown_cover { 0% {  opacity: 0.8; } 100% {  opacity: 1.0; } }

/**
main
*/
#suntory_contents div.main { margin-top: 15px; padding: 0 0 60px 0; width: 100%; background: #f8f3e8 url("../images/common/main_bottom.png") center bottom repeat-x; }
#suntory_contents div.main div.section { margin: 80px auto 0 auto; width: 94%; max-width: 950px; border: 5px solid rgb(255, 255, 255); }
#suntory_contents div.main div.section_noborder {border: none; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main { margin-top:65px;}
	#suntory_contents div.main div.section { margin: 64px auto 0 auto; max-width: 94%; }
}

/**
news_head
*/
#suntory_contents div.main div.news_head { /* display: table; */ position: relative;  max-width: 960px; border: 0; padding-top:120px; margin-top:-70px;}
#suntory_contents div.main div.news_head h2 { display: table-cell; line-height: 0; }
#suntory_contents div.main div.news_head h2 img { width: 92px; }
#suntory_contents div.main div.news_head p { display: table-cell; text-align: right; vertical-align: bottom; line-height: 0; }
#suntory_contents div.main div.news_head p img { width: 130px; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.news_head { max-width: 94%; padding-top: 50px; margin-top: 0; }
}
@media screen and (max-width: 420px) {
	#suntory_contents div.main div.news_head h2 img { width: 83px; }
}
@media screen and (max-width: 375px) {
	#suntory_contents div.main div.news_head h2 img { width: 61px; }
	#suntory_contents div.main div.news_head p img { width: 100px; }
}

/**
news_body
*/
#news_pc{ display:block !important;}
#news_sp{ display:none !important;}
#suntory_contents div.main div.news_body { position: relative; margin-top: 10px; max-width: 960px; border: 0; }
#suntory_contents div.main div.news_body ul { display: table; width: 100%; background-color: rgb(255, 255, 255); }
#suntory_contents div.main div.news_body ul li { display: table-cell; width: 20%; vertical-align: top; line-height: 0; }
#suntory_contents div.main div.news_body ul li a { display: block; padding: 6px; }
#suntory_contents div.main div.news_body ul li img { width: 100%; }
#suntory_contents div.news_body { display: block; max-width:960px; margin:0 auto; }
#suntory_contents div.news_body .bx-wrapper .bx-pager { margin-top: 15px; text-align: center; display:none;}
#suntory_contents div.news_body .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; }
#suntory_contents div.news_body .bx-pager-item { margin: 0 4px; }
#suntory_contents div.news_body .bx-pager a { display: block; margin: 0 5px; width: 12px; height: 12px; text-indent: -9999px; background: rgb(210, 210, 210); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#suntory_contents div.news_body .bx-pager a:hover,
#suntory_contents div.news_body .bx-pager a.active { background-color: rgb(100, 100, 100); }
#suntory_contents div.news_body ul.slider_news { width: 100%; overflow: hidden; }

@media screen and (max-width: 767px) {
	#suntory_contents div.news_body .bx-wrapper .bx-pager { display:block;}
	#news_pc{ display:none !important;}
	#news_sp{ display:block !important;}
	#suntory_contents div.main div.news_body  { padding:0 2%; max-width:96%; width:96%; }
}

/**
portfolio_head
*/
#suntory_contents div.main div.portfolio_head { padding-top:80px; display: table; position: relative; margin-top: 0; padding-bottom: 10px; max-width: 960px; border: 0; background-color: #f8f3e8; }
#suntory_contents div.main div.portfolio_head h2 { display: table-cell; width: 960px; line-height: 0; }
#suntory_contents div.main div.portfolio_head h2 img { width: 305px; }
#suntory_contents div.main div.portfolio_head p { display: table-cell; width: 960px; text-align: right; vertical-align: bottom; line-height: 0; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.portfolio_head { padding-top:50px; width: 100%; max-width: 100%; }
	#suntory_contents div.main div.portfolio_head h2 { padding-left: 3%; }
	#suntory_contents div.main div.portfolio_head p { padding-right: 3%; }
}
@media screen and (max-width: 420px) {
	#suntory_contents div.main div.portfolio_head h2 img { width: 275px; }
}
@media screen and (max-width: 375px) {
	#suntory_contents div.main div.portfolio_head h2 img { width: 204px; }
}

/**
portfolio_body
*/
#suntory_contents div.main div.portfolio_body { margin-top: 0; }

/* #_portfolio_menu */
#suntory_contents #_portfolio_menu ul.block { float: left; width: 50%; }
#suntory_contents #_portfolio_menu ul.block li { float: left; position: relative; background: url("../images/portfolio/corner.gif") right bottom no-repeat; }
#suntory_contents #_portfolio_menu ul.block li.group_01 { width: 34%; background-color:#debc81; }
#suntory_contents #_portfolio_menu ul.block li.group_02 { width: 33%; background-color: #e8d5bd; }
#suntory_contents #_portfolio_menu ul.block li.group_03 { width: 33%; background-color: #debc81; }
#suntory_contents #_portfolio_menu ul.block li.group_04 { width: 34%; background-color: #e8d5bd; }
#suntory_contents #_portfolio_menu ul.block li.group_05 { width: 33%; background-color: #debc81; }
#suntory_contents #_portfolio_menu ul.block li.group_06 { width: 33%; background-color: #e8d5bd; }
#suntory_contents #_portfolio_menu ul.block li p { position: relative; width: 100%; height: 160px; background-position: center; background-repeat: no-repeat; background-size: contain; }
#suntory_contents #_portfolio_menu ul.block li.group_01 p { background-image: url("../images/portfolio/group_01.png"); background-repeat: no-repeat; background-position: center center; background-size:158px 158px;  }
#suntory_contents #_portfolio_menu ul.block li.group_02 p { background-image: url("../images/portfolio/group_02.png"); background-repeat: no-repeat; background-position: center center; background-size:158px 158px;}
#suntory_contents #_portfolio_menu ul.block li.group_03 p { background-image: url("../images/portfolio/group_03.png"); background-repeat: no-repeat; background-position: center center; background-size:158px 158px;}
#suntory_contents #_portfolio_menu ul.block li.group_04 p { background-image: url("../images/portfolio/group_04.png"); background-repeat: no-repeat; background-position: center center; background-size:158px 158px;}
#suntory_contents #_portfolio_menu ul.block li.group_05 p { background-image: url("../images/portfolio/group_05.png"); background-repeat: no-repeat; background-position: center center; background-size:158px 158px;}
#suntory_contents #_portfolio_menu ul.block li.group_06 p { background-image: url("../images/portfolio/group_06.png?20250221"); background-repeat: no-repeat; background-position: center center; background-size:158px 158px;}
#suntory_contents #_portfolio_menu ul.block li p a { display: block; position: absolute; left: 0; right: 0; bottom: 10px; margin: 0 auto; width: 40%; height: 100px; font-size: 1px; text-indent: -9999px; }
#suntory_contents #_portfolio_menu ul.block li.group_06 p a { width: 80%; }
#suntory_contents #_portfolio_menu ul.block li span.point { display: block; position: absolute; left: 50%; bottom: -12px; margin-left: -11px; width: 22px; height: 12px; background-position: center; background-repeat: no-repeat; background-size: 100%; }
#suntory_contents #_portfolio_menu ul.block li.group_01 span.point { background-image: url("../images/portfolio/arrow_point_01.png"); background-position:0 -2px; }
#suntory_contents #_portfolio_menu ul.block li.group_02 span.point { background-image: url("../images/portfolio/arrow_point_02.png"); background-position:0 -2px; }
#suntory_contents #_portfolio_menu ul.block li.group_03 span.point { background-image: url("../images/portfolio/arrow_point_01.png"); background-position:0 -2px; }
#suntory_contents #_portfolio_menu ul.block li.group_04 span.point { background-image: url("../images/portfolio/arrow_point_02.png"); background-position:0 -2px; }
#suntory_contents #_portfolio_menu ul.block li.group_05 span.point { background-image: url("../images/portfolio/arrow_point_01.png"); background-position:0 -2px; }
#suntory_contents #_portfolio_menu ul.block li.group_06 span.point { background-image: url("../images/portfolio/arrow_point_02.png"); background-position:0 -2px; }
#suntory_contents #_portfolio_menu ul.block li span.point { display: none; }
#suntory_contents #_portfolio_menu ul.block li span.point.on { display: block; }
@media screen and (max-width: 920px) {
	#suntory_contents #_portfolio_menu ul.block li.group_01 p { background-image: url("../images/portfolio/group_01.png"); background-repeat: no-repeat; background-position: center center; background-size:134px 134px; }
	#suntory_contents #_portfolio_menu ul.block li.group_02 p { background-image: url("../images/portfolio/group_02.png"); background-repeat: no-repeat; background-position: center center; background-size:134px 134px;}
	#suntory_contents #_portfolio_menu ul.block li.group_03 p { background-image: url("../images/portfolio/group_03.png"); background-repeat: no-repeat; background-position: center center; background-size:134px 134px;}
	#suntory_contents #_portfolio_menu ul.block li.group_04 p { background-image: url("../images/portfolio/group_04.png"); background-repeat: no-repeat; background-position: center center; background-size:134px 134px;}
	#suntory_contents #_portfolio_menu ul.block li.group_05 p { background-image: url("../images/portfolio/group_05.png"); background-repeat: no-repeat; background-position: center center; background-size:134px 134px;}
	#suntory_contents #_portfolio_menu ul.block li.group_06 p { background-image: url("../images/portfolio/group_06.png?20240229"); background-repeat: no-repeat; background-position: center center; background-size:134px 134px;}
}
@media screen and (max-width: 767px) {
	#suntory_contents #_portfolio_menu ul.block li.group_01,#suntory_contents #_portfolio_menu ul.block li.group_02,#suntory_contents #_portfolio_menu ul.block li.group_03{ border-top:5px solid #FFF; margin-top:-5px;}
	#suntory_contents #_portfolio_menu ul.block { width: 100%; }
	#suntory_contents #_portfolio_menu ul.block li.group_01 p { background-image: url("../images/portfolio/group_01.png"); background-repeat: no-repeat; background-position: center center; background-size:120px 120px; }
	#suntory_contents #_portfolio_menu ul.block li.group_02 p { background-image: url("../images/portfolio/group_02.png"); background-repeat: no-repeat; background-position: center center; background-size:120px 120px;}
	#suntory_contents #_portfolio_menu ul.block li.group_03 p { background-image: url("../images/portfolio/group_03.png"); background-repeat: no-repeat; background-position: center center; background-size:120px 120px;}
	#suntory_contents #_portfolio_menu ul.block li.group_04 p { background-image: url("../images/portfolio/group_04.png"); background-repeat: no-repeat; background-position: center center; background-size:120px 120px;}
	#suntory_contents #_portfolio_menu ul.block li.group_05 p { background-image: url("../images/portfolio/group_05.png"); background-repeat: no-repeat; background-position: center center; background-size:120px 120px;}
	#suntory_contents #_portfolio_menu ul.block li.group_06 p { background-image: url("../images/portfolio/group_06.png?20240229"); background-repeat: no-repeat; background-position: center center; background-size:120px 120px;}
}
@media screen and (max-width: 375px) {
	#suntory_contents #_portfolio_menu ul.block li.group_01 p { background-image: url("../images/portfolio/group_01.png"); background-repeat: no-repeat; background-position: center center; background-size:110px 110px;}
	#suntory_contents #_portfolio_menu ul.block li.group_02 p { background-image: url("../images/portfolio/group_02.png"); background-repeat: no-repeat; background-position: center center; background-size:110px 110px;}
	#suntory_contents #_portfolio_menu ul.block li.group_03 p { background-image: url("../images/portfolio/group_03.png"); background-repeat: no-repeat; background-position: center center; background-size:110px 110px;}
	#suntory_contents #_portfolio_menu ul.block li.group_04 p { background-image: url("../images/portfolio/group_04.png"); background-repeat: no-repeat; background-position: center center; background-size:110px 110px;}
	#suntory_contents #_portfolio_menu ul.block li.group_05 p { background-image: url("../images/portfolio/group_05.png"); background-repeat: no-repeat; background-position: center center; background-size:110px 110px;}
	#suntory_contents #_portfolio_menu ul.block li.group_06 p { background-image: url("../images/portfolio/group_06.png?20240229"); background-repeat: no-repeat; background-position: center center; background-size:110px 110px;}
}

/* #_portfolio_contents */
#suntory_contents #_portfolio_contents { background-color: rgb(255, 255, 255); }
#suntory_contents #_portfolio_contents dl { display: none; margin: 0 auto; width: 94%; background-color: rgb(255, 255, 255); }
#suntory_contents #_portfolio_contents dl dt span.pc { display: block; }
#suntory_contents #_portfolio_contents dl dt span.sp { display: none; }
#suntory_contents #_portfolio_contents dl dt.close span.pc { position: relative; width: 100%; height: 60px; text-align: right; }
#suntory_contents #_portfolio_contents dl dt.close span.pc a { position: absolute; right: 0; bottom: 0; }
#suntory_contents #_portfolio_contents dl dt.close span.pc a span { padding: 5px 20px 4px 20px; color: rgb(255, 255, 255); background-color: #c89a2f; border: 2px solid #c89a2f; }
#suntory_contents #_portfolio_contents dl dt.close span.pc a:hover span,
#suntory_contents #_portfolio_contents dl dt.close span.pc a:active span { color: #c89a2f; background-color: rgb(255, 255, 255); border: 2px solid #c89a2f; }
#suntory_contents #_portfolio_contents dl dt.category { width: 100%; height: 50px; }
#suntory_contents #_portfolio_contents dl dt.category span.pc { margin-left: 10px; height: 50px; line-height: 50px; }
#suntory_contents #_portfolio_contents dl dt.category span.pc span.n2 { padding-left: 20px; }
#suntory_contents #_portfolio_contents dl dd.items { padding-bottom: 30px; background-color: rgb(255, 255, 255); }
#suntory_contents #_portfolio_contents dl dd.items.opened { display: block; }
#suntory_contents #_portfolio_contents dl dd.items ul li { float: left; margin: 25px 0; width: 20%; }
#suntory_contents #_portfolio_contents dl dd.items ul li p { margin: 0 auto; text-align: center; }
#suntory_contents #_portfolio_contents dl dd.items ul li p.product { width: 35%; }
#suntory_contents #_portfolio_contents dl dd.items ul li p.product img { width: 100%; }
#suntory_contents #_portfolio_contents .product.product_connemara .tip img{ width:157%; margin-left:-20px;}
#suntory_contents #_portfolio_contents dl dd.items ul li p.label { margin-top: 10px; width: 90%; }
#suntory_contents #_portfolio_contents dl dd.items ul li p.label a { text-decoration: underline; }
#suntory_contents #_portfolio_contents dl dd.items ul li p.label a:hover,
#suntory_contents #_portfolio_contents dl dd.items ul li p.label a:active { color: rgb(241, 90, 36); text-decoration: none; }
#suntory_contents #_portfolio_contents dl dd.items ul li p.label a:before { padding-right: 10px; content: ''; background: url("../images/portfolio/arrow_label.gif") left center no-repeat; }
#suntory_contents #_portfolio_contents dl dd.items ul li p.button { margin-top: 15px; width: 90%; }
#suntory_contents #_portfolio_contents dl dd.items ul li p.button img { width: 120px; }
@media screen and (max-width: 767px) {
	#suntory_contents #_portfolio_contents dl dt span.pc { display: none; }
	#suntory_contents #_portfolio_contents dl dt span.sp { display: block; }
	#suntory_contents #_portfolio_contents dl { width: 100%; }
	#suntory_contents #_portfolio_contents dl dt.close span.sp { width: 100%; height: 60px; background-color:#c89a2f; }
	#suntory_contents #_portfolio_contents dl dt.close span.sp a { display: block; position: relative; width: 100%; height: 60px; color: rgb(255, 255, 255); line-height: 60px; }
	#suntory_contents #_portfolio_contents dl dt.close span.sp a span { padding-left: 10px; }
	#suntory_contents #_portfolio_contents dl dt.close span.sp a:after { position: absolute; top: 50%; right: 10px; margin-top: -11px; width: 22px; height: 22px; content: ""; background: url("../images/portfolio/dt_cross.png") center no-repeat; background-size: 100%; }
	#suntory_contents #_portfolio_contents dl dt.category { margin-top: 3px; height: 60px; background-color: #debc81; }
	#suntory_contents #_portfolio_contents dl dt.category span.sp a { display: block; position: relative; width: 100%; height: 60px; color: rgb(255, 255, 255); line-height: 60px; }
	#suntory_contents #_portfolio_contents dl dt.category span.sp a span { padding-left: 10px; }
	#suntory_contents #_portfolio_contents dl dt.category span.sp a:after { position: absolute; top: 50%; right: 10px; margin-top: -11px; width: 22px; height: 22px; content: ""; background: url("../images/portfolio/dt_minus.png") center no-repeat; background-size: 100%; }
	#suntory_contents #_portfolio_contents dl dt.category span.sp a.plus:after { background: url("../images/portfolio/dt_plus.png") center no-repeat; background-size: 100%; }
	#suntory_contents #_portfolio_contents dl dd.items ul li { display: table; float: none; margin: 25px auto; width: 86%; }
	#suntory_contents #_portfolio_contents dl dd.items ul li p { display: table-cell; text-align: left; vertical-align: middle; }
	#suntory_contents #_portfolio_contents dl dd.items ul li p.product { display: table-cell; width: 25%; }
	#suntory_contents #_portfolio_contents dl dd.items ul li p.product img { width: 60%; }
	#suntory_contents #_portfolio_contents .product.product_connemara .tip img{ width:90%;}
	#suntory_contents #_portfolio_contents dl dd.items ul li p.label { display: table-cell; width: 35%; }
	#suntory_contents #_portfolio_contents dl dd.items ul li p.label a:before { margin-left: -10px; }
	#suntory_contents #_portfolio_contents dl dd.items ul li p.button { display: table-cell; width: 40%; text-align: right; }
	#suntory_contents #_portfolio_contents dl dd.items ul li p.button img { width: 90%; }
}

/**
special_head
*/
#suntory_contents div.main div.special_head { display: table; max-width: 960px; border: 0; }
#suntory_contents div.main div.special_head h2 { display: table-cell; line-height: 0; }
#suntory_contents div.main div.special_head h2 img { width: 277px; }
#suntory_contents div.main div.special_head p { display: table-cell; text-align: right; vertical-align: bottom; line-height: 0; }
#suntory_contents div.main div.special_head p img { width: 190px; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.special_head { display: block; max-width: 94%; }
	#suntory_contents div.main div.special_head h2 { display: block; }
	#suntory_contents div.main div.special_head p { display: block; margin-top: 10px;}
}
@media screen and (max-width: 420px) {
	#suntory_contents div.main div.special_head h2 img { width: 245px; }
}
@media screen and (max-width: 375px) {
	#suntory_contents div.main div.special_head h2 { width: 180px; float:left; }
	#suntory_contents div.main div.special_head h2 img { width: 180px; }
	#suntory_contents div.main div.special_head p{ width: 140px; float:right; }
	#suntory_contents div.main div.special_head p img { width: 140px; }
}

/**
special_body
*/
#suntory_contents div.main div.special_body { margin-top: 10px; }
#suntory_contents div.main div.special_body ul { width: 100%; }
#suntory_contents div.main div.special_body ul.unit_01 li.item_01 { background-color:#d9b87f; -webkit-box-shadow: -4px 0px 0px 0px rgb(255, 255, 255) inset; -moz-box-shadow: -4px 0px 0px 0px rgb(255, 255, 255) inset; box-shadow: -4px 0px 0px 0px rgb(255, 255, 255) inset; }
#suntory_contents div.main div.special_body ul.unit_01 li.item_02 { background-color:#d9b87f; }
#suntory_contents div.main div.special_body ul.unit_02 li.item_03 { background-color:#d9b87f; -webkit-box-shadow: -4px 0px 0px 0px rgb(255, 255, 255) inset; -moz-box-shadow: -4px 0px 0px 0px rgb(255, 255, 255) inset; box-shadow: -4px 0px 0px 0px rgb(255, 255, 255) inset; }
#suntory_contents div.main div.special_body ul.unit_02 li.item_04 { background-color:#d9b87f; }
#suntory_contents div.main div.special_body ul.unit_02 { border-top: 4px solid rgb(255, 255, 255); }
#suntory_contents div.main div.special_body ul li { float: left; width: 50%; }
#suntory_contents div.main div.special_body ul li div.block { float: left; width: 48%; }
#suntory_contents div.main div.special_body ul li div.block.n1 { line-height: 0; }
#suntory_contents div.main div.special_body ul li div.block.n1 img { width: 100%; }
#suntory_contents div.main div.special_body ul li div.block.n2 { position: relative; }
#suntory_contents div.main div.special_body ul li div.block.n2 p.desc { position: absolute; left: 10px; top: 10px; width: 85%; }
#suntory_contents div.main div.special_body ul li div.block.n2 p.desc span.n1 { color: #4d4d4d; }
#suntory_contents div.main div.special_body ul li div.block.n2 p.desc span.n2 { display: block; margin-top: 10px; }
#suntory_contents div.main div.special_body ul li div.block.n2 p.symbol_flight { position: absolute; left: 12px; bottom: 38px; }
#suntory_contents div.main div.special_body ul li div.block.n2 p.button { position: absolute; left: 10px; bottom: 10px; }
#suntory_contents div.main div.special_body ul li div.block.n2 p.button img { width: 80%; }
@media screen and (max-width: 959px) {
	#suntory_contents div.main div.special_body p.symbol_flight { display: none; }
}
@media screen and (max-width: 900px) {
	#suntory_contents div.main div.special_body ul li span:not(.red) { font-size: 62%;}
}
@media screen and (max-width: 768px) {
	#suntory_contents div.main div.special_body ul li div.block.n2 p.symbol_flight{ bottom:22%; width:100%;}
	#suntory_contents div.main div.special_body ul li div.block.n2 p.symbol_flight img{ width:60%; }
	#suntory_contents div.main div.special_body ul li span { font-size: 100%; }
	#suntory_contents div.main div.special_body ul li div.block.n2 p.desc { width: 90%; }
	#suntory_contents div.main div.special_body ul li div.block.n2 p.desc span.n2 { margin-top: 10px; }
	#suntory_contents div.main div.special_body ul.unit_02 li.item_03 {  background-color:#d9b87f;}
	#suntory_contents div.main div.special_body ul.unit_02 li.item_04 { background-color:#d9b87f }
}
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.special_body ul li { width: 100%; }
	#suntory_contents div.main div.special_body ul.unit_01 li.item_02 { border-top: 4px solid rgb(255, 255, 255); }
	#suntory_contents div.main div.special_body ul.unit_02 li.item_03 { border-top: 4px solid rgb(255, 255, 255); }
	#suntory_contents div.main div.special_body ul.unit_02 li.item_04 { border-top: 4px solid rgb(255, 255, 255); }
	#suntory_contents div.main div.special_body ul.unit_01 li.item_01 { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	#suntory_contents div.main div.special_body ul.unit_02 li.item_03 { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	#suntory_contents div.main div.special_body ul.unit_02 { border-top: none; }
}
@media screen and (max-width: 510px) {
	#suntory_contents div.main div.special_body ul li span:not(.red) { font-size: 62%; line-height: 1.2; }
}
@media screen and (max-width: 350px) {
	#suntory_contents div.main div.special_body ul li div.block.n2 p.desc { top: 5px; width: 95%; }
	#suntory_contents div.main div.special_body ul li div.block.n2 p.desc span.n2 { margin-top: 3px; }
	#suntory_contents div.main div.special_body ul li div.block.n2 p.button { bottom: 7px; }
}

/**
special_footer
*/
#suntory_contents div.main div.special_footer{ width:94%; max-width:950px; margin:0 auto; text-align:right; }
#suntory_contents div.main div.special_footer p { vertical-align: bottom; line-height: 0; margin-top:10px; }
#suntory_contents div.main div.special_footer p img { width: 245px; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.special_footer p { display: block; margin-top: 10px;}
}
@media screen and (max-width: 375px) {
	#suntory_contents div.main div.special_footer p{ width: 180px; float:right; }
	#suntory_contents div.main div.special_footer p img { width: 180px; }
}

/**
movie
*/
#suntory_contents div.main div.movie p { line-height: 0; }
#suntory_contents div.main div.movie p span img { width: 100%; }
#suntory_contents div.main div.movie p span.pc { display: block; }
#suntory_contents div.main div.movie p span.sp { display: none; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.movie p span.pc { display: none; }
	#suntory_contents div.main div.movie p span.sp { display: block; }
}

/**
distilery_history
*/
#suntory_contents div.main div.distilery_history_contaiter{ width:95%; max-width:960px;}
#suntory_contents div.main div.distilery_history_contaiter h2 img{ border:none; margin-bottom:10px;}
#suntory_contents div.main div.distilery_history_left{float:left; width:64.5%;}
#suntory_contents div.main div.distilery_history_right{float: right;width:32.5%;}
#suntory_contents div.main div.distilery_history ul li{ float:left; max-width:50%;}
#suntory_contents div.main div.distilery_history img { max-width:98%;  border: 5px solid rgb(255, 255, 255);}
#suntory_contents div.main div.distilery_history.distilery_history_left .distilery_left img{ border-right: none;}
#suntory_contents div.main div.distilery_history.distilery_history_right{ margin-left:2%;}
#suntory_contents div.main div.distilery_history ul li:first-child{ margin-right:-1px;}
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.distilery_history_contaiter{ width:auto; max-width:95%; margin-left: auto; margin-right:auto;}
	#suntory_contents div.main div.distilery_history_left h2 { display: table-cell; line-height: 0; }
	#suntory_contents div.main div.distilery_history_left h2 img{ border:none; margin-bottom:10px;  width:186px;}
	#suntory_contents div.main div.distilery_history_right h2 img{ border:none; margin-bottom:10px;  width:180px;}
	#suntory_contents div.main div.distilery_history_left{float: none; width:100%;}
	#suntory_contents div.main div.distilery_history_right{float: none;width:100%; margin-top:50px}
	#suntory_contents div.main div.distilery_history ul li{ float: none; max-width:100%;}
	#suntory_contents div.main div.distilery_history ul li:first-child{ margin-bottom:10px; margin-right:0;}
	#suntory_contents div.main div.distilery_history img { width:100%;  border: 5px solid rgb(255, 255, 255);}
	#suntory_contents div.main div.distilery_history.distilery_history_left .clearfix .distilery_left img{ border-right: 5px solid rgb(255, 255, 255);}
	#suntory_contents div.main div.distilery_history.distilery_history_right{ margin-left:0;}
}
@media screen and (max-width: 420px) {
	#suntory_contents div.main div.distilery_history_left h2 img{ width:168px;}
	#suntory_contents div.main div.distilery_history_right h2 img{ width:162px;}
}
@media screen and (max-width: 375px) {
	#suntory_contents div.main div.distilery_history_left h2 img{ width:124px;}
	#suntory_contents div.main div.distilery_history_right h2 img{ width:120px;}
}

/**
recipe
*/
#suntory_contents div.main #recipe {  padding-top: 120px; margin-top: -120px;}
#suntory_contents div.main div.recipe { padding: 10px 0; background-color: rgb(255, 255, 255); }
#suntory_contents div.main div.recipe ul li.n1 { float: left; margin-top: 20px; width: 23%; }
#suntory_contents div.main div.recipe ul li.n1 h2 { margin-left: 20px; color: #4d4d4d; }
#suntory_contents div.main div.recipe ul li.n1 h2 span.n2 { display: block;	}
#suntory_contents div.main div.recipe ul li.n1 p { margin-top: 30px; margin-left: 20px; }
#suntory_contents div.main div.recipe ul li.n2 { float: left; padding: 5px 0 5px 5%; width: 72%; }
#suntory_contents div.main div.recipe ul li.n2 ul li { float: left; width: 20%; margin: 10px 0; text-align: center; line-height: 0; }
#suntory_contents div.main div.recipe ul li.n2 ul li.recommended { position: relative; }
#suntory_contents div.main div.recipe ul li.n2 ul li.recommended:after { display: block; position: absolute; top: 0; left: -15px; width: 50px; height: 50px; content: ""; background: url('../images/recipe/recommended.png')  left top no-repeat; background-size: 100%; }
#suntory_contents div.main div.recipe ul li.n2 ul li img { width: 80%; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main #recipe {  padding-top: 50px; margin-top: -50px;}
	#suntory_contents div.main div.recipe ul li { width: 100%; }
	#suntory_contents div.main div.recipe ul li.n1 { float: none; margin: 20px auto 0 auto; width: 90%; }
	#suntory_contents div.main div.recipe ul li.n1 h2 { margin-left: 0; }
	#suntory_contents div.main div.recipe ul li.n1 p { margin-top: 20px; margin-left: 0; }
	#suntory_contents div.main div.recipe ul li.n2 { float: none; margin-top: 70px; padding-left: 0; width: 100%; }
	#suntory_contents div.main div.recipe ul li.n2 ul li { width: 50%; }
	#suntory_contents div.main div.recipe ul li.n2 ul li.recommended:after { display: block; position: absolute; top: -70px; left: 50%; margin-left: -30px; width: 60px; height: 60px; content: ""; background: url('../images/recipe/recommended.png')  left top no-repeat; background-size: 100%; }
	#suntory_contents div.main div.recipe ul li.n2 ul li img { width: 95%; }
	#suntory_contents div.main div.recipe ul li.n2 ul li img { width: 75%; }
}
@media screen and (max-width: 350px) {
	#suntory_contents div.main div.recipe ul li.n1 p { margin-top: 5px; }
	#suntory_contents div.main div.recipe ul li.n1 p small { line-height: 1.2; }
	#suntory_contents div.main div.recipe ul li.n2 ul li.recommended:after { display: block; position: absolute; top: -50px; left: 50%; margin-left: -20px; width: 40px; height: 40px; content: ""; background: url('../images/recipe/recommended.png')  left top no-repeat; background-size: 100%; }
}

/**
cm_head
*/
#suntory_contents div.main div.cm_head { display: table; position: relative; max-width: 960px; border: 0;  padding-top:120px; margin-top:-70px;}
#suntory_contents div.main div.cm_head h2 { display: table-cell; line-height: 0; }
#suntory_contents div.main div.cm_head h2 img { width: 108px; }
#suntory_contents div.main div.cm_head p { display: table-cell; text-align: right; vertical-align: bottom; line-height: 0; }
#suntory_contents div.main div.cm_head p img { width: 130px; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.cm_head { max-width: 94%; padding-top: 50px; margin-top: 0; }
	#suntory_contents div.main div.cm_head h2 img { width:108px;}
}
@media screen and (max-width: 375px) {
	#suntory_contents div.main div.cm_head h2 img { width: 72px; }
	#suntory_contents div.main div.cm_head p img { width: 100px; }
}

/**
cm
*/
#suntory_contents div.main div.cm ul li { float: left; width: 25%; background-color: rgb(252, 252, 252); }
#suntory_contents div.main div.cm ul li.head { display: table; background-color: #c89a2f; }
#suntory_contents div.main div.cm ul li.head div.block { display: table-cell; padding: 10px; vertical-align: middle; }
#suntory_contents div.main div.cm ul li.head div.block h2 { text-align: center; color: rgb(255, 255, 255); }
#suntory_contents div.main div.cm ul li.head div.block h2 span.n2 { display: block; text-align: center; }
#suntory_contents div.main div.cm ul li.head div.block p.button { margin-top: 10px; text-align: center; }
#suntory_contents div.main div.cm ul li.head div.block p.button img { width: 120px; }
#suntory_contents div.main div.cm ul li div.block p.n1 { line-height: 0; }
#suntory_contents div.main div.cm ul li div.block p.n1 img { width: 100%; }
#suntory_contents div.main div.cm ul li div.block p.n2 { margin: 5px 10px 0 10px; }
#suntory_contents div.main div.cm ul li div.block p.n2 span { padding: 2px 0 1px 0; }
#suntory_contents div.main div.cm ul li div.block p.n2 span.new { margin-left: 10px; padding: 2px 10px 1px 10px; color: rgb(255, 255, 255); background-color: #dc272d; }
#suntory_contents div.main div.cm ul li div.block p.n3 { margin: 10px; }
#suntory_contents .main.article .cm.section.clearfix{ margin-top:10px}
#suntory_contents .main.article .cm.section.clearfix .clearfix .fixheight_li .block.clearfzix .n3 .xsmall a{ text-decoration:underline; margin-top:5px;}
#suntory_contents .main.article .cm.section.clearfix .clearfix .fixheight_li .block.clearfix .n3 .xsmall a:hover{ text-decoration:none; color:rgb(150, 150, 150);}
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.cm ul li { width: 50%; }
}

/**
special_footer
*/
#suntory_contents div.main div.cm_footer{ width:94%; max-width:950px; margin:0 auto; text-align:right; }
#suntory_contents div.main div.cm_footer p { vertical-align: bottom; line-height: 0; margin-top:10px; }
#suntory_contents div.main div.cm_footer p img { width: 170px; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.cm_footer p { display: block; margin-top: 10px;}
}
@media screen and (max-width: 375px) {
	#suntory_contents div.main div.cm_footer p{ width: 124px; float:right; }
	#suntory_contents div.main div.cm_footer p img { width: 124px; }
}

/**
fun
*/
#suntory_contents div.sub div.fun ul li { float: left; width: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; }
#suntory_contents div.sub div.fun ul li.n1 { background-image: url("../images/fun/scene_01.jpg"); }
#suntory_contents div.sub div.fun ul li.n2 { background-image: url("../images/fun/scene_02.jpg"); }
#suntory_contents div.sub div.fun ul li div.block { width: 50%; height: 100%; background-color: rgba(255, 255, 255, 0.8); }
#suntory_contents div.sub div.fun ul li div.block { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccf8931f,endColorstr=#ccf8931f); } /* for ie8 and ie9 */
#suntory_contents div.sub div.fun ul li div.block:not(:target) { filter: none; } /* for ie8 and ie9 */
#suntory_contents div.sub div.fun ul li div.block h2 { margin: 10px 10px 0 10px; color:#4d4d4d; }
#suntory_contents div.sub div.fun ul li div.block p.desc { margin: 10px 10px 0 10px; color: #4d4d4d; }
#suntory_contents div.sub div.fun ul li div.block p.button { margin: 10px 10px 20px 10px; }
#suntory_contents div.sub div.fun ul li div.block p.button img { width: 120px; }
@media screen and (min-width: 768px) {
	#suntory_contents div.sub div.fun ul li { float: left; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
	#suntory_contents div.sub div.fun ul li.n2 { background-image: url("../images/fun/scene_02.jpg"); }
	#suntory_contents div.sub div.fun ul li div.block { width: 50%; height: 100%; background-color: rgba(255, 255, 255, 0.8); }
	#suntory_contents div.sub div.fun ul li div.block h2 { margin: 30px 10px 0 10px; color:#4d4d4d; }
	#suntory_contents div.sub div.fun ul li div.block p.desc { margin: 20px 10px 0 10px; color: #4d4d4d; }
	#suntory_contents div.sub div.fun ul li div.block p.button { margin: 20px 10px 20px 10px; }
	#suntory_contents div.sub div.fun ul li div.block p.button img { width: 120px; }
	#suntory_contents div.sub div.fun ul li div.block { width: 55%; }
}
@media screen and (max-width: 767px) {
	#suntory_contents div.sub div.fun ul li { width: 100%; }
	#suntory_contents div.sub div.fun ul li .u-sp_block { display: block; }
}
@media screen and (max-width: 480px) {
	#suntory_contents .sub.article .fun.section.clearfix .large{ font-size:110%;}
	#suntory_contents .sub.article .fun.section.clearfix .small{ font-size:81.2%;}
}

/**
sub
*/
#suntory_contents div.sub { padding: 50px 0; width: 100%; background-color: rgb(255, 255, 255); }
#suntory_contents div.sub div.section { margin: 50px auto 0 auto; width: 94%; max-width: 960px; }
@media screen and (max-width: 767px) {
	#suntory_contents div.sub div.section { max-width: 94%; }
}

/**
banners
*/
#suntory_contents div.sub div.banners { margin-top: 0; }
#suntory_contents div.sub div.banners ul { margin: 0 auto; max-width: 840px; }
#suntory_contents div.sub div.banners ul li { float: left; width: 25%; text-align: center; line-height: 0; }
#suntory_contents div.sub div.banners ul li a { display: block; padding: 0 10px; }
#suntory_contents div.sub div.banners ul li img { width: 100%; max-width:180px; }
@media screen and (max-width: 767px) {
	#suntory_contents div.sub div.banners ul li img { max-width: none; }
	#suntory_contents div.sub div.banners ul { margin: 0 auto; max-width: 100%; }
	#suntory_contents div.sub div.banners ul li { margin: 4px 0; width: 50%; }
	#suntory_contents div.sub div.banners ul li a { display: block; padding: 0 4px; }
}

/**
shops_head
*/
#suntory_contents div.main div.shops_head h2 img{ width:226px;}
#suntory_contents div.main div.shops_head h2 { display: table; color: #7d4b28; }
#suntory_contents div.main div.shops_head p.shoulder { margin-top: 5px; color: #7d4b28; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.shops_head h2 img{ width:46%;}
	#suntory_contents div.main div.shops_head h2 { display: block; }
	#suntory_contents div.main div.shops_head h2 span { display: block; margin-top: 5px; }
}

/**
shops_body
*/
#suntory_contents div.main div.shops_body { margin-top: 10px; max-width: 970px; }
#suntory_contents div.main div.shops_body ul li { float: left; width: 25%; }
#suntory_contents div.main div.shops_body ul li div.block { margin: 5px; background: #FFF url("../images/shops/corner.png") right bottom no-repeat; border: 1px solid rgb(245, 245, 245); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
#suntory_contents div.main div.shops_body ul li div.block p.n1 { margin: 10px 10px 0 10px; line-height: 0; }
#suntory_contents div.main div.shops_body ul li div.block p.n1 img { width: 100%; }
#suntory_contents div.main div.shops_body ul li div.block p.n2 { margin: 5px 10px 10px 10px; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.shops_body ul li { width: 100%; }
	#suntory_contents div.main div.shops_body ul li div.block { margin: 10px 0 0 0; }
	#suntory_contents div.main div.shops_body ul li div.block p.n1 { float: left; margin: 0; width: 35%; }
	#suntory_contents div.main div.shops_body ul li div.block p.n2 { float: left; margin: 0; width: 65%; }
	#suntory_contents div.main div.shops_body ul li div.block p.n2 span { display: block; padding: 10px; }
}
@media screen and (max-width: 350px) {
	#suntory_contents div.shops_body.section .xsmall{ font-size:62%;}
}

/**
goods_head
*/
#suntory_contents div.main div.goods_head h2 img{ width:289px;}
#suntory_contents div.main div.goods_head h2 { display: table; color: #7d4b28; }
#suntory_contents div.main div.goods_head p.shoulder { margin-top: 5px; color: #7d4b28; }
@media screen and (max-width: 767px) {
#suntory_contents div.main div.goods_head h2 img{ width:58%;}
	#suntory_contents div.main div.goods_head h2 { display: block; }
	#suntory_contents div.main div.goods_head h2 span { display: block; margin-top: 5px; }
}

/**
goods_body
*/
#suntory_contents div.main div.goods_body { margin-top: 10px; max-width: 970px; }
#suntory_contents div.main div.goods_body ul li { float: left; width: 25%; }
#suntory_contents div.main div.goods_body ul li div.block { margin: 5px; background: #FFF url("../images/goods/corner.png") right bottom no-repeat; border: 1px solid rgb(245, 245, 245); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
#suntory_contents div.main div.goods_body ul li div.block p.n1 { margin: 10px 10px 0 10px; line-height: 0; }
#suntory_contents div.main div.goods_body ul li div.block p.n1 img { width: 100%; }
#suntory_contents div.main div.goods_body ul li div.block p.n2 { margin: 5px 10px 10px 10px; }
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.goods_body ul li { width: 100%; }
	#suntory_contents div.main div.goods_body ul li div.block { margin: 10px 0 0 0; }
	#suntory_contents div.main div.goods_body ul li div.block p.n1 { float: left; margin: 0; width: 35%; }
	#suntory_contents div.main div.goods_body ul li div.block p.n2 { float: left; margin: 0; width: 65%; }
	#suntory_contents div.main div.goods_body ul li div.block p.n2 span { display: block; padding: 10px; }
}
@media screen and (max-width: 350px) {
	#suntory_contents div.goods_body.section .xsmall{ font-size:62%;}
}

/**
owner
*/
#suntory_contents div.sub div.owner { max-width: 958px; border: 1px solid #8c8c8c; }
#suntory_contents div.sub div.owner ul li { float: left; width: 25%; }
#suntory_contents div.sub div.owner ul li.head { display: table; background-color: #c89a2f; }
#suntory_contents div.sub div.owner ul li.head div.block { display: table-cell; padding: 10px; vertical-align: middle; }
#suntory_contents div.sub div.owner ul li.head div.block h2 { text-align: center; color: rgb(255, 255, 255); }
#suntory_contents div.sub div.owner ul li.head div.block h2 span.n2 { display: block; text-align: center; }
#suntory_contents div.sub div.owner ul li.head div.block p { margin-top: 25px; color: rgb(255, 255, 255); }
#suntory_contents div.sub div.owner ul li div.block p.n1 { margin-top: 20px; text-align: center; line-height: 0; }
#suntory_contents div.sub div.owner ul li div.block p.n1 img { width: 80%; }
#suntory_contents div.sub div.owner ul li div.block p.n2 { margin: 25px 10px 10px 10px; }
#suntory_contents div.sub div.owner ul li div.block p.n3 { margin: 20px 10px 20px 10px; text-align: right; line-height: 0; }
#suntory_contents div.sub div.owner ul li div.block p.n3 img { width: 120px; }
@media screen and (max-width: 767px) {
	#suntory_contents div.sub div.owner ul li { width: 50%; }
}

/**
foot
*/
#suntory_contents div.foot { padding: 50px 0; width: 100%; background-color: rgb(244, 244, 244); }
#suntory_contents div.foot div.container { margin: 0 auto; padding-left: 10px; width: 94%; max-width: 950px; }
#suntory_contents div.foot div.category { float: left; }
#suntory_contents div.foot div.category ul { margin-top: 5px; }
#suntory_contents div.foot div.category.n1 { width: 21%; }
#suntory_contents div.foot div.category.n2 { width: 18%; }
#suntory_contents div.foot div.category.n3 { width: 14%; }
#suntory_contents div.foot div.category.n4 { width: 25%; }
#suntory_contents div.foot div.category.n5 { width: 22%; }
#suntory_contents div.foot div.category.n1 ul { float: left; }
#suntory_contents div.foot div.category.n1 ul.n1 { width: 100%; }
#suntory_contents div.foot div.category.n2 h3 { margin-top: 20px; }
#suntory_contents div.foot div.category.n2 h3:first-child { margin-top: 0; }
#suntory_contents div.foot div.category.n4 h3 { margin-top: 20px; }
#suntory_contents div.foot div.category.n4 h3:first-child { margin-top: 0; }
#suntory_contents div.foot div.category.n5 h3 { margin-top: 20px; }
#suntory_contents div.foot div.category.n5 h3:first-child { margin-top: 0; }
#suntory_contents div.foot div.category h3 { position: relative; font-size: 81.2%; font-weight: bold; line-height: 1.5; }
#suntory_contents div.foot div.category h3 a:hover{ text-decoration:underline;}
#suntory_contents div.foot div.category h3:before { display: block; position: absolute; top: 50%; left: -10px; margin-top: -4px; width: 6px; height: 6px; content: ""; background-color: rgb(0, 0, 0); }
#suntory_contents div.foot div.category ul li { font-size: 75%; line-height: 1.9; }
#suntory_contents div.foot div.category ul li a { color: rgb(0, 0, 0); text-decoration: underline; }
#suntory_contents div.foot div.category ul li a:link { color: rgb(0, 0, 0); }
#suntory_contents div.foot div.category ul li a:visited { color: rgb(0, 0, 0); }
#suntory_contents div.foot div.category ul li a:hover { color: rgb(150, 150, 150); text-decoration: none; }
#suntory_contents div.foot div.category ul li a:active { color: rgb(150, 150, 150); text-decoration: none; }
@media screen and (max-width: 767px) {
	#suntory_contents div.foot { display: none; }
}

/**
appendix
*/
#suntory_contents #_burger { display: none; position: absolute; }
@media screen and (max-width: 767px) {
	#suntory_contents { position: relative; }
	#suntory_contents #_burger { display: block; position: absolute; top: -40px; right: 20px; width: 42px; height: 42px; background: url("../images/common/btn_burger_close.png") center no-repeat; background-size: 42px; }
}
#suntory_contents #_overlayer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); }
#suntory_contents #_tooltip { display: none; }
#suntory_contents #_tooltip { position: absolute; padding: 10px; width: 180px; height: 100px; font-size: 75%; line-height: 1.2; background-color: rgb(255, 255, 255); border: 1px solid rgb(225, 225, 225); border-radius: 6px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); opacity: 0.9; }

/**
depth
*/
#suntory_contents div.nav ul { z-index: 1001; }
#suntory_contents #_burger { z-index: 10000; }
#suntory_contents div.main div.news_body { z-index: 901; } /* for sp accordion */
#suntory_contents div.main div.portfolio_body { z-index: 10; position: relative; }
#suntory_contents div.main div.portfolio_head { z-index: 902; } /* for sp accordion */
#suntory_contents #_portfolio_menu ul.block.unit_01 li span.point { z-index: 400; }
#suntory_contents #_portfolio_menu ul.block.unit_02 li span.point { z-index: 300; }
#suntory_contents #_portfolio_contents dl { z-index: 500; }
#suntory_contents #_tooltip { z-index: 999; }
#suntory_contents #_overlayer { z-index: 1000; }





/* recommended whisky add 201710 */

#suntory_contents div.main #recommend {
	width: 960px;
	margin: 50px auto 0 auto;
	display: none;
}

#suntory_contents div.main #recommend h2 {
	width: 380px;
}

#suntory_contents div.main #recommend h2 img {
	width: 100%;
	height: auto;
}

#suntory_contents div.main #recommend .bx-wrapper {
	display: none;
}

#suntory_contents div.main #recommend ul#recommend_list_sp {
	display: none;
}

#suntory_contents div.main #recommend ul#recommend_list_sp_alone {
	display: none;
}

#suntory_contents div.main #recommend ul#recommend_list {
	width: 960px;
	margin-top: 10px;
	overflow: hidden;
	display: block;
}

	#suntory_contents div.main #recommend ul#recommend_list li {
		width: 306px;
		height: 202px;
		padding: 9px 0 9px 9px;
	    background-color: #FFF;
		float: left;
	}

	#suntory_contents div.main #recommend ul#recommend_list li:last-child {
		padding-right: 9px;
	}

		#suntory_contents div.main #recommend ul#recommend_list li .recommend_img {
			width: 308px;
			/*height: 246px;*/
			height: auto;
		}

		#suntory_contents div.main #recommend ul#recommend_list li .recommend_img img {
			width: 100%;
			/*height: 246px;*/
			height: auto;
			border: 1px solid #dcdcdc;
		}

		#suntory_contents div.main #recommend ul#recommend_list li .recommend_brand {
			color: #000;
			margin: 7px 0 0 5px;
			text-align: left;
			line-height: 140%;
			font-size: 81.2%;
		}


	#suntory_contents div.main #recommend ul#recommend_list li a {
		display: block;
	}

	#suntory_contents div.main #recommend ul#recommend_list li a:hover .recommend_img img {
		opacity: 0.5;
	}

@media screen and (max-width: 767px) {
	#suntory_contents div.main #recommend ul#recommend_list {
		display: none;
	}

	#suntory_contents div.main #recommend {
		width: 96%;
		position: relative;
    	border: 0;
    }

	#suntory_contents div.main #recommend .bx-wrapper {
		display: block;
	}

	#suntory_contents div.main #recommend .bx-wrapper .bx-viewport {
		display: block;
		height: inherit !important;
	}


	#suntory_contents div.main #recommend ul#recommend_list_sp {
		overflow: hidden;
		margin-top: 10px;
		padding: 6px 0 7px 0;
		background-color: #FFF;
		display: block;
	}


	#suntory_contents div.main #recommend ul#recommend_list_sp li {
		width: 100%;
		margin: 0 auto;
		float: left;
		/*padding: 0 6px;*/
	}

		#suntory_contents div.main #recommend ul#recommend_list_sp li .recommend_img {
			width: 100%;
			text-align: center;
		}

		#suntory_contents div.main #recommend ul#recommend_list_sp li .recommend_img img {
			width: 95%;
			height: auto;
			border: 1px solid #dcdcdc;
		}

		#suntory_contents div.main #recommend ul#recommend_list_sp li .recommend_brand {
			color: #000;
			margin: 7px 0 0 7px;
			text-align: left;
			line-height: 140%;
			font-size: 81.2%;
			-webkit-text-size-adjust: 100%;
		}


#suntory_contents div.main #recommend .bx-wrapper .bx-pager { margin-top: 15px; text-align: center; display:block;}
#suntory_contents div.main #recommend .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; }
#suntory_contents div.main #recommend .bx-pager-item { margin: 0 4px; }
#suntory_contents div.main #recommend .bx-pager a { display: block; margin: 0 5px; width: 12px; height: 12px; text-indent: -9999px; background: rgb(210, 210, 210); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#suntory_contents div.main #recommend .bx-pager a:hover,
#suntory_contents div.main #recommend .bx-pager a.active { background-color: rgb(100, 100, 100); }

}

@media screen and (max-width: 420px) {
	#suntory_contents div.main #recommend h2 { width: 342px;}
}

@media screen and (max-width: 375px) {
	#suntory_contents div.main #recommend h2 { width: 251px;}
}

/* wom 20230427 */

/* pc */
@media only screen and (min-width: 768px) {
	.p-womBanner {
		margin: 50px auto 0 auto;
		width: 94%;
		max-width: 950px;
		border: 5px solid rgb(255, 255, 255);
		line-height: 0;
	}
	.p-womBanner .a {
		opacity: 1;
		transition: all 0.3s ease;
	}
	.p-womBanner .a:hover {
		opacity: 0.85;
		transition: all 0.3s ease;
	}
	.p-womBanner .img {
		width: 100%;
		height: auto;
	}
	.p-womTitle {
		margin: -70px auto 0 auto;
		padding-top: 120px;
		width: 94%;
		max-width: 950px;
		line-height: 0;
	}
	.p-womTitle .h2 {
		width: 300px;
	}
	.p-womTitle .h2 .img {
		width: 100%;
		height: auto;
	}
	.p-womContents {
		margin: 10px auto 0 auto;
		width: 94%;
		max-width: 950px;
		border: 5px solid rgb(255, 255, 255);
		line-height: 0;
	}
	.p-womContents .a {
		opacity: 1;
		transition: all 0.3s ease;
	}
	.p-womContents .a:hover {
		opacity: 0.85;
		transition: all 0.3s ease;
	}
	.p-womContents .img {
		width: 100%;
		height: auto;
	}
}

/* sp */
@media only screen and (max-width: 767px) {
	.p-womBanner {
		margin: 40px auto 0 auto;
		width: 94%;
		border: 5px solid rgb(255, 255, 255);
		line-height: 0;
	}
	.p-womBanner .img {
		width: 100%;
		height: auto;
	}
	.p-womTitle {
		margin: 24px auto 0 auto;
		padding-top: 24px;
		width: 94%;
		line-height: 0;
	}
	.p-womTitle .h2 {
		width: 66%;
	}
	.p-womTitle .h2 .img {
		width: 100%;
		height: auto;
	}
	.p-womContents {
		margin: 10px auto 0 auto;
		width: 94%;
		border: 5px solid rgb(255, 255, 255);
		line-height: 0;
	}
	.p-womContents .img {
		width: 100%;
		height: auto;
	}
}

/**
20241015
*/

/* common */
.p-intro source, .p-intro img,
.p-amberjourney source, .p-amberjourney img,
.p-normel source, .p-normel img, .p-movie img,
.p-banners2 source, .p-banners2 img {
	width: 100%;
	height: auto;
}
.p-intro,
.p-amberjourney,
.p-banners2 {
	line-height: 0;
}

/* intro */
@media only screen and (min-width: 768px) {
	.p-intro .a {
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	.p-intro .a:hover {
		opacity: 0.5;
		transition: opacity 0.3s ease;
	}
}

@media only screen and (max-width: 767px) {
}

/* amberjourney*/
@media only screen and (min-width: 768px) {
	.p-amberjourney {
		width: 950px;
		margin: -56px auto 0 auto;
		padding-top: 140px;
	}
	.p-amberjourney .u-pc_none {
		display: none;
	}
	.p-amberjourney .h2 {
		width: 292px;
	}
	/* video */
	.p-amberjourney .videoContainer {
    display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      align-items: flex-start;
      justify-content: space-between;
      width: 100%;
		margin-top: 24px;
	}
	.p-amberjourney .video {
		width: calc(50% - 4px);
	}
	.p-amberjourney .video .a {
		position: relative;
		display: block;
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	.p-amberjourney .video .a:hover {
		opacity: 0.8;
		transition: opacity 0.3s ease;
	}
	.p-amberjourney .video .img {
		display: block;
		box-sizing: border-box;
		border: 4px solid #ffffff;
	}
	.p-amberjourney .video .play {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 56px;
		height: 56px;
		border: solid 2px #ffffff;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.2);
	}
	.p-amberjourney .video .play:after {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		transform: translate(-40%, -50%);
		border-width: 8px 0 8px 12px;
		border-style: solid;
		border-color: transparent transparent transparent #ffffff;
		content: '';
	}
	/* videos on swiper */
	.p-amberjourney .videos {
		position: relative;
		margin-top: 24px;
	}
	.p-amberjourney .videos .a {
		position: relative;
		display: block;
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	.p-amberjourney .videos .a:hover {
		opacity: 0.8;
		transition: opacity 0.3s ease;
	}
	.p-amberjourney .videos .img {
		display: block;
		box-sizing: border-box;
		border: 4px solid #ffffff;
	}
	.p-amberjourney .videos .play {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 64px;
		height: 64px;
		border: solid 2px #ffffff;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.2);
	}
	.p-amberjourney .videos .play:after {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		transform: translate(-40%, -50%);
		border-width: 8px 0 8px 12px;
		border-style: solid;
		border-color: transparent transparent transparent #ffffff;
		content: '';
	}
	.p-amberjourney .subscript {
		margin-top: 12px;
		color: #525252;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
		font-size: 15px;
	}
	.p-amberjourney .swiper-button-prev {
		top: 46%;
		left: 13.5%;
		width: 4%;
		color: #646464;
	}
	.p-amberjourney .swiper-button-next {
		top: 46%;
		right: 13.5%;
		width: 4%;
		color: #646464;
	}
	.p-amberjourney [class^="swiper-button-"]::after{
    font-size: 32px;
		font-weight: bold;
}
	.p-amberjourney .banner {
		width: 600px;
		margin: 80px auto 0 auto;
	}
	.p-amberjourney .banner .a {
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	.p-amberjourney .banner .a:hover {
		opacity: 0.5;
		transition: opacity 0.3s ease;
	}
	.p-amberjourney .banner .a .img {
		box-sizing: border-box;
		border: 4px solid #ffffff;
	}
	.p-amberjourney .glass {
		z-index: 999;
		position: absolute;
		width: 12%;
		height: 100%;
	}
	.p-amberjourney .glass.left {
		left: 0;
		top: 0;
		background: linear-gradient(90deg, rgba(248,243,232,1) 0%, rgba(248,243,232,0) 100%);
	}
	.p-amberjourney .glass.right {
		right: 0;
		top: 0;
		background: linear-gradient(-90deg, rgba(248,243,232,1) 0%, rgba(248,243,232,0) 100%);
	}
	.modal-video {
		background-color: rgba(0, 0, 0, 0.9);
	}
	.modal-video-body {
		width: calc(100% - 48px);
		min-width: 912px;
		max-width: 1600px;
	}
}

@media only screen and (max-width: 767px) {
	.p-amberjourney {
		width: 100%;
		margin: 40px auto 0 auto;
		padding-top: 40px;
	}
	.p-amberjourney .h2 {
		margin-left: 3%;
		width: calc(260 / 400 * 100%);
		max-width: 260px;
	}
		/* video */
		.p-amberjourney .video {
			margin: 24px auto 0 auto;
			width: 100%;
			max-width: 94%;
		}
		.p-amberjourney .video .a {
			position: relative;
			display: block;
		}
		.p-amberjourney .video .img {
			display: block;
			box-sizing: border-box;
			border: 4px solid #ffffff;
		}
		.p-amberjourney .video .play {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 56px;
			height: 56px;
			border: solid 1px #ffffff;
			border-radius: 50%;
			background-color: rgba(0, 0, 0, 0.2);
		}
		.p-amberjourney .video .play:after {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 0;
			height: 0;
			transform: translate(-40%, -50%);
			border-width: 6px 0 6px 8px;
			border-style: solid;
			border-color: transparent transparent transparent #ffffff;
			content: '';
		}
	/* video on swiper */
	.p-amberjourney .videos {
		position: relative;
		margin-top: 24px;
	}
	.p-amberjourney .videos .a {
		position: relative;
		display: block;
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	.p-amberjourney .videos .a:hover {
		opacity: 0.8;
		transition: opacity 0.3s ease;
	}
	.p-amberjourney .videos .img {
		display: block;
		box-sizing: border-box;
		border: 4px solid #ffffff;
	}
	.p-amberjourney .videos .play {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 48px;
		height: 48px;
		border: solid 1px #ffffff;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.2);
	}
	.p-amberjourney .videos .play:after {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		transform: translate(-40%, -50%);
		border-width: 5px 0 5px 6px;
		border-style: solid;
		border-color: transparent transparent transparent #ffffff;
		content: '';
	}
	.p-amberjourney .subscript {
		margin-top: 8px;
		color: #525252;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
		font-size: 13px;
	}
	.p-amberjourney .swiper-button-prev {
		top: 42%;
		left: 8%;
		width: 4%;
		color: #646464;
	}
	.p-amberjourney .swiper-button-next {
		top: 42%;
		right: 8%;
		width: 4%;
		color: #646464;
	}
	.p-amberjourney [class^="swiper-button-"]::after{
    font-size: 20px;
		font-weight: bold;
}
	.p-amberjourney .banner {
		width: 100%;
		max-width: 94%;
		margin: 40px auto 0 auto;
	}
	.p-amberjourney .banner .a {
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	.p-amberjourney .banner .a:hover {
		opacity: 0.5;
		transition: opacity 0.3s ease;
	}
	.p-amberjourney .banner .a .img {
		box-sizing: border-box;
		border: 4px solid #ffffff;
	}
	.p-amberjourney .glass {
		display: none;
	}
	.modal-video {
		background-color: rgba(0, 0, 0, 0.9);
	}
	.modal-video-body {
		width: 100%;
	}
}

/* normel*/
@media only screen and (min-width: 768px) {
	.p-normel {
		width: 950px;
		margin: -56px auto 0 auto;
		padding-top: 160px;
	}
	.p-normel .h2 {
		width: 260px;
	}
	.p-normel .banner {
		margin: 12px auto 0 auto;
	}
	.p-normel .banner .a {
		position: relative;
		display: block;
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	.p-normel .banner .a:hover {
		opacity: 0.8;
		transition: opacity 0.3s ease;
	}
	.p-normel .banner .img {
		display: block;
		box-sizing: border-box;
		border: 4px solid #ffffff;
	}
}
@media only screen and (max-width: 767px) {
	.p-normel {
		width: 100%;
		margin: 40px auto 0 auto;
		padding-top: 40px;
	}
	.p-normel .h2 {
		margin-left: 3%;
		width: calc(230 / 400 * 100%);
		max-width: 260px;
	}
		.p-normel .banner {
			margin: 10px auto 0 auto;
			width: 100%;
			max-width: 94%;
		}
		.p-normel .banner .a {
			position: relative;
			display: block;
		}
		.p-normel .banner .img {
			display: block;
			box-sizing: border-box;
			border: 4px solid #ffffff;
		}
}

/* movie*/
@media only screen and (min-width: 768px) {
	.p-movie {
		width: 950px;
		margin: -56px auto 0 auto;
		padding-top: 160px;
	}
	.p-movie .h2 {
		width: 110px;
	}
	.p-movie .container {
		width: 760px;
		margin: 12px auto 0 auto;
	}
	.p-movie .container .a {
		position: relative;
		display: block;
		opacity: 1;
		transition: opacity 0.3s ease;
	}
	.p-movie .container .a:hover {
		opacity: 0.8;
		transition: opacity 0.3s ease;
	}
	.p-movie .container .img {
		display: block;
		box-sizing: border-box;
		border: 4px solid #ffffff;
	}
	.p-movie .container .play {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 56px;
		height: 56px;
		border: solid 2px #ffffff;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.2);
	}
	.p-movie .container .play:after {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		transform: translate(-40%, -50%);
		border-width: 8px 0 8px 12px;
		border-style: solid;
		border-color: transparent transparent transparent #ffffff;
		content: '';
	}
	.p-movie .subscript {
		margin-top: 12px;
		color: #525252;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
		font-size: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.p-movie {
		width: 100%;
		margin: 40px auto 0 auto;
		padding-top: 40px;
	}
	.p-movie .h2 {
		margin-left: 3%;
		width: calc(93 / 400 * 100%);
		max-width: 260px;
	}
		.p-movie .container {
			margin: 10px auto 0 auto;
			width: 100%;
			max-width: 94%;
		}
		.p-movie .container .a {
			position: relative;
			display: block;
		}
		.p-movie .container .img {
			display: block;
			box-sizing: border-box;
			border: 4px solid #ffffff;
		}
		.p-movie .container .play {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 56px;
			height: 56px;
			border: solid 2px #ffffff;
			border-radius: 50%;
			background-color: rgba(0, 0, 0, 0.2);
		}
		.p-movie .container .play:after {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 0;
			height: 0;
			transform: translate(-40%, -50%);
			border-width: 8px 0 8px 12px;
			border-style: solid;
			border-color: transparent transparent transparent #ffffff;
			content: '';
		}
		.p-movie .subscript {
			margin-top: 8px;
			color: #525252;
			font-weight: 700;
			line-height: 1.4;
			text-align: center;
			font-size: 13px;
		}
}

/* banners2 */
@media only screen and (min-width: 768px) {
	.p-banners2 {
    width: 560px;
    margin: 50px auto 0 auto;
	}
	.p-banners2 .ul {
		display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
		width: 100%;
	}
	.p-banners2 .li {
		width: 48%;
	}
}

@media only screen and (max-width: 767px) {
	.p-banners2 {
		margin: 50px auto 0 auto;
		width: 100%;
		max-width: 94%;
	}
	.p-banners2 .ul {
		display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
		width: 100%;
	}
	.p-banners2 .li {
		width: 49%;
	}
}