/*アイキャッチ
------------------------------*/
.main_img{max-height:600px;overflow:hidden;position:relative;text-align:center}
#slider{transition:1s;}
.main_img img{width:100%;height:auto}
.loader{position:absolute;top:50%;text-align:center;width:100%;}
.line-spin-fade-loader div,.ball-spin-fade-loader div{background-color:#000;}

.ball-pulse-sync>div, .ball-pulse>div, .ball-scale-random>div, .ball-scale>div{background-color:#555;margin:0 4px}

.catch{position:absolute;top:50%;left:50%;margin:-100px 0 0 -390px;opacity:0;text-align:left}
.catch.on{opacity:1;transition:2s ease 1s;margin:-120px 0 0 -390px;}

/*YouTube
------------------------------*/
.top_youtube_desc{max-width:1040px;padding:50px 20px 25px;line-height:1.5}
.top_youtube_desc .inner{background:#ebd8da;padding:20px;border-radius:5px;position:relative;}
.top_youtube_desc .inner:after{
	content:"";
	position:absolute;
	left:50px;
	bottom:-12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 10px 0 10px;
	border-color: #ebd8da transparent transparent transparent;
}
.top_youtube{max-width:1040px;padding:0 20px 0;}

@media (max-width:767px){
	.top_youtube_desc{padding:30px 15px 25px;}
	.top_youtube_desc .inner br{display:none;}
	.top_youtube{padding:0 15px 0;}
}

/*小戸鍋
------------------------------*/
.top_odonabe{max-width:1040px;padding:50px 20px;}

.to_r{float:right;width:48%;padding:0 0 0 20px}
.to_r img{width:100%;height:auto;}
.to_l{float:left;width:52%;padding:0 20px 0 0;}

.t_to{display:block;font-size:30px;font-size:3.0rem;margin-bottom:25px;font-family:serif;color:#993b46;}
.txt_to p{margin-bottom:20px;line-height:1.7;font-size:17px;font-size:1.7rem;}
.b_to{text-align:right}
.b_to a{display:inline-block;padding:10px 15px;font-size:13px;font-size:1.3rem;}
.b_to a:after{content:"\e802";margin-left:10px;}
.b_to a:hover{color:#fff;}

/*ハヤシ
------------------------------*/
.top_hayashi{max-width:1040px;padding:50px 20px;border-top:1px solid #bbb;}

.th_r{float:right;width:48%;padding:0 0 0 20px}
.th_r img{width:100%;height:auto;}
.th_l{float:left;width:52%;padding:0 20px 0 0;}

.t_th{display:block;font-size:30px;font-size:3.0rem;margin-bottom:25px;font-family:serif;color:#993b46;}
.txt_th p{margin-bottom:20px;line-height:1.7;font-size:17px;font-size:1.7rem;}
.b_th{text-align:right}

.b_th a{display:inline-block;padding:10px 15px;font-size:13px;font-size:1.3rem;}
.b_th a:after{content:"\e802";margin-left:10px;}
.b_th a:hover{color:#fff;}


/*自動販売機
------------------------------*/
.top_jidohanbaiki{max-width:1040px;padding:50px 20px;border-top:1px solid #bbb;}

.tj_r{float:right;width:48%;padding:0 0 0 20px}
.tj_r img{width:100%;height:auto;}
.tj_l{float:left;width:52%;padding:0 20px 0 0;}

.t_tj{display:block;font-size:30px;font-size:3.0rem;margin-bottom:25px;font-family:serif;color:#993b46;}
.txt_tj p{margin-bottom:20px;line-height:1.7;font-size:17px;font-size:1.7rem;}
.b_tj{text-align:right}

.b_tj a{display:inline-block;padding:10px 15px;font-size:13px;font-size:1.3rem;}
.b_tj a:after{content:"\e802";margin-left:10px;}
.b_tj a:hover{color:#fff;}

/*ギャラリー
------------------------------*/
.gallery_wrap{background:#eee url(../images/bg_gallery.png);padding:50px 20px;}
.gallery{max-width:1000px;}
.ga_box{float:left;margin-right:2%;}
.ga_box img{width:100%;height:auto;}
.ga_box:nth-child(1){width:26.2%}
.ga_box:nth-child(2){width:18.7%}
.ga_box:nth-child(3){width:28.1%}
.ga_box:nth-child(4){width:21.0%;margin-right:0;}
.ga_box img{margin-bottom:15px;display:block;}
.ga_box span{display:block;font-size:14px;font-size:1.4rem;text-align:center;line-height:1.4;}

/*料理
------------------------------*/
.top_menu{max-width:1040px;padding:50px 20px 20px}
.t_tm{text-align:center;margin-bottom:20px;font-size:30px;font-family:serif;color:#993b46}
.catch_tm{margin-bottom:30px;text-align:center;}

a.thumb_tm_wrap{display:block;margin-bottom:15px;background:#000;position:relative;overflow:hidden;outline:0px solid #fff;outline-offset:-4px;}
.thumb_tm{overflow:hidden;height:180px;transition:0.3s;}
.zoom{position:absolute;bottom:13px;right:23px;font-size:13px;font-size:1.3rem;color:#fff;opacity:0;transition:0.3s ease 0.2s;line-height:1;}
.zoom:before{content:"\2795";margin-right:4px;}
.hover .thumb_tm_wrap:hover{outline:1px solid #fff;outline-offset:-4px;}
.hover .thumb_tm_wrap:hover .thumb_tm{opacity:0.5;transform:scale(1.2)}
.hover .thumb_tm_wrap:hover .zoom{right:13px;opacity:1;}

.tm_box strong{display:block;margin-bottom:10px;font-size:16px;font-size:1.6rem;line-height:1.4}
.tm_box p{font-size:14px;font-size:1.4rem;line-height:1.4;margin-bottom:15px;}

.tm_box a[class^="b_"]{display:block;margin-bottom:7px;padding:0 7px;height:28px;line-height:28px;font-size:13px;font-size:1.3rem;position:relative}
.tm_box a[class^="b_"] img{position:absolute;right:7px;top:50%;}
a.b_tm{border:1px solid #993b46;position:relative;}
a.b_tm:after{content:"\f105";position:absolute;right:7px;top:0;line-height:1.9;}
.hover a.b_tm:hover{color:#fff;}

a.b_bc{border:1px solid #ccc;}
a.b_bc img{height:13px;width:auto;margin-top:-6px;}
.hover a.b_bc:hover{border-color:#29a3d5;color:#0287c9}

a.b_rt{border:1px solid #ccc;}
a.b_rt img{height:11px;width:auto;margin-top:-5px;}
a.b_rt i{float:right;margin-right:-4px;}
.hover a.b_rt:hover{border-color:#61d32c;color:#37c805}

.fancybox-title-inside strong{display:block;margin-bottom:5px;margin-top:5px;font-size:14px;font-size:1.4rem;}
.fancybox-title-inside p{font-size:13px;font-size:1.3rem;line-height:1.4}

/*宿泊
------------------------------*/
.top_inn_wrap{background:url(../images/bg_inn.png);padding:50px 20px 10px;position:relative;}
.top_inn_wrap:before{content:"";position:absolute;top:0;left:0;width:100%;background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0));height:150px;}
.top_inn{max-width:1000px;color:#fff;position:relative;z-index:1;}
.t_ti{text-align:center;margin-bottom:20px;font-size:30px;font-family:serif;}
.catch_ti{margin:0 auto 30px;line-height:1.5;max-width:700px;opacity:0.8}

.ti_l{float:left}
.ti_r{float:right;}
.thumb_ti img{width:100%;height:auto;}

.t_room{display:block;margin-bottom:15px;}
.room_type{margin-bottom:10px;font-size:16px;font-size:1.6rem;line-height:1.4}
.room_desc{line-height:1.6;font-size:14px;font-size:1.4rem;opacity:0.8}

.top_yoyaku{max-width:800px;}
.b_yoyaku{display:block;background:#fff;position:relative;padding:20px;width:100%;font-size:16px;font-size:1.6rem;outline:2px solid #fff;outline-offset:-3px}
.b_yoyaku img{position:absolute;top:50%;right:20px;height:20px;width:auto;}
.b_yoyaku1 img{height:26px;margin-top:-13px;}
.b_yoyaku2 img{height:22px;margin-top:-11px;}

.b_yoyaku:hover img{animation: onceanm 0.3s 1 ease-out 0s;}
.hover .b_yoyaku1:hover{outline:2px solid #0b96d0;outline-offset:-3px}
.hover .b_yoyaku2:hover{outline:2px solid #39c900;outline-offset:-3px}

@keyframes onceanm{
	50%{-webkit-transform:translate(-7px,0);transform:translate(-7px,0);}
	100%{-webkit-transform:translate(0);transform:translate(0);}
}

.top_yoyaku_button{padding-bottom:50px;text-align:center;}
.top_yoyaku_button a{display:inline-block;width:300px;background:#fff;padding:15px 0;text-align:center;font-size:17px;font-size:1.7rem;outline:2px solid #fff;outline-offset:-3px}
.hover .top_yoyaku_button a:hover{outline:2px solid #0b96d0;outline-offset:-3px}
.top_yoyaku_button a i{float:right;margin-right:10px;transition:0.3s;}
.hover .top_yoyaku_button a:hover i{color:#0b96d0;}

/*アクセス
------------------------------*/
.top_access_wrap{padding:50px 0 0;}
.top_access{max-width:1040px;padding:0 20px 40px}
.t_ta{text-align:center;margin-bottom:40px;font-size:30px;font-family:serif;}
.img_ta{width:40%;float:right;padding:0 0 0 30px}
.img_ta img{width:100%;height:auto;}

.detail_ta{width:60%;float:left;}

.top_access strong{display:block;margin-bottom:15px;font-size:17px;font-size:1.7rem;}
.top_access p{margin-bottom:20px;line-height:1.5;}

.table_ta_wrap{border-top:1px solid #cc9da3;border-bottom:1px solid #cc9da3;padding:4px 0}
.table_ta{border-collapse:collapse;width:100%;}
.table_ta tr{border-bottom:1px solid #ebd8da;}
.table_ta tr:last-child{border-bottom:0;}
.table_ta th,.table_ta td{padding:10px;}
.table_ta th{text-align:left;white-space:nowrap;background:#993b46;color:#fff;font-weight:normal;}
.table_ta td{width:100%;}
.table_ta td a{color:#993b46}

.post_ta{margin-right:20px;}

.gm_wrap{width:250px;}
.gm_img{float:left;margin-bottom:5px;padding-right:10px;}
.gm_name{display:block;margin-bottom:5px;font-weight:bold;font-size:15px;font-size:1.5rem;}
.gm_adrs{white-space:nowrap;overflow:hidden;line-height:1.3;font-size:13px;font-size:1.3rem;}

#map_canvas{
	position: relative;
	padding: 0 0 30%;
	height: 0;
	overflow: hidden;
	display:none;
}
#map_canvas iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*ニュース
------------------------------*/
.top_news{max-width:1040px;padding:50px 20px 0;}
.t_tn{color:#993b46;font-size:23px;font-size:2.3rem;margin-bottom:15px;border-top:1px solid #cc9da3;border-bottom:1px solid #cc9da3;padding:10px;position:relative}
.t_tn a{position:absolute;top:50%;right:10px;font-size:13px;font-size:1.3rem;font-weight:normal;margin-top:-12.5px;padding:0 7px;height:25px;line-height:25px;}
.t_tn a:after{content:"\f105";margin-left:4px;}
.hover .t_tn a:hover{background:#faf5f6}

.fb{text-align:center;}
.top_dialy{margin-top:0px;}
.list_topics li{border-bottom:1px solid #ebd8da;font-size:14px;font-size:1.4rem;}
.list_topics li:last-child{border-bottom:0;}
.list_topics li a{display:block;padding:10px;overflow:hidden;line-height:1.4}
.list_topics li a span{display:block;float:left;margin-right:15px;color:#b7757e}
.list_topics li a p{overflow:hidden;}

.hover .list_topics li a:hover{background:#faf5f6}

/*Facebookバナー
------------------------------*/
.banner_fb{text-align:center;margin-bottom:30px;}
.banner_fb a{display:inline-block;}
.banner_fb a img{max-width:100%;height:auto;transition:0.3s;}
.banner_fb a:hover img{opacity:0.7}
.banner_fb img{margin-bottom:5px;}

@media screen and (max-width:1024px){

}

@media screen and (max-width:1023px){
/*アイキャッチ*/
.catch{left:20px;margin:-70px 0 0 0;}
.catch.on{margin:-100px 0 0 0;}

/*小戸鍋*/
.t_to img{width:340px;height:33px;}

/*アクセス*/
#map_canvas{padding: 0 0 50%;}
}


@media screen and (max-width:767px){
/*アイキャッチ*/
.catch{left:20px;margin:-70px 0 0 0;}
.catch img{width:100%;max-width:80%}
.catch.on{opacity:1;transition:2s ease 1s;margin:-100px 0 0 0;}

/*小戸鍋*/
.top_odonabe{padding:30px 15px;}
.t_to{text-align:center;}
.t_to img{width:272px;height:25px;}
.to_r{width:130px;padding:0 0 0 10px;margin-bottom:10px;}
.to_l{float:none;width:100%;padding:0;}
.txt_to p{line-height:1.5;font-size:1.5rem;}
.b_to{max-width:250px;text-align: center;}
.b_to a{display:block;}

/*ハヤシ*/
.top_hayashi{padding:30px 15px;}
.t_th{text-align:center;}
.t_th img{width:272px;height:auto;}
.th_r{width:130px;padding:0 0 0 10px;margin-bottom:10px;}
.th_l{float:none;width:100%;padding:0;}
.txt_th p{line-height:1.5;font-size:1.5rem;}
.b_th{text-align:center;max-width:250px;}
.b_th a{display:block;margin-top:10px;}

/*ハヤシ*/
.top_jidohanbaiki{padding:30px 15px;}
.t_tj{text-align:center;}
.t_tj img{width:272px;height:25px;}
.tj_r{width:130px;padding:0 0 0 10px;margin-bottom:10px;}
.tj_l{float:none;width:100%;padding:0;}
.txt_tj p{line-height:1.5;font-size:1.5rem;}
.b_tj{text-align:center;max-width:250px;}
.b_tj a{display:block;margin-top:10px;}
	
/*ギャラリー*/
.gallery_wrap{padding:30px 15px;}
.gallery{max-width:500px;}
.ga_box{margin-right:4%;}
.ga_box:nth-child(1){width:56.2%;margin-bottom:4%;}
.ga_box:nth-child(2){width:39.8%;margin-right:0;margin-bottom:4%;}
.ga_box:nth-child(3){width:55.1%}
.ga_box:nth-child(4){width:40.9%;}

/*料理*/
.top_menu{padding:30px 15px 15px}
.t_tm img{width:198px;height:25px;}
.catch_tm{margin-bottom:20px;text-align:left;line-height:1.4;font-size:1.4rem;}

.tm_box a{font-size:1.2rem;}
a.b_tm span{display:none;}
a.b_bc img{height:9px;width:auto;margin-top:-4px;}
a.b_rt img{height:7px;width:auto;margin-top:-3px;}

/*宿泊*/
.top_inn_wrap{padding:30px 15px 15px;background-size:199px;}
.t_ti img{width:106px;height:25px;}

/*アクセス*/
.top_access_wrap{padding:30px 0 0;}
.top_access{padding:0 15px 30px}
.t_ta{margin-bottom:20px}
.t_ta img{width:102px;height:25px;}

.img_ta{width:120px;float:right;padding:0 0 10px 20px}
.img_ta img{width:100%;height:auto;}

.detail_ta{width:100%;float:none;}
.post_ta{margin-right:0;display:block;line-height:1.3}
.separate_ta{display:none}
.tel_ta{display:block;line-height:1.3}

.top_access strong{font-size:1.6rem;line-height:1.4}
.top_access p{font-size:1.4rem;}

.table_ta th{font-size:1.4rem;}
.table_ta td{line-height:1.3}

#map_canvas{padding: 0 0 80%;}

/*ニュース*/
.top_news{padding:30px 15px 0;}
.list_topics li a span{display:block;float:none;margin-right:0;font-size:1.3rem;margin-bottom:2px;}

}

@media screen and (max-width:400px){
/*アイキャッチ*/
.main_img{width:120%;}
.main_img img{margin-left:-10%;}
.loader{width:85%;}

/*アイキャッチ*/
.catch{left:20px;margin:-105px 0 0 8%;}
.catch.on{left:20px;margin:-105px 0 0 8%;}

.b_yoyaku{padding:15px;font-size:1.5rem;}
.b_yoyaku img{right:15px;}
.b_yoyaku1 img{height:20px;margin-top:-10px;}
.b_yoyaku2 img{height:18px;margin-top:-9px;}

}