@charset "UTF-8";

#suntoryCommonWrapper .pc_none{
display:none;
}

/* Reset
======================================================================== */
html, body{
margin:0;
padding:0;
border:0;
}

img{
border:0;
}

/* #wrapper Reset
======================================================================== */
#wrapper{
margin:0;
padding:0;
border:0;
overflow:hidden;
}

#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6,#wrapper p,#wrapper a,#wrapper ol,#wrapper ul,#wrapper li,#wrapper dl,#wrapper dt,#wrapper dd,#wrapper table,#wrapper thead,#wrapper tbody,#wrapper th,#wrapper td,#wrapper form,#wrapper br,#wrapper address,#wrapper button,#wrapper em,#wrapper i,#wrapper span,#wrapper strong{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
font-style:normal;
vertical-align:baseline;
outline:none;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
-webkit-text-size-adjust:100%;
}

#wrapper table{
border-collapse:collapse;
text-align:left;
}

#wrapper input{
vertical-align:middle;
}

#wrapper ol,#wrapper ul,#wrapper li{
list-style:none;
}

#wrapper a{
cursor:pointer;
outline:none;
text-decoration:none;
}

#wrapper .on a.hover{
cursor:default;
}

#wrapper a,
#wrapper input,
#wrapper button{
background-color:transparent;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

#wrapper a:link{color:#06c;}
#wrapper a:visited{color:#579ab9;}
#wrapper a.hover,#wrapper a:active{color:#0cf;}

#wrapper img{
-ms-interpolation-mode:bicubic;
}


/* #wrapper
======================================================================== */
#wrapper{
background:url(/sun_common/contents_alias/factory/hakushu/common/img/bg.png) center 0 repeat-y;
/*background-size: 2000px 2366px;*/
/*background-attachment: fixed;*/
text-align:center;
background-color: #f3f3f3;
}

#wrapper.top {
background:url(/sun_common/contents_alias/factory/hakushu/common/img/bg.png) center 0 repeat-y;
/*background-size: 2000px 2366px;*/
/*background-attachment: fixed;*/
background-color: #f3f3f3;
}

#header_fixed{
background-color:#f3f3f3;
/*padding-bottom:10px;*/
}


/* #wrapper #hd_topicpath
======================================================================== */
#hd_topicpath{
padding:15px 2px 0 2px;
}

#hd_topicpath ul{
width:920px;
text-align:left;
margin:0 auto;
}

#hd_topicpath ul:after{content:""; clear:both; display:block;}

#hd_topicpath ul li,
#hd_topicpath ul li a,
#hd_topicpath ul li  a:after{
font-size:11px;
line-height:100%;
letter-spacing:-0.1px;
color:#322517;
font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#hd_topicpath ul li{
float:left;
padding:0 1.4em 0 0;
color: #322517;
}

#hd_topicpath ul li a{
position:relative;
color:#67bfba;
}

#hd_topicpath ul li a:after{
position:absolute;
top:-0.05em;
right:-0.8em;
content:">";
float:left;
font-size:12px;
}

#hd_topicpath ul li a:link,#hd_topicpath ul li a:visited{color:#322517;}
#hd_topicpath ul li a:hover,#hd_topicpath ul li a.hover,#wrapper a:active{color:#009a22;text-decoration:underline;}




/* #wrapper #hakushu_common_hd
======================================================================== */
#hakushu_common_hd{
/*padding-bottom:35px;*/
}

#hakushu_common_hd .inner{
width:960px;
margin:0 auto;
text-align:left;
}

/* #hakushu_common_hd .inner .hd
-------------------------------------------------- */
#hakushu_common_hd .hd{
line-height:0;
/*padding:0 0 7px 0;*/
}

#hakushu_common_hd .hd:after{content:""; clear:both; display:block;}
#hakushu_common_hd .hd h1{float:left;}
#hakushu_common_hd .hd .btn_box{float:right;}

/* #hakushu_common_hd .hd h1
------------------------------ */
#hakushu_common_hd .hd h1 a{
display:block;
margin:5px 0 0 16px;
background:url(/sun_common/contents_alias/factory/hakushu/common/img/hd_tit_pc.png) no-repeat 0 0;
width:375px;
height:60px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

/* #hakushu_common_hd .hd .btn_box
------------------------------ */
#hakushu_common_hd .hd .btn_box li.reserve_btn{
/*margin:-5px -26px 0 0;*/
margin: 0;
}

#hakushu_common_hd .hd .btn_box li.reserve_btn a{
display:block;
background:url(/sun_common/contents_alias/factory/hakushu/common/img/reserve_btn_pchd2.png) no-repeat 0 0;
width:200px;
height:42px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#hakushu_common_hd .hd .btn_box li.reserve_btn a.hover{
background-position:0 -42px;
}

/* #hakushu_common_hd .inner .common_navi
-------------------------------------------------- */
#hakushu_common_hd .common_navi{
width:960px;
}

#hakushu_common_hd .common_navi ul:after{content:""; clear:both; display:block;}

#hakushu_common_hd .common_navi ul li{
float:left;
padding:0;
}

#hakushu_common_hd .common_navi ul li a i{
display:block;
background:url(/sun_common/contents_alias/factory/hakushu/common/img/hd_navi_pc.png) no-repeat;
height:40px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
}

#hakushu_common_hd .common_navi ul li.navi_00{display:none;}

#hakushu_common_hd .common_navi ul li.navi_01 a i{width:223px;background-position: 0px 0;}
#hakushu_common_hd .common_navi ul li.navi_02 a i{width:242px;background-position:-223px 0;}
#hakushu_common_hd .common_navi ul li.navi_03 a i{width:186px;background-position:-465px 0;}
#hakushu_common_hd .common_navi ul li.navi_04 a i{width:158px;background-position:-651px 0;}
#hakushu_common_hd .common_navi ul li.navi_05 a i{width:151px;background-position:-809px 0;}

#hakushu_common_hd .common_navi ul li.navi_01 a.hover i{background-position:0px -40px;}
#hakushu_common_hd .common_navi ul li.navi_02 a.hover i{background-position:-223px -40px;}
#hakushu_common_hd .common_navi ul li.navi_03 a.hover i{background-position:-465px -40px;}
#hakushu_common_hd .common_navi ul li.navi_04 a.hover i{background-position:-651px -40px;}
#hakushu_common_hd .common_navi ul li.navi_05 a.hover i{background-position:-809px -40px;}

#hakushu_common_hd .common_navi ul li.navi_01.on a i{background-position:0px -80px;}
#hakushu_common_hd .common_navi ul li.navi_02.on a i{background-position:-223px -80px;}
#hakushu_common_hd .common_navi ul li.navi_03.on a i{background-position:-465px -80px;}
#hakushu_common_hd .common_navi ul li.navi_04.on a i{background-position:-651px -80px;}
#hakushu_common_hd .common_navi ul li.navi_05.on a i{background-position:-809px -80px;}



/* #header_fixed.fixed
======================================================================== */
#header_fixed.fixed{
width:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
height: 105px;
/*background-color: rgba(255,255,255,0.85);*/
box-shadow:0px 3px 3px -1px #ccc;
}

#header_fixed.fixed #hakushu_common_hd {
	/*background-color: rgba(243,243,243,0.85);*/
	background-color: #f3f3f3\9;
}

#header_fixed.fixed #hd_topicpath{
padding-bottom:10px;
	/*background-color: rgba(243,243,243,0.85);*/
	/*background-color: #f3f3f3\9;*/
}

#header_fixed.fixed #hakushu_common_hd .hd{
display:none;
}

#header_fixed.fixed #hakushu_common_hd .common_navi ul li a i{
background:url(/sun_common/contents_alias/factory/hakushu/common/img/hd_navi_pc2.png) no-repeat;
height: 55px;
}

#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_00{display:block;}

#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_00 a i{width:143px;background-position:0px 0;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_01 a i{width:187px;background-position:-143px 0;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_02 a i{width:205px;background-position:-330px 0;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_03 a i{width:160px;background-position:-535px 0;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_04 a i{width:137px;background-position:-695px 0;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_05 a i{width:128px;background-position:-832px 0;}

#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_00 a.hover i{background-position:0px -55px;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_01 a.hover i{background-position:-143px -55px;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_02 a.hover i{background-position:-330px -55px;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_03 a.hover i{background-position:-535px -55px;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_04 a.hover i{background-position:-695px -55px;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_05 a.hover i{background-position:-832px -55px;}

#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_00.on a i{background-position:0px -55px;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_01.on a i{background-position:-143px -55px;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_02.on a i{background-position:-330px -55px;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_03.on a i{background-position:-535px -55px;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_04.on a i{background-position:-695px -55px;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_05.on a i{background-position:-832px -55px;}


/* #wrapper #hakushu_common_ft
======================================================================== */
#hakushu_common_ft{
padding:30px 0 40px 0;
background-color:#f3f3f3;
min-height: 210px;
}

#hakushu_common_ft .inner{
width:960px;
margin:0 auto;
text-align:left;
position: relative;
min-height: 230px;
}


	#hakushu_common_ft .inner #basicinfo {
		position: absolute;
		top: 27px;
		left: 290px;
		width: 77px;
		height: 23px;
		border: 1px solid #322517;
		background: url("/sun_common/contents_alias/factory/hakushu/common/img/arrow3.png") 62px 5px no-repeat;
		background-size: 8px 11px;
		line-height: 23px;
		vertical-align: middle;
	}

	#hakushu_common_ft .inner #basicinfo a {
		display: block;
		color: #322517;
		padding-left: 8px;
		font-size: 12px;
	}


#hakushu_common_ft .inner:after{content:""; clear:both; display:block;}

#hakushu_common_ft .inner h1{
float:left;
margin-bottom: 25px;
}


/* #hakushu_common_ft .inner h1
-------------------------------------------------- */
#hakushu_common_ft .inner h1{line-height:0;}
#hakushu_common_ft .inner h1 img{
margin:25px 0 0 2px;
width:290px;
height:auto;
}

/* #hakushu_common_ft .inner .contacts_box
-------------------------------------------------- */


/* #hakushu_common_ft .inner .btn_box
-------------------------------------------------- */
#hakushu_common_ft .btn_box {
	width: 248px;
}

#hakushu_common_ft .btn_box .reserve_btn{
	margin-bottom: 15px;
}

#hakushu_common_ft .btn_box .reserve_btn a{
display:block;
background:url(/sun_common/contents_alias/factory/hakushu/common/img/reserve_btn_pc.png) no-repeat 0 0;
width:248px;
height:56px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
}

#hakushu_common_ft .btn_box .reserve_btn a:hover{background-position:0 -56px;}

#hakushu_common_ft .btn_box .app_btn:after{content:""; clear:both; display:block;}

#hakushu_common_ft .btn_box .app_btn a{
float:right;
display:block;
background:url(/sun_common/contents_alias/factory/hakushu/common/img/ft_app_btn_pc.png) no-repeat 0 0;
width:215px;
height:30px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
}

#hakushu_common_ft .btn_box .app_btn a.hover{
background-position:0 -30px;
}

#hakushu_common_ft #footer_attention {
    color: #f00;
    padding-left: 1em;
    text-indent: -1em;
	font-size: 14px;
	margin-top: 15px;
	line-height: 130%;
	width: 38%;
}

#hakushu_common_ft .sp_item{
display: none;
text-indent:100%;
}

#hakushu_common_ft .ft_info_box {
position: absolute;
right: 0;
top: 14px;
line-height: 2;
}

#hakushu_common_ft .ft_info_box tr:first-of-type {
margin-bottom: 10px;
}

#hakushu_common_ft .ft_info_box .ft_info_listTtl,
#hakushu_common_ft .ft_info_box .ft_info_listText{
display: block;
float: left;
font-size: 14px;
color: #322517;
min-width: 70px;
text-align: left;
}

/* #wrapper #container
======================================================================== */
/* #wrapper #container .contents
======================================================================== */
/*#container .contents{margin-top:-15px;}*/


/* #wrapper #container .contents .notice_important
==================================================== */
#container .contents .notice_important{
margin:0 auto;
width:960px;
background-color:#FFF;
text-align:left;
}

#container .contents .notice_important h3{
padding:20px 10px 0 20px;
font-size:14px;
color:#dc0000;
font-weight: bold;
/*
text-indent:-9999px;
background:url("/factory/common/img/ttl_important.gif") no-repeat 20px 20px;
*/
}

#container .contents .notice_important ul{
padding:16px 20px 10px 32px;
}

#container .contents .notice_important ul li{
font-size:14px;
line-height:140%;
letter-spacing:1px;
color:#322517;
margin:0 0 12px 0;
font-weight:bold;
border-bottom:1px dotted #b1b1b1;
padding:0 0 10px 10px;
}

#container .contents .notice_important ul li:last-child{
border-bottom:none;
padding:0 0 0 10px;
}

#container .contents .notice_important ul li h1{ font-size: 130%; font-weight: bold !important; }
#container .contents .notice_important ul li h2{ font-size: 120%; font-weight: bold !important; }
#container .contents .notice_important ul li h3{ font-size: 110%; }

#container .contents .notice_important ul li dl dd span {
	background:none;
	padding:0;
}
#container .contents .notice_important ul li strong { font-weight: bold !important;}

#container .contents .notice_important ul li em{
font-weight:bold;
color:#f00;
}

#container .contents .notice_important ul li a{
color:#322517;
font-weight:bold;
background:url(/sun_common/contents_alias/factory/hakushu/common/img/ico_ar.png) no-repeat right 40%;
padding:0 25px 0 0;
display:inline-block;
}

#container .contents .notice_important ul li a.hover{text-decoration:underline;}

#container .contents .notice_important dl dt{
color:#322517;
font-weight:bold;
cursor:pointer;
background:url(/sun_common/contents_alias/factory/hakushu/common/img/ico_ar_b.png) no-repeat right 40%;
padding:0 25px 0 0;
display:inline-block;
}

#container .contents .notice_important dl dt.hover{
text-decoration:underline;
}

#container .contents .notice_important dl dt.open{
background:url(/sun_common/contents_alias/factory/hakushu/common/img/ico_ar_t.png) no-repeat right 40%;
}

#container .contents .notice_important dl dd{
padding:5px 0 0 0;
font-weight:normal;
}

#container .contents .notice_important dl dd a{
color:#0066aa;
font-weight:normal;
background:none;
padding:0;
display:block;
text-decoration:underline;
}

#container .contents .notice_important dl dd a:hover{text-decoration:none;}

#container .contents .notice_important,
#container .contents .notice_important ul li{
display:none;
}






/* #wrapper #container .contents .event_info_box
==================================================== */

#container .contents #main_contents .event_info_box{
padding:0 0 0 0;

}
#container .contents #main_contents .event_info_box ul{
width:880px;
margin:0 auto;
}

#container .contents #main_contents .event_info_box ul li strong{
	font-weight: bold;
}

#container .contents #main_contents .event_info_box ul li{
background-color: #FFF;
margin:0 0 15px 0;
}

#container .contents #main_contents .event_info_box ul li .box{
padding:30px;
}

#container .contents #main_contents .event_info_box ul li h4{
font-weight:bold;
font-size: 18px;
color: #9e720e;
margin: 0 0 10px 0;
}

#container .contents #main_contents .event_info_box ul li .ev_left {
	/*width: 510px;*/
	/*float: left;*/
}

#container .contents #main_contents .event_info_box ul li h5{
font-weight:normal;
font-size: 14px;
color: #9e720e;
}

#container .contents #main_contents .event_info_box ul li .ph{
	width: 170px;
	float: right;
	margin-left: 40px;
}

#container .contents #main_contents .event_info_box ul li .ph img{
	width: 100%;
	height: auto;
}



/*#container .contents .event_info_box{
margin:0 auto;
width:100%;
text-align:left;
}*/

/*#container .contents .event_info_box ul li{
background-color:#f7e4b9;
margin:0 0 15px 0;
}*/

/*#container .contents .event_info_box ul li .box{
padding:20px 20px 20px 20px;
}*/

/*#container .contents .event_info_box ul li h3{
font-size:16px;
font-weight:bold;
color:#b80000;
margin:0 0 10px 0;
}*/


/*#container .contents .event_info_box ul li h4{
font-size:14px;
color:#894a0b;
margin:0 0 10px 0;
}*/

/*#container .contents .event_info_box ul li em{
font-weight:bold;
color:#f00;
}
*/

#container .contents .event_info_box ul li a{text-decoration:underline;}
#container .contents .event_info_box ul li a.hover{text-decoration:none;}


/* #container .contents .event_info_box ul li .txt_area
-------------------------------------------------- */
#container .contents .event_info_box ul li .txt_area h1 { font-size:130%; font-weight: bold !important; }
#container .contents .event_info_box ul li .txt_area h2 { font-size:120%; font-weight: bold !important; }
#container .contents .event_info_box ul li .txt_area h3 { font-size:110%; }

#container .contents .event_info_box ul li .txt_area:after{content:""; clear:both; display:block;}

#container .contents .event_info_box ul li .txt_area{
color:#322517;
font-size:14px;
line-height:1.4;
letter-spacing:1px;
margin:14px 0 0 0;
}

/*#container .contents .event_info_box ul li .txt_area i.ph{
float:right;
line-height:0;
}

#container .contents .event_info_box ul li .txt_area i.ph img{
width:254px;
height:auto;
margin:0 0 0 50px;
}


#container .contents .event_info_box,
#container .contents .event_info_box ul li{
display:none;
}
*/



/* #wrapper #container .contents .info_box
==================================================== */
#container .contents .info_box dl{
text-align:left;
background:#fff;
padding:30px 30px 20px 30px;
}
#container .contents .info_box2 dl{
padding-top: 0;
}

#container .contents .info_box dl dt{
font-weight:bold;
font-size:16px;
color:#322517;
margin:0 0 12px 0;
}

#container .contents .info_box dl dd ul li{
font-size:12px;
line-height:140%;
letter-spacing:0.5px;
color:#322517;
text-indent:-1em;
margin:0 0 3px 1em;
}

/* Suntory Town Banner color instead of kantan.css */

#container #form_wrap.contents #main_contents #kantan_box .accordion dl dt {
    background: #25a4c4;
}


/*見学停止対応*/
/*
#hakushu_common_hd .common_navi ul li a i {background:url(/sun_common/contents_alias/factory/hakushu/common/img/hd_navi_gray_pc.png) no-repeat;}
#hakushu_common_hd .common_navi ul li.navi_03 a.hover i {cursor: auto;}
#hakushu_common_hd .common_navi ul li.navi_05 a.hover i {cursor: auto;}
#hakushu_common_hd .hd .btn_box {display: none;}
#hakushu_common_ft .btn_box .reserve_btn {display: none;}

#header_fixed.fixed #hakushu_common_hd .common_navi ul li a i {
    background: url(/sun_common/contents_alias/factory/hakushu/common/img/hd_navi_gray_pc2.png) no-repeat;
}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_03 a.hover i {cursor: auto;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_05 a.hover i {cursor: auto;}
*/

/*
#hakushu_common_hd .common_navi ul li.navi_03 a.hover i {cursor: auto;}
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_03 a.hover i {cursor: auto;}
*/

/* 202309 再開対応*/
#hakushu_common_hd .common_navi ul li.navi_02 a,
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_02 a {
   pointer-events:none;
}
#hakushu_common_hd .common_navi ul li.navi_02 a.hover i,
#header_fixed.fixed #hakushu_common_hd .common_navi ul li.navi_02 a.hover i {
	cursor: auto;
}