@charset 'utf-8';

@media screen and ( max-width:930px) {
	.header-tel { left: 50%; }
}

/*1080以下*/
@media screen and (max-width: 1080px) { .contentsInner { width: 100% !important; } .bestrate { margin-right: 10px; }}


/*ipad*/
@media screen and (max-width: 1024px) { .contentsInner { box-sizing: border-box; padding: 0 3%; }
	#top_info .icon { display:none; }
	.sumaho_logo { position: relative; width: 100%; height: 100%; }
	_.sumaho_logo:before { position: relative; top: 8%; left: 0; display: block; width: 175px; height: 55px; color: #020202; content: ''; background: url("../images/common/logo.svg") no-repeat; background-size: contain; }
	#sumaho_header a { position: absolute; top: 48%; color: #ffffff; text-decoration: none; }
	#sumaho_header .sumaho_logo a { position: absolute; top: -9%; width: 61%; color: #ffffff; text-decoration: none; overflow: hidden; white-space: nowrap; text-indent: 100%; }
	.sumaho_logo.footerlogo:before { content: ""; top: 0; right: 0; bottom: 0; margin: auto; }
	.sumaho_logo.footerlogo:after { content: ""; }
	#headerWrapper { padding-top: 55px; }
	.lodgingReservation_btn_wrapper { display: none !important; }

	#header h1 { height: 0; }
	/*.contentsOuter { padding-top: 42px !important; }*/

	#page_top_wrap { display: none; }
	.parallax .txt { overflow: hidden; width: 100%; }
	#gnavWrapper { display: none; }

	#sumaho_header { position: fixed; z-index: 10000; box-sizing: border-box; width: 100%; height: 9%; padding: 1% 5%;}

	#hamburgerMenu_wrapper { font-size: 10px; position: absolute; top: 4%; right: 12px; width: 32px; height: 40px; color: #223A70;}

	#hamburgerMenu_wrapper span { font-weight: bold; position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding-top: 8px; border-top: solid 2px #223A70; text-align: center; letter-spacing: -0.05em;  }

	#hamburgerMenu_wrapper span:before, #hamburgerMenu_wrapper span:after { position: absolute; left: 0; display: block; width: 100%; height: 2px; content: ''; background-color: #223A70; }
	#hamburgerMenu_wrapper span:before { top: -9px; }
	#hamburgerMenu_wrapper span:after { top: 5px; }

	#hamburgerMenu_contents { position: fixed; z-index: 999999; top: 55px; left: 0; display: none; overflow: scroll; box-sizing: border-box; width: 100%; height: calc(100% - 55px); padding: 2% 5px 0 5px; text-align: center; background-color: #fff; }

	#hamburgerMenu_contents .ttl { line-height: 1.2; margin-bottom: 20px; padding-bottom: 15px; border-bottom: double 4px #9d9a92;font-family: "Noto Serif JP", serif; }
	#hamburgerMenu_contents .ja { font-size: 20px; display: block; }
	#hamburgerMenu_contents .en { display: block; color: #7A93CF; }
	.sumaho_reservation_btn { font-size: 17px; display: block; margin-bottom: 20px; padding: 10px 0; cursor: pointer;text-align: center; color: #fff; border-radius: 5px; background-color: #1F2F57;font-family: "Noto Serif JP", serif; }
	.sumaho_reservation_btn span { position: relative; padding-left: 10px; cursor: pointer; }
	.sumaho_reservation_btn span:before { position: absolute; top: 5px; left: -5px; content: ''; -webkit-transition: .3s all ease-out; transition: .3s all ease-out; border: transparent 6px solid; border-left: solid 6px #fff; }
	.sumaho_reservation_btn.active span:before { top: 7px; left: -5px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
	.sumaho_reservation_wrapper { display: none; box-sizing: border-box; width: 100%; margin-bottom: 20px; padding: 10px 5px; text-align: left; background: url(../common/img/bg/sumaho_reservation.jpg); }
	.sumaho_reservation_wrapper select, .sumaho_reservation_wrapper option { font-size: 15px; }
	.sumaho_reservation_wrapper select { padding: 5px 5px 10px 10px; text-align: center; }

	.hamburgerMenu_btn2 { font-size: 15px; line-height: 1.2; display: block; margin-bottom: 10px; padding: 5px 0; color: #fff; border-radius: 5px; background-color: #9d9a92; }
	#hamburgerMenu_contents .hamburgerMenu_btn2 .ja { font-size: 18px; color: #fff; }
	#hamburgerMenu_contents .hamburgerMenu_btn2 .en { font-size: 11px; color: #fff; }
	.hamburgerMenu_btn2.search { font-size: 18px; margin-bottom: 15px; padding: 15px 0; text-align: center;
	cursor: pointer;
	}
	.hamburgerMenu_btn2.search span { position: relative; padding-left: 18px; }
	.hamburgerMenu_btn2.search span:before { position: absolute; top: 4px; left: 0; width: 12px; height: 15px; content: ''; background: url(../common/img/icon/seach.png) no-repeat center; background-size: contain; }

	.day_rooms_txt, .year_day_txt, .peoples_txt { font-size: 13px; font-weight: bold; }
	.year_day_txt { margin-right: 20px; } /*ご宿泊日*/
	.day_rooms_txt { margin-right: 1px; } /*日数部屋数*/
	.peoples_txt { margin-right: 8px; } /*ご宿泊人数*/

	.bnrBox a { width: 100% }
	.noSMg9 { margin-right: none; }

	.sumaho_reservation_shinki_wrap { font-size: 20px; }

	.sumaho_lang_btn { padding: 5px 0; color: #fff; border-radius: 5px; background-color: #902438;font-family: "Noto Serif JP", serif; }
	.sumaho_lang_btn span { font-size: 14px; position: relative; }
	.sumaho_lang_btn span:after { position: absolute; top: 3px; right: -20px; content: ''; -webkit-transition: .3s all ease-out; transition: .3s all ease-out; border: solid transparent 6px; border-left: solid 6px #fff; }
	.sumaho_lang_btn.active span:after { top: 6px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
	.sumaho_lang_list li { border: 1px solid #9d9a92; border-bottom: none; }
	.sumaho_lang_list li:last-of-type { border-bottom: 1px solid #9d9a92; }
	.sumaho_lang_list a { font-size: 20px; display: block; padding: 10px 0; color: #000; }

	.sumaho_reservation_btn_contents_wrapper.ver2 { padding: 0 3%; }

	.guinness_world_records_contents { float: none; width: 100%; margin-bottom: 20px; padding: 30px 20px; background: url(../common/img/bg/guinness_world_records_bg.jpg) repeat-x; }
	.guinness_world_records_contents .txt { font-size: 18px; line-height: 1.2; margin-bottom: 10px; text-align: center; color: #fff; }

	#lang_qa_contents { display: none; }
	.hotel_info_outer:after { display: none; }
	.hotel_info_outer .contentsInner { padding: 0; }
	.contentsInner .contentsInner.hotel_info { padding: 0 2%; }
	.hotel_info_contents { width: 100%; padding: 6% 0; }

	.sumaho_lang_list { display: none; }
	.sumaho_qa_contact li { float: left; width: 48%; }
	.sumaho_qa_contact li:nth-of-type(2) { margin-left: 4%; }
	.sumaho_qa_contact a { display: block; padding: 10px 0; color: #fff; }
	.sumaho_menu_close { padding: 10px 0 50px;font-family: "Noto Serif JP", serif; }
	.sumaho_menu_close span { position: relative; }
	.sumaho_menu_close span:before { position: absolute; top: 50px; right: 0; bottom: 0; left: 0; width: 20px; height: 20px; margin: auto; content: ''; background: url(../common/img/btn/sumaho_hamburgermenu_close_btn.png) no-repeat center; background-size: contain; }

	.ttl1 { padding: 20px; background-color: #fff; }
	.ttl1 span { display: block; padding: 0; }
	.ttl1 .en { color: #9c883b; }
	.ttl1 span:before { background: none; }
	.ttl2 { font-size: 25px; font-style: normal; padding: 20px; border-bottom: double 4px #9d9a92; }
	.ttl2_sumaho { margin-bottom: 3.5%; }
	.ttl2 .ja { font-size: 20px; font-weight: bold; color: #000; }
	.ttl2 .en { font-size: 15px; }
	.ttl3 { padding: 20px; text-align: center; border-bottom: double 4px #9d9a92; }
	.ttl3 .ja { font-size: 20px; display: block; }
	.ttl3 .en { display: block; color: #9c883b; }
	.sumaho_reservation_btn_setting_ttl { font-size: 18px; }

	.btn1_wrapper { width: 90%; text-align: center; }
	.btn1 { font-size: 15px; }
	.sumaho_btn1 { display: block; width: 80%; margin: 0 auto 5%; padding: 10px; text-align: center; color: #fff; border: solid 1px #fff; border-radius: 5px; }

	.label { padding: 3px 10px; }
	.info_list_wrapper { padding: 0 3%; }
	.info_list { padding-bottom: 2%; }
	.info_list_txt { float: left; width: 80%; }

	.anim1_txt { font-size: 20px; font-weight: bold; }
	.anim2_txt { font-size: 16px; }
	.anim3_txt { font-size: 16px; }
	.bg_img_txt_wrap{position: relative; color: #000; font-size: 75%;}
	.bg_img_txt_wrap p {padding: 15px;}
	.bg_img_txt_wrap.txt1,.bg_img_txt_wrap.txt2,.bg_img_txt_wrap.txt3{ padding: 0; }

	.bg_img_txt_wrap{position: relative; padding: 0;}

	.panelanim_sumaho { position: relative; overflow: hidden; -webkit-transition: .5s top ease-out; transition: .5s top ease-out; }
	/*.panelanim_sumaho.var1{border-bottom: dotted 1px #000; padding-bottom: 5%;}*/
	.panelanim_sumaho_txt_wrap { position: absolute; top: 0%; left: 0; display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 11%; text-align: center; color: #fff; }
	.panelanim_sumaho_txt_wrap.ver2 { padding: 1%; }
	.panelanim_sumaho_txt_wrap.panelblue { background-color: rgba(118,147,171,.8); }
	.panelanim_sumaho_txt_wrap.panelred { background-color: rgba(185,115,110,.8); }

	.panelanim_sumaho:hover .panelanim_sumaho_txt_wrap { top: 0; }
	.panelanim_sumaho_txt_ttl { font-size: 18px; font-weight: bold; display: block; }
	.panelanim_sumaho_txt_ttl2 { font-size: 13px; font-weight: bold; display: block; margin-bottom: 5%; }
	.panelanim_sumaho_txt_ttl span, .panelanim_sumaho_txt_ttl2 span { position: relative; }
	.panelanim_sumaho_txt_ttl span:before { position: absolute; top: -70px; right: 0; bottom: 0; left: 0; width: 15px; height: 20px; margin: auto; content: ''; background: url(../common/img/icon/sunroute.png) no-repeat center; -webkit-background-size: contain; }
	.panelanim_sumaho_txt_ttl span:after, .panelanim_sumaho_txt_ttl2 span:after { position: absolute; bottom: -5px; left: 0; width: 100%; height: 1px; content: ''; background-color: #fff; }
	.panelanim_sumaho_txt_ttl { color: #ffffff; }
	.panelanim_sumaho_ttl_jp { font-size: 120%; color: #ffffff; }
	.panelanim_sumaho_txt_ttl2 { color: #ffffff; }

	.panelanim_sumaho_txt { font-size: 13px; display: block; }
	.panelanim_sumaho_txt2 { font-size: 10px; display: block; }

	.thumbnail1 img { display: none; }
	.thumbnail1 span { display: inline-block; position: relative; }

	.parallax { height: 650px; background: url(../common/img/parallax/sumaho.jpg) center fixed; padding: 0 3%; box-sizing: border-box; }
	.hotels_profile_contents { overflow: hidden; box-sizing: border-box; width: 100%; margin-bottom: 20px; padding: 4% 0 0 0; border-radius: 5px; background-color: #eeece6; }
	.hotels_profile_ttl { display: block; margin-bottom: 1%; text-align: left; }
	.hotels_profile_txt { font-size: 12px; line-height: 1.5; display: block; }
	.hotels_profile_btn { display: block; clear: both; padding: 2% 0; text-align: center; color: #fff; background-color: #9d9a92; }
	.hotels_profile_btn span { position: relative; padding-left: 13px; }
	.hotels_profile_btn span:before { position: absolute; top: 4px; left: 0; content: ''; border: transparent 7px solid; border-left: solid 7px #fff; }
	.hotels_profile_txt_wrap { display: block; }
	.hotels_profile_inner { display: block; box-sizing: border-box; padding: 0 4%; }

	.koukuken_wrap { margin-bottom: 5%; }
	.koukuken_plan_txt { font-size: 20px; text-align: center; }
	.access_txt_wrap { margin-bottom: 4%; }
	.googlemap iframe { width: 100%; height: 100%; }

	.tel_link { color: #fff; }

	#footer { padding-bottom: 15%; }
	.footerbnr_inner { padding: 3%; }

	.footer_contents1, .footer_contents2 { float: none; width: 100%; }

	.footer_link_list { float: left; width: 50%; }
	.footer_link_list li { font-size: 12px; box-sizing: border-box; width: 100%; margin-bottom: 0; padding: 6% 0; text-align: center; border: solid 1px #fff; }

	.footer_contents2 .footer_link_list:nth-of-type(1) li { border-right: none; }
	.footer_contents2 { margin-bottom: 8%; padding-bottom: 8%; border-bottom: double 4px #fff; }

	.footer_link_list li { position: relative; border-bottom: none; }
	.footer_link_list li:before { position: absolute; top: 38%; left: 5px; content: ''; border: solid transparent 5px; border-left: solid 5px #a48742; }
	.footer_link_list li:last-of-type { border-bottom: 1px solid #fff; }

	.footer_link_list span { padding: 0; }
	.footer_link_list span:before { display: none; }

	.pt2p_sp { padding-top: 2%; }
	.pt3p_sp { padding-top: 3%; }
	.pt4p_sp { padding-top: 4%; }
	.pt5p_sp { padding-top: 5%; }

	.ptb5p_sp { padding: 5% 0; }
	.noSMg9 { margin-right: 0%; }
	.header-tel { display: none; }
	.pt180_pc{ padding-top: 0; } 

	.directin-sp-form .directin-sp-form-input label .directin-sp-form-label { color: #fff;}
	.directin-sp-form .directin-sp-form-input label .directin-sp-form-checkbox-label { color: #fff;}
	.directin-sp-form { margin-bottom: 20px;}

	.dropdown {
		padding: 50px 10px;
	}

	.dropdown>h2 {
		font-size: 25px;
		margin-bottom: 40px;
	}

	.dropdown>h3 {
		margin-bottom: 40px;
		font-size: 15px;
	}

	.dropdown>h3+div {
		margin-bottom: 100px;
	}

	.dropdown>div>div {
		margin-bottom: 30px;
	}

	.dropdown>div>h4 {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.dropdown>div>div>h5 {
		margin-bottom: 16px;
		font-size: 18px;
	}

	.dropdown>div>div>p {
		font-size: 15px;
		line-height: 2;
	}

	.dropdown>div>span {
		font-size: 14px;
	}

	.dropdown table {
		width: 100%;
		margin: 50px auto;
	}

	.dropdown table th,
	.dropdown table td {
		padding: 10px 0;
		font-size: 12px;
	}
	
	
	.sumaho-menu .directin-sp-form .directin-sp-form-input label .directin-sp-form-label,
	.sumaho-menu .directin-sp-form .directin-sp-form-input label .directin-sp-form-checkbox-label{ color: #000;}
	
}