@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------
	default.css
-------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,caption,th,td,address,span,a {
	margin:0; padding:0;
	font-size:100%; font-style:inherit; font-weight:inherit;
	text-decoration:none; line-height:inherit;
	background-repeat:no-repeat; background-position:center left;
	-webkit-text-size-adjust:100%;
}

.l,big { font-size:120%; }
.ll { font-size:140%; }

html { height:100%; width:100%;}
#customer_header { font-size: 14px; position: relative; z-index: 11;}
#customer_footer { font-size: 14px; position: relative; z-index: 10;}
#webc_con{position: relative; z-index: 9;}
@media screen and (max-width: 1100px) {
#customer_header,#customer_footer,topicpath { min-width: 1100px;}
}
@media screen and (max-width: 800px) {
#customer_header,#customer_footer { font-size: 12.6px; }
#customer_header,#customer_footer,topicpath{ min-width: 0;}
}
@media screen and (max-width: 600px) {
#customer_header,#customer_footer { font-size: 10px; }
#customer_header{ margin: 0 0 4%}
}

body { position:relative; font-size:1.4em; line-height:1.5; font-family:"NotoSans", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

code,kbd,pre,samp,tt { font-size:1.2em; font-family:Consolas, Monaco, 'Lucida Console', 'Andale Mono', 'Courier New', Courier, monospace; }

h1,h2,h3,h4,h5,h6,strong { font-weight:normal; }
ul,ol { list-style:none; }
img { vertical-align: top; border:none; }
img.fit, object.fit, embed.fit, iframe.fit { width:100%; height:auto; }
input,select,textarea { vertical-align:middle; font-size:100%; font-family:"MyGothic", Verdana, Arial, sans-serif; }
button { vertical-align:middle; font-family:"MyGothic", Verdana, Arial, sans-serif; cursor:pointer; }


@media screen and (-webkit-min-device-pixel-ratio:0) { textarea,select { border:2px inset; } }
.highlight, .rollover {}

/*--------------------------------------------------------------------------------*/

.sumaho { display:none !important; }


/* --------------------------------------------------
	design.css
-------------------------------------------------- */

body { color : #000; }

a:link { color : #000; text-decoration: none;}
a:visited { color : #000; text-decoration: none;}
a:hover { color : #4e6619; text-decoration: none;}
a:active { color : #4e6619; text-decoration: none;}

.highlight { transition : .5s opacity ease-out; }
.highlight:hover { opacity : .6; }

body { padding : 120px 0 0 0; }

.sumahoHeader,.sumahoMenuContents,.sumahoMenuContents { display: none; }

/* header */

header { position : fixed; width : 100%; background-color : #fff; z-index : 50; top : 0; left : 0; box-shadow : 0 1px 20px 0 #ccc; }

.header-logo,.header-nav-txt { transition : .5s all ease-out; }
.header-logo { float : left; width : calc(572px/2); height : calc(160px/2); margin : 15px 0 0 25px; }
.header-logo a { display : block; }
.header-nav { float : right; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 1.2em; }
.header-nav li { float : left; letter-spacing : 1px; }

.header-pr { float : left; padding-top:10px; padding-left:40px; width : 400px; }

.header-nav-txt:before { transition : .3s all ease-out; }
.header-nav-txt { position : relative; font-weight : bold; }
.header-nav-txt:after { position : absolute; width : 80%; height : 0; margin : auto; background-color : #4e6619; right : 0; bottom : 0; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); }


.header-nav-txt.active:after,.header-nav-txt:hover:after { height : 4px; }
.reservationBtn-txt.header-nav-txt:hover:after { height : 0; }
.reservationBtn { color : #fff; background-color : #cc9768; cursor : pointer; transition : .5s background-color ease-out; }
.reservationBtn:hover { background-color : #4e6619; }
.reservationBtn.on { background-color : #4e6619 }
.reservationBtn-txt:hover { color : #fff; }
.header-nav .header-nav-txt { display : table-cell; box-sizing : border-box; height : 120px; padding : 0 20px; vertical-align : middle; }
.header-nav .reservationBtn-txt { position : relative; padding : 0 30px 0 50px; color: #fff;}
.header-nav .servationBtn-txt { position : relative; padding : 0 40px; color: #fff;}
.reservationBtn-icon { position : relative; }
.reservationBtn-icon:before { position : absolute; width : calc(42px/2); height : calc(48px/2); background : url("https://www.shuhokan.jp/common/img/icon/reservation.png") no-repeat; background-size : contain; top : -20%; left : -30%; content : ""; }

/* .topicpath */
.topicpath { position : relative; width : 100%; background-color : #f4f4f4; font-size : .9em; }
.topicpath ol { position : relative; text-align : left; margin : 0 auto; padding : 1em 0 1em 2em; }
.topicpath li { float : left; margin-right : 5px; }
.topicpath a { position : relative; display : inline-block; color : #4e6619; }
.topicpath a:before { position : absolute; width : 0; height : 1px; background-color : #4e6619; bottom : 0; left : 0; content : ""; transition : .5s all ease; }
.topicpath a:hover:before { width : 100%; }
.topicpath ol li em { padding : 0 .5em; }

.reservation {display: none; position : absolute; width : 100%; background-color : rgba(0,0,0,0.9); top : 120px; left : 0; }

#over_menu1:not(:target) { display: none;}
#over_menu1:target { display: block;}
#close1{position: absolute; top: -70px; height: 70px; width: 25%; right: 0; text-indent: -9999px;}

.reservation-inner { width : 1040px; margin : 0 auto; padding : 55px 0; }
.reservation-ttl1 { font-size: 1.7em; text-align: center; color: #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing: 2px; position: relative; line-height: 1; margin-bottom: 30px;}
.reservation-ttl1 span{ background-color: rgba(0,0,0,1); position: relative; z-index: 1; padding: 5px 21px; }
.reservation-ttl1:before { padding: 5px 0; content: ''; border-top: solid 1px #fff; border-bottom: 1px solid #fff; position: absolute; top: 5px; left: 0; width: 100%;}
.reservation-ttl1:after { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

.reservation-ttl2 { font-size: 1.7em; text-align: center; color: #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing: 2px; position: relative; line-height: 1.5;}
.reservation-ttl2 span{ background-color: #8A1919; position: relative; z-index: 1; padding: 5px 21px; }
.reservation-ttl2:after { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

.reservation-ttl3 { font-size: 1.7em; text-align: center; color: #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing: 2px; position: relative; line-height: 1.5; margin-bottom: 30px;}
.reservation-ttl3 span{ background-color: #8A1919; position: relative; z-index: 1; padding: 5px 21px; }

.reservation-sp { width: 30%; float: left; color: #fff; border-right: 1px solid #fff; box-sizing: border-box; margin-right: 3%;}
.reservation-sp:last-of-type { border-right: none; margin-right: 0;}
.reservation-sp-txts { position: relative; float: left; padding: 0 0 0 3.5em;}
.reservation-sp-txts.num:before { content: ''; position: absolute; top: 1px; left: 0; font-size: 3em; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; line-height: 1;}
.reservation-sp-txts.one:before { content: '1.';}
.reservation-sp-txts.two:before { content: '2.';}
.reservation-sp-txts.three:before { content: '3.';}
.reservation-sp-txt { letter-spacing: 1px; font-size: 1em; position: relative; }
.reservation-sp-outer { margin-bottom: 30px; }

/* footer */
.footer1 { background : url("https://www.shuhokan.jp/common/img/footer/footerbg1.png") bottom left no-repeat, #4e6619 url("https://www.shuhokan.jp/common/img/footer/footerbg2.png") top right no-repeat; border-bottom : 1px solid #fff; }
.footer2 { background-color : #161616; }
.footer1-inner,.footer2-inner { width : 1040px; margin : 0 auto; padding : 70px 0; }
.footer1-inner.typeA { padding: 0 0 70px 0; }
.footer-logo { display : block; float : left; width : calc(572px/2); height : calc(160px/2); margin-right : 30px; }
.footer-address { float : left; }
.footer-address-txt { margin-bottom : 8px; color : #ccc; font-size : 1.1em; letter-spacing : 1px; }
.footer-sitemap a { position : relative; display : inline-block; padding : 0 0 0 1.2em; margin-right:1em; color : #ccc; }
.footer-sitemap a:before { position : absolute; color : #fff; font-size : 14px; top : 0; left : 0; font-family:"FontAwesome"; }
.footer-sitemap a:after { position : absolute; width : 0; height : 1px; background-color : #ccc; bottom : -2px; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); }
.footer-sitemap a:hover:after { width : 100%; }
.footer-sitemap a.footer-sitemap-link:before { content:"\f0e8"; }
.footer-sitemap a.footer-facebook-link { display:none; }
.footer-sitemap a.footer-facebook-link:before { content:"\f082"; }
.footer2-ttl { float : left; box-sizing : border-box; margin-right : 60px; padding : 20px 40px; color : #fff; border : solid 1px #ccc; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 1.4em; letter-spacing : 1px; }
.footer-links { float : left; margin-right : 60px; font-size : 1.15em; letter-spacing : 1px; }
.footer-links:last-of-type { margin-right : 0; }
.footer-links li { margin-bottom : 15px; line-height : 1; }
.footer-links li:last-of-type { margin-bottom : 0; }
.footer-links a { position : relative; display : inline-block; color : #ccc; }
.footer-links a:before { position : absolute; width : 0; height : 1px; background-color : #ccc; bottom : -8px; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); }
.footer-links a:hover:before { width : 100%; }
.footer-img { width: 90%; margin: 0 auto; position: relative; top: -60px; }
.footer-tel { float : right; color : #fff; }
.footer-tel-ttl { display : block; box-sizing : border-box; padding : 5px 20px; border : solid 1px #fff; letter-spacing : 1px; }
.footer-tel-ttl span { display : block !important; text-align : center; color : #fff; }
.footer-tel-txt { position : relative; padding : 0 0 0 1em; color : #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 2.5em; font-weight : bold; letter-spacing : 1px; }
.footer-tel-txt:before { position : absolute; width : 30px; height : 30px; background : url("https://www.shuhokan.jp/common/img/icon/tel.png") no-repeat; -webkit-background-size : contain; background-size : contain; top : 18%; left : 0; content : ""; }
.footer-tel-txt.sumaho { display : none!important; }
.footer-tel-txt.nosumaho { display : block!important; }
.footer3 { background-color : #fff; }
.footer3-inner { width : 1040px; margin : 0 auto; padding : 35px 0; }
.footer-lang li { float : left; padding : 0 10px; border-left : 1px solid #333; font-size : 1.1em; letter-spacing : 1px; }
.footer-lang li:last-of-type { border-right : 1px solid #333; }
.footer-lang a { position : relative; display : inline-block; }
.footer-lang a:before { position : absolute; width : 0; height : 1px; background-color : #333; bottom : -5px; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); }
.footer-lang a:hover:before { width : 100%; }
.japanican { display : block; width : calc(400px/2); height : calc(44px/2); margin-bottom : 10px; }

.copyright { text-align : center; padding : 50px 0; color : #999; background-color : #000; letter-spacing : 1px; }

.pagetop { display: none; position : fixed; width : 80px; height : 80px; background-color : #fff; z-index : 10; right : 20px; bottom : 20px; cursor : pointer; }
.pagetop:before { position : absolute; width : calc(32px / 2); height : calc(20px / 2); margin : auto; background : url("https://www.shuhokan.jp/common/img/arrow/green.png") no-repeat; -webkit-background-size : contain; background-size : contain; top : 0; right : 0; bottom : 0; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); transform : rotateX(180deg); }
.pagetop:hover:before { top : -15px; }

.floating_bnr { display: none; position : fixed; width : 150px; height : 350px; z-index : 10; right : 20px; bottom : 130px; cursor : pointer; }

h1,h2,h3,h4,h5,h6,caption,dt { position : relative; line-height : 1.3; }

.cf:after { clear : both; }
.cf:before,.cf:after { display : table; content : ""; }


@media screen and (max-width: 1300px) {
	.header-nav { font-size : 1em; }
	.header-nav .header-nav-txt { padding : 0 15px; }
	.header-nav .reservationBtn-txt { padding : 0 20px 0 40px; }
	.reservationBtn-icon:before { top : -34%; left : -32%; }
	.header-logo { float : left; width : calc(572px/3); height : calc(160px/3); margin : 15px 0 0 25px; }
	.header-nav .header-nav-txt { height : 90px; }
	.reservation { top : 90px;}
}

@media screen and (max-width: 1200px) { body { padding : 90px 0 0 0; }
	.contents_inner,.footer3-inner,.tab-inner,.footer1-inner,.footer2-inner { width : 95%; }
	.footer-links { margin-right : 3%; font-size : .9em; }
	.footer2-ttl { margin-right : 3%; font-size : 1em; }
}

@media screen and (max-width: 1040px) {
	.reservation-inner { width: 95%; padding: 20px 0;}
	.reservation-sp-outer { font-size: 85%; }
	.footer1 { font-size : 90%; }
	.footer-tel { float : right; clear : both; }
}

@media screen and (max-width: 900px) { .header-nav .header-nav-txt { padding : 0 10px; }
	.header-nav .reservationBtn-txt { padding : 0 20px 0 50px; }
	.footer-links:last-of-type { margin-right : 0; }
}

@media screen and (max-width: 768px) {
	.footer2-ttl,.footer-links { margin-right : 3%; }
	.footer2-ttl { padding : 3%; }

}

@media screen and (max-width: 767px) {
	body { font-size : 95%; padding: 70px 0 0 0;}
	header,.topicpath { display : none; }

	.sumahoHeader,.sumahoMenuContents,.sumahoMenuContents { display: block; }
	.contents_inner,.footer3-inner,.tab-inner,.footer1-inner,.footer2-inner { width : 90%; }

	.pagetop { width : 40px; height : 40px; right : 10px; bottom : 20px; }
	.copyright { padding : 45px 0; font-size : 1.2em; }

	.footer-logo { float : none; width : calc(572px/4); height : calc(160px/4); margin : 0 auto 8%; }
	.footer-address { float : none; text-align : center; }
	.footer-address-txt { margin-bottom : 5%; color : #fff; font-size : 1.7em; line-height : 2; }
	.footer1-inner { padding : 15% 0; }
	.footer2-inner { padding : 10% 0; }
	.footer-sitemap { margin-bottom : 8%; font-size : 13px; }
	.footer-sitemap-link:before { font-size : 18px; line-height : 1; top : 1px; left : -2px; }
	.footer-sitemap .footer-sitemap-link { color : #fff; }
	.footer-tel { float : none; width : 90%; text-align : left; margin : 0 auto; font-size : 1.4em; }
	.footer1 { -webkit-background-size : 50% 50%; background-size : 50% 50%; }
	.footer-tel-ttl { padding : 15px 35px 15px 20px; font-weight : bold; letter-spacing : 0; }
	.footer-tel-txt { padding : 0 0 0 1.3em; font-size : 1.8em; }
	.footer-tel-txt:before { width : calc(30px / 1.5); height : calc(30px / 1.5); }
	.footer-tel-txt:after { position : absolute; width : calc(32px/2); height : calc(26px/2) ; background : url("https://www.shuhokan.jp/common/img/arrow/white.png") no-repeat; -webkit-background-size : contain; background-size : contain; top : 0; right : -25px; content : ""; transform : rotate(-90deg); }
	.footer2-ttl { float : none; text-align : center; margin : 0 0 10% 0; font-size : 1.4em; }
	.footer-links li { margin : 0 0 25px 0; }
	.footer-links { width : 50%; margin : 0; font-size : 1.1em; }
	.footer-links:last-of-type { width : 100%; margin-bottom : 0; letter-spacing : 0; }
	.footer-links:last-of-type li { float : left; width : 50%; }
	.footer-links li:last-of-type { margin : 0 0 30px 0; }
	.footer-links:last-of-type li:nth-of-type(3),.footer-links:last-of-type li:nth-of-type(4) { margin-bottom : 0; }
	.footer-links a:hover:before { width : 0; }
	.footer-tel-txt.sumaho { display : block!important; }
	.footer-tel-txt.nosumaho { display : none!important; }
	.footer-lang { text-align : center; }
	.footer-lang li { display : inline-block; float : none; }
	.japanican { margin : 0 auto 5%; }
	.tab-img { padding : 5% 0; }
	table.sp6 th,table.sp6 td { padding : 4%; }
	.sumahoHeader { background-color: #fff; width: 100%; height: 70px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 50; box-shadow: 2px 0 10px 0 #666; transform: translate3d(0, 0, 0);}
	.sumahoHeader-common { width: 25%; box-sizing: border-box;  border-left: solid #ddd 1px; height: 100%; float: left; text-align: center; position: relative; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size: 10px; font-weight: bold; cursor: pointer;}
	.sumahoHeader-common a{ display: block; height: 70px; padding: 10px 0;}
	.sumahoHeader-contents { color:#000; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
	.sumahoHeader-txt { position: relative; letter-spacing: -1px; line-height: 1;}
	.sumahoHeader-icon { margin: 0 auto 10px; }
	.sumahoHeader-icon.sumahoTel { width: calc(80px/3); height: calc(80px/3); display: block;}
	.sumahoHeader-icon.sumahoReservation { width: calc(70px/3); height: calc(86px/3); display: block;}
	.sumahoHeader-icon.sumahoAccess { width: calc(64px/3); height: calc(86px/3); display: block;}
	.sumahoHeader-icon.sumahoMenu { width: calc(80px/3); height: calc(80px/3); position: relative; display: block;}
	.sumahoMenu-btn { width: 5px; height: 5px; background-color: #4e6619; border-radius: 50%; position: absolute; margin: auto; transition: .2s all ease-out;}
	.sumahoHeader-common.on { background-color: #4e6619; }
	.sumahoHeader-common.on .sumahoHeader-txt { color: #fff; }

	.sumahoHeader-reservation.on img { display: none; }
	.sumahoHeader-reservation.on .sumahoReservation { position: relative; width: calc(80px/3); height: calc(80px/3);}
	.sumahoHeader-reservation .sumahoReservation:before,.sumahoHeader-reservation .sumahoReservation:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 2px; background-color: #fff; transition: .2s all ease-out; width: 0; opacity: 0;}
	.sumahoHeader-reservation.on .sumahoReservation:before,.sumahoHeader-reservation.on .sumahoReservation:after { width: 100%; opacity:1;}
	.sumahoHeader-reservation .sumahoReservation:before { transform: rotate(45deg); }
	.sumahoHeader-reservation .sumahoReservation:after { transform: rotate(-45deg); }

	.sumahoMenu-top { top: 0; left: 0; right: 0;}
	.sumahoMenu-center { top: 0; left: 0; right: 0; bottom: 0;}
	.sumahoMenu-bottom { bottom: 0; left: 0; right: 0; }

	.sumahoHeader-common.on .sumahoMenu-btn{ background-color: #fff; }
	.sumahoHeader-common.on .sumahoMenu-top { animation: .2s top ease-out forwards; }
	.sumahoHeader-common.on .sumahoMenu-center { opacity: 0;}
	.sumahoHeader-common.on .sumahoMenu-bottom { animation: .2s bottom ease-out forwards; }

.sumahoMenuContents-link { width: 45%; margin: 0 10% 8% 0; display: block; float: left;}
.sumahoMenuContents-link:nth-of-type(even) { margin-right: 0; }
.sumahoMenuContents-link:last-of-type { margin-bottom: 0; }
.sumahoMenuContents-img { margin-bottom: 10px; display: block;}
.sumahoMenuContents-txt { color: #fff !important; font-size: 14px; line-height: 1; letter-spacing: 1px; box-sizing:border-box; padding: 0 0 0 1.5em; position: relative;}
.sumahoMenuContents-txt:before { content: ''; position: absolute; top: 5px; left: 0; background: url('https://www.shuhokan.jp/common/img/arrow/white.png') no-repeat; width: calc(32px/3); height: calc(26px/3); -webkit-background-size: contain; background-size: contain; transform: rotate(-90deg);}

.sumahoMenuContents-links1 { margin-bottom: 8%; padding-bottom: 8%; border-bottom: 1px solid #fff;}
.sumahoMenuContents-links2 { margin-bottom: 8%; }
.sumahoMenuContents-links2 a { margin-right: 8%; }
.sumahoMenuContents-links2 a:last-child { display:none; }

	.sumahoMenuContents { display: block; background-color: rgba(0,0,0,.8); position: fixed; top: 70px; left: 0; width: 100%; height: 100%; z-index: 50; color: #fff; }
	#over_menu3:not(:target) { display: none;}
	#over_menu3:target { display: block;}
	#close3{position: absolute; top: -70px; height: 70px; width: 25%; left: 75%; text-indent: -9999px;}
	
	.sumahoMenuContents-outer { width: 100%; height: 85%; overflow-y: scroll; }
	.sumahoMenuContents-inner { width: 90%; margin: 0 auto; padding:10% 0 0 0; box-sizing: border-box;}
	.sumahoMenuContents-outer2 { background-color: rgba(78,102,25,.8); padding: 10% 0;}
	.sumahoMenuContents-inner2 { width: 90%; margin: 0 auto; }
	.footer-tel.typeA { width: 100%; }
	.sumahoMenu-reservationBtn { background-color: #cc9768; text-align: center; padding: 5% 0; font-size: 14px; font-weight: bold; margin-bottom: 20px;}
	.sumahoMenu-reservationBtn a { color:#fff;}
	.footer-tel.typeA .footer-tel-txt:before { top: 8px; left: 8px; }
	.sumahoMenu-reservationBtn span { position: relative; line-height: 1;}
	.sumahoMenu-reservationBtn span:before,.sumahoMenu-reservationBtn span:after { content: ''; position: absolute; top: 0;}
	.sumahoMenu-reservationBtn span:before { left: -35px; background: url('https://www.shuhokan.jp/common/img/icon/reservation.png') no-repeat; width: calc(42px/2); height: calc(48px/2); -webkit-background-size: contain; background-size: contain; }
	.sumahoMenu-reservationBtn span:after { top: 5px; right: -35px; background: url('https://www.shuhokan.jp/common/img/arrow/white.png') no-repeat; width: calc(32px/2); height: calc(26px/2); -webkit-background-size: contain; background-size: contain; transform: rotate(-90deg);}

	.sumahoReservationForm {display: none; top: 70px !important; z-index: 50; position: fixed; transform: translate3d(0, 0, 0); height: 100%; }
	#over_menu2:not(:target) { display: none;}
	#over_menu2:target { display: block;}
	#close2{position: absolute; top: -70px; height: 70px; width: 25%; left: 25%; text-indent: -9999px;}
	
	.sumahoReservationForm .reservation-inner { height: 75%; overflow-y: scroll;}

	.sumahoReservationForm .reservation-ttl1 { font-size: 16px; }
	.sumahoReservationForm .reservation-ttl1:before { top: 2px; }
	.sumahoReservationForm .reservation-sp { width: 90%; margin: 0 auto 5%; float: none; border:none;}
	.sumahoReservationForm .reservation-sp:last-of-type { margin-bottom: 0; }
	.sumahoReservationForm .reservation-sp-txt { font-size: 16px; }
	.sumahoReservationForm .reservation-sp-txts:before { font-size: 40px; }
	.sumahoReservationForm .reservation-sp-txts { padding: 0 0 0 6em; }
}