@charset "utf-8";


/* #wrapper #kyoto_common_hd
-------------------------------------------------- */
#wrapper #kyoto_common_hd{
background:url(../img/container_bg_pc.png) repeat-x 0 bottom;
padding:0 0 60px 0;
}

.webp #wrapper #kyoto_common_hd{
background:url(../img/container_bg_pc.webp) repeat-x 0 bottom;
padding:0 0 60px 0;
}

/* #wrapper #kyoto_common_hd .inner
-------------------------------------------------- */
#wrapper #kyoto_common_hd .inner{
width:100%;
text-align:center;
background:#fff;
}


/* #wrapper #kyoto_common_hd .inner .hd
-------------------------------------------------- */
#wrapper #kyoto_common_hd .inner .hd{padding:0;}
#wrapper #kyoto_common_hd .inner .hd h1{display:none;}



/* #kyoto_common_hd .hd .btn_box
------------------------------ */
#kyoto_common_hd .hd .btn_box li.reserve_btn{
position:absolute;
left:50%;
margin:-135px 0 0 120px;
z-index:1000;
}

#kyoto_common_hd .hd .btn_box li.reserve_btn a{
display:block;
background:url(../img/reserve_btn_pchd.png) no-repeat 0 0;
width:370px;
height:80px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

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

#kyoto_common_hd .common_navi{
margin:0 auto;
}

/* #wrapper #container
======================================================================== */


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

/* #container .contents #contents_hd
======================================================================= */
#contents_hd{}

/* #container .contents #main_contents
======================================================================= */
#main_contents{
width:960px;
margin:15px auto 0 auto;
text-align:left;
}

/* #container .contents #main_contents #main_contents_hd
======================================================================= */
#main_contents_hd{
margin:20px 0 0 0;
width:960px;
height:800px;
position:relative;
}

#main_contents_hd #intro_info_box,
#main_contents_hd #shop_access_box,
#main_contents_hd #top_calendar_box,
#main_contents_hd #pickup_box,
#main_contents_hd #group_box,
#main_contents_hd #message_box{
position:absolute;
}

#intro_info_box{top:0px;left:0px;line-height:0;}
#top_calendar_box{top:8px;right:0px;}

#pickup_box{top:330px;left:0px;}
#shop_access_box{top:330px;right:0px;line-height:0;}

#group_box{top:655px;left:0px;line-height:0;}
#message_box{top:655px;left:325px;line-height:0;}

/* #main_contents_hd #intro_info_box
==================================== */
#intro_info_box{
width:630px;
height:100%;
background:url(../img/intro_info_box_pc.png) no-repeat 380px 0;
}
.webp #intro_info_box{
width:630px;
height:100%;
background:url(../img/intro_info_box_pc.webp) no-repeat 380px 0;
}

#intro_info_box ul{
margin:25px 0 0 80px;
}

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

#intro_info_box ul li.btn_01{position:absolute; top:88px; left:-25px;}
#intro_info_box ul li.btn_02{position:absolute; top:2px; left:198px;}

#intro_info_box ul li a{
display:block;
width:232px;
height:232px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
}

#intro_info_box ul li.btn_01 a{background:url("../img/btn_kodawari.png") no-repeat;}
#intro_info_box ul li.btn_02 a{background:url("../img/btn_tanoshimikata.png") no-repeat;}

.webp #intro_info_box ul li.btn_01 a{background:url("../img/btn_kodawari.webp") no-repeat;}
.webp #intro_info_box ul li.btn_02 a{background:url("../img/btn_tanoshimikata.webp") no-repeat;}

#intro_info_box ul li.btn_01 a.hover{background-position:0 -232px;}
#intro_info_box ul li.btn_02 a.hover{background-position:0 -232px;}


/* #main_contents_hd #pickup_box
==================================== */
#pickup_box{
width:635px;
height:310px;
overflow:hidden;
}

#pickup_box ul:after{content:""; clear:both; display:block;}
#pickup_box ul li#pickup_l{float:left;}
#pickup_box ul li#pickup_r{float:right;}

#pickup_box ul li{
width:310px;
height:310px;
background-color:#fff;
/*border-radius:4.5px;*/
margin:0 0 20px 0;
position:relative;
}

#pickup_box ul li div{
position:absolute;
top:5px;
left:5px;
background-color:#fff;
height:300px;
width:300px;
}

#pickup_box ul li dl:after{
position:absolute;
top:-6px;
right:-6px;
}

#pickup_box ul li dl.ico_01:after{content:url(../img/pickup_ico_01_pc.png);}
#pickup_box ul li dl.ico_02:after{content:url(../img/pickup_ico_02_pc.png);}

#pickup_box ul li dl dt{
line-height:0;
width:300px;
height:225px;
overflow:hidden;
}

#pickup_box ul li dl dt img{
width:100%;
}

#pickup_box ul li a.hover dl dt img,#pickup_box ul li a:hover dl dt img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}

#pickup_box ul li dl dd{
font-size:14px;
line-height:1.4;
letter-spacing:1px;
color:#000;
padding:18px 12px;
}

#pickup_box ul li a.hover dl dd,#pickup_box ul li a:hover dl dd{
text-decoration:underline;
color:#65583b;
}

/* #main_contents_hd #shop_access_box
==================================== */
/*#shop_access_box ul li a{
display:block;
background:url(../img/shop_access_pc_btn_gray.png) no-repeat 0 0 #f1ede2;
width:310px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
margin:0 0 15px 0;
box-shadow:0 0 3px 2px #eee189;
-webkit-box-shadow:0 0 3px 2px #eee189;
-moz-box-shadow:0 0 3px 2px #eee189;
} *//* 休業中_グレーアウト */

/*#shop_access_box ul li a.gray_btn{
pointer-events: none;
}*/ /* 休業中_リンク無効 */

#shop_access_box ul li a{
display:block;
background:url(../img/shop_access_pc_btn.png) no-repeat 0 0 #f1ede2;
width:310px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
margin:0 0 15px 0;
-webkit-box-shadow:0 0 3px 2px #eee189;
-moz-box-shadow:0 0 3px 2px #eee189;
box-shadow:0 0 3px 2px #eee189;
} /* ←営業再開時に使用 */

.webp #shop_access_box ul li a{
display:block;
background:url(../img/shop_access_pc_btn.webp) no-repeat 0 0 #f1ede2;
width:310px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0;
margin:0 0 15px 0;

-webkit-box-shadow:0 0 3px 2px #eee189;
-moz-box-shadow:0 0 3px 2px #eee189;
box-shadow:0 0 3px 2px #eee189;
} /* ←営業再開時に使用 */

#shop_access_box ul li.btn_01 a{height:310px;background-position:0 0;}
#shop_access_box ul li.btn_02 a{height:147px;background-position:0 -323px;}

#shop_access_box ul li a.hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}


/* #main_contents_hd #group_box
==================================== */
#group_box img{
width:310px;
height:auto;
/*border-radius:4.5px;*/
}

/*#group_box a.hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}*/

#group_box a:hover{
cursor: auto;
}


/* #main_contents_hd #message_box
==================================== */
#message_box img{
width:310px;
height:auto;
cursor:pointer;
/*border-radius:4.5px;*/
}

#message_box img.hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}


/* #container .contents #main_contents #main_contents_ft
======================================================================= */
/* #container .contents #main_contents #main_contents_ft #parts_link_box
======================================================================= */
#parts_link_box{
margin:40px 0 0 0;
border:1px solid #d2c678;
}


/* #parts_link_box_inner
------------------------------------------------------------ */
#parts_link_box_inner{
padding:30px 0 0 30px;
display:table;
}

#parts_link_box_inner ul{
display:table-cell;
vertical-align:top;
}

#parts_link_box ul li{
padding:0 0 30px 0;
}

#parts_link_box ul li a{display:block;}
#parts_link_box ul li a.hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";background-color:#f1ede2;}

/* #parts_link_box_inner ul.bnr_link
------------------------------ */
#parts_link_box_inner ul.bnr_link{
width:265px;
}

#parts_link_box_inner ul.bnr_link li a{
display:block;
width:265px;
height:160px;
line-height:0;
}

#parts_link_box_inner ul.bnr_link li a img{
width:265px;
height:160px;
}


/* #parts_link_box_inner ul.txt_link
-------------------------------------------------- */
#parts_link_box_inner ul.txt_link:after{content:""; clear:both; display:block;}

#parts_link_box_inner ul.txt_link li{
float:left;
padding:0 0 28px 30px;
}

#parts_link_box_inner ul.txt_link li a{
display:block;
width:286px;
}

#parts_link_box_inner ul.txt_link li a dl{
display:table;
}

#parts_link_box_inner ul.txt_link li a dl dt,
#parts_link_box_inner ul.txt_link li a dl dd{
display:table-cell;
vertical-align:top;
}

#parts_link_box_inner ul.txt_link li a dl dt img{
width:66px;
height:66px;
vertical-align:middle;
}

#parts_link_box_inner ul.txt_link li a dl dd{
padding:0 0 0 16px;
font-size:14px;
line-height:1.5;
color:#322517;
}

#parts_link_box_inner ul.txt_link li a.hover dl dd{text-decoration:underline; color:#65583b;}



/**見学停止対応**/
/*
#kyoto_common_hd .hd .btn_box li.reserve_btn {display: none;}
#main_contents_hd #pickup_box {display: none;}
#main_contents_hd #shop_access_box .btn_01  {display: none;}
#main_contents_hd #group_box {top:330px;}
#main_contents_hd #group_box a:hover {opacity:1; cursor:auto;}
#main_contents_hd #group_box a:hover img {opacity:1; cursor:auto;}
#main_contents_hd #message_box {top:330px;}
#main_contents_hd #shop_access_box {top:330px;}
#main_contents_hd {height: 470px;}
#shop_access_box ul li.btn_02 a {background: url(../img/shop_access_pc_btn_gray.png) left top -330px no-repeat !important;}
#shop_access_box ul li.btn_02 a:hover {opacity:1; cursor:auto;}
*/


/*beerilandバナー　2021.3.4*/
.pc_only{display:block;}
.sp_only{display:none;}
#main_contents {position:relative;}
#beerirand1 {position:absolute;right:0;top:-290px;z-index: 999;    border: 4px solid #011866;}
#beerirand1 a {display:block;background-color:#fff;border: 2px solid #fff;}
#beerirand1 a img {vertical-align:bottom;}
#beerirand1 a:hover img {opacity:0.7;}

#beerirand2 {overflow:hidden; padding:10px 20px;border:2px solid #011866;margin-top:20px;position:relative}
#beerirand2 a#beerirand2_left {display:block;float:left;background-color:#fff;}
#beerirand2 a#beerirand2_left img {vertical-align:bottom;}
#beerirand2 a#beerirand2_left:hover img {opacity:0.7;}	
#beerirand2 a#beerirand2_right {display: block;float: left;width: calc( 100% - 580px );position: absolute;top: 50%;transform: translateY(-50%);left: 560px;}
#beerirand2 a#beerirand2_right p {color:#011866;font-size:16px;font-weight:bold;line-height:150%;}

#banner_area { display: flex; flex-direction: row; padding: 0 0 20px; border: 1px solid #d2c678; margin-top: 20px;}
#banner_area > div { justify-content: space-around; padding: 10px 48px; }
#banner_area > div p { margin-top: 5px; line-height: 1.5; }
#banner_area > div a img { flex-direction: row; }


/*202205 カレンダー跡地　予約ボタン*/
#main_contents #reserve_btn_box {
	width: 310px;
    background-color: #fff;
    position: absolute;
    bottom: 760px;
    right: 0;
    /* border: 1px solid #eee189; */
    box-shadow: 0 0 3px 2px #eee189;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: bold;
    padding: 50px 25px 60px 25px;
    line-height: 150%;
	text-align: center;
	z-index: 999;
}
#main_contents #reserve_btn_box a {
	display: block;
    background-color: #Ea7900;
    margin: 20px auto 0 auto;
    border-radius: 5px;
    padding: 15px;
    color: #fff;
    font-weight: bold;
	letter-spacing: 2px;
	position: relative;
	text-align: center;
}
#main_contents #reserve_btn_box a:hover {
	opacity: 0.7;
	text-decoration: none;
}
#main_contents #reserve_btn_box a:after {
    position: absolute;
    display: block;
    content: '';
    top: 39%;
    right: 30px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: rotate(-45deg);
}