/**
 * OMOTENASHI CONTENTS®
 * ©2018 cab Co.,Ltd. All Rights Reserved.
 */

/*img.fit, object.fit, embed.fit, iframe.fit { width:100%; max-width:100%; height:auto; }

.fl { float:left !important; } .fr { float:right !important; }
.fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.fix { display:inline-block; } .fix { display:block; }
.clr { clear:both; }

.none { display:none; }

ul.liner li { display:inline; float:left; padding-right:1em; white-space:nowrap; }
* html ul.liner li { white-space:nowrap; margin-bottom:0.3em; }
*:first-child+html ul.liner li { white-space:nowrap; }*/

.sumaho { display:none !important; }

/*.omocon { background-color:#000000; padding:10px 0 30px 0; }
.omocon_inner { width:990px; margin:0 auto; }*/
.omocon_access { flex: 1 1 0%; margin-right: 50px; }
.omocon_weather { flex: 1 1 0%; }

.omocon_title { border-bottom: 1px solid #000000; padding-bottom: 1em; margin-bottom: 1em; }

#omocon_txt {
	font-size: 1.8em;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	width: 18em;
	text-align: center;
	margin: 0 auto;
	white-space: nowrap;
	margin-bottom: 1em;
	padding: 0.5em 0;
	line-height: 1.5;
}

#omocon_access_swipe { display:none; }

#omotenashi-contents-update { line-height:1.4; margin-top: 0.5em; margin-right: 0.5em; font-size: 80%; color: #2d2d2d; text-align: right; }
#omotenashi-contents-update-short { line-height:1.4; display: none; }
#omotenashi-contents-link { text-align: right; margin-top: 0.5em; }

/*.omocon_weather_wrap { padding-top:10px; }*/
.omocon_weather table { color:#000000; text-align:center; font-size:80%; }
.omocon_weather table img.fit { width:100% !important; }
.omocon_weather table tr th { border: 1px solid #fff; background-color: #2d2d2d; color: #fff; white-space:nowrap; padding:5px 8px; text-align: center; }
.omocon_weather table tr td { border: 1px solid #2d2d2d; white-space:nowrap; padding:5px 5px; text-align: center; }
/*.omocon_weather table tr th:first-of-type { border-right: 1px solid #fff; }*/
/*.omocon_weather table tr:last-of-type th, .omocon_weather table tr:last-of-type td { border-bottom: none; }*/
.omocon_weather table .weather-icon { padding:5px; display:block; }
.omocon_weather .other-link { margin-top:10px; float:right; }
/*.omocon_weather .other-link a { color:#ffffff; }*/

.omocon_weather table tr.from th, .omocon_weather table tr.place th { font-size: 130%; }

.omocon_weather table .temp-max { color: #fd3102; }
.omocon_weather table .temp-min { color: #0a38e4; }

.bx-wrapper .bx-prev, .bx-wrapper .bx-next, .bx-wrapper .bx-loading { background:none !important; }

/*--------------------------------------------------------------------------------
*/
@media screen and (max-width: 750px) {

.sumaho { display:inherit !important; }
.nosumaho { display: none !important; }
.omocon_weather_wrap { overflow:auto; margin-bottom:10px; }
.omocon_weather_wrap table { width:200%; max-width:200%; }

.bx-wrapper img { width:100%; }

.omocon_title { text-align: center; font-size: 6vw; }
#omocon_txt { width:98%; }

.omocon { padding:0 0 0 0; }
.omocon_access { float:none; width:100%; margin-right: auto; }
.omocon_weather { float:none; width:100%; margin-bottom: 2em; font-size: 3vw; }

.omocon_access_wrap { overflow:auto; margin-bottom:10px; }
.omocon_access_wrap img { width:200%; max-width:200%; }

.omocon_swipe_msg { font-size: 3vw; }

#omocon_access_swipe { display:block; text-align:center; }
#omocon_access_swipe img { width:24px; margin-right:5px; }
#omocon_access_swipe span { line-height:24px; font-size:18px; color:#ffffff; }

.omocon_weather table tr th { padding:5px 10px; line-height:1.3; font-size:80%; font-weight:normal; }
.omocon_weather table .weather-icon { padding:5px 0; }

.omocon_weather table .week { font-size: 12px;}
.omocon_weather table .date { display: block;}
.omocon_weather table .day { display: block;}
/*.omocon_weather table .temp-sep { display: none;}
.omocon_weather table .temp-max { display: block; line-height:1.2; }
.omocon_weather table .temp-min { display: block; line-height:1.2; }*/

.omocon_weather .other-link { float:none; }
.omocon_weather .other-link li { float:none; padding-right:0; margin-bottom:5px; display:block; }
.omocon_weather .other-link a { display:block; padding:5px; text-align:center; text-decoration:none; border:1px solid #ffffff; border-radius:5px; }

.omocon .reservTabBox .stayBtnSp { width:100%; }
.omocon .reserv2TabBox .stayBtnSp { display:block; float:none; margin:0 auto; }

#a_from { width: 200%; max-width: 780px; }

} /* max-width: 750px */