@charset "UTF-8";


/*======================================
	routes
=======================================*/
h3{
	font-size:120% !important;
	background:url("../img/routes/syo.png") left center no-repeat;
	text-align:left;
	padding-left:60px !important;
	border:solid 3px #dcb058;
	font-weight:bold !important;
	padding:0.5em;	
	
}

	
h4{
	padding:10px !important;
	font-size:18px !important;
	background-color:#666 !important;
	text-align:center;
}
.midashi_r{
	text-align:left;
}
.top_img_wrap{
	width:48%;
	float:left;
	margin-right:3%;
}

.top_img_wrap:last-child{
	margin-right:0;
}
.top_img_wrap img{
	width:100%;
}

/* コース */
.course_split{
	width:47%;
	float:left;
	margin-right:3%;
	text-align:center;
}
.course_split img{
	width:235px !important;
	max-width:235px !important;
	margin: 0 auto;
}

.course_split:last-child{
	margin-right:0;
	float: right;
}
#r_4-1,
#r_4-2{
	text-align:left !important;
	clear:both;
}

.course_wrap img{
	width:235px !important;
	max-width:235px !important;
	margin: 0 auto;
}

.course_img_wrap{
	width:48%;
	float:left;
	margin-right:3%;
	text-align:center;	
	margin-bottom:0.8em;
	margin-top:0.5em;
}
.course_img_wrap:last-child{
	margin-right:0;
}
.course_img_wrap img{
	width:74%;
	max-width:325px !important;
}
.coures_btn{
	display:none;
}

.festivals_btn{
	background-color: #eac25c;
	width:210px;
	border-radius:10px;
	margin: 0 auto;
	margin-bottom:2em;
	margin-top:1em;
}
.festivals_btn a {
	text-decoration: none;
}
.festivals_btn p{
	font-weight:bold;
	font-size:110%;
	color:#000;
	padding:10px 0 10px 30px;
	background:url("../img/side_mk.png") 8px 14px no-repeat;
}
.festivals_btn:hover{
	opacity:0.7;
}
.line{
	margin:5em 0 3em 0; 
	border-top: 1px dashed #bbb;
	}
/* サイド */
#side{
	width:24%;
	max-width:230px;
	float:left;
	display:block;
}
#side #side_spot li img{
	width:100%;
	margin-bottom:0.5em;
}

#side .side_anchor{
	background-color: #eac25c;
	padding:0 5% 5% 5%;
	border-radius: 10px;
}
#side .side_anchor h3{
	font-size: 140%;
	padding-left: 55px;
	background: url("../img/side_chara.png") no-repeat;
	background-size: 46px;
}
#side #side_cuisine h3{
	background-position:5px 6px;
	background-size:46px;
	height:45px;
	padding-top:15px;
}
#side #side_routes h3 {
	background-position:5px 10px;
	height: 45px;
	padding-top: 10px;
	line-height: 1.1;
	border:none;
	font-weight:bold;
	font-size:100% !important;
}

/* スポット詳細 */
.detail h3{
	background-color:#000;
	color:#fff;
	font-weight:normal;
	padding:0.5em;
	margin-bottom:1.0em;
	font-size:108% !important;
}
.detail_main_txt{
	margin-bottom:1.0em;
	text-align: justify;
}
.detail_img{
	width:34%;
	max-width:235px;
	float:left;
}
.detail_img img{
	width:100%;
	margin-bottom: 10px;
}

.detail{
	width:100%;
	overflow: hidden;
}

.detail_txt{
	width:62%;
	max-width:430px;
	float:right;
	text-align: justify;
}
.detail_txt .break_all{
	word-break:break-all;
}
.detail_txt p{
	margin-bottom:1em;
}
p.no_margin{
	margin-bottom:0;
}
.detail_txt a{
	color:#000;
}

.spot_div{
	margin-bottom:1em;
}
.detail_txt table{
	width:100%;
	border:1px solid #b0b0b0;
	border-bottom:none;
	word-break:break-word;
	border-collapse:collapse;
	margin-bottom:2em;
}
.detail_txt table.last_table{
	margin-bottom:0;
}
.detail_txt th,
.detail_txt td{
	border-bottom: 1px solid #b0b0b0;
	padding:10px;
}
.detail_txt th{
	background-color: #f2f2f3;
	width:32%;
	text-align:left;
	font-size:90%;
}
.detail_txt td{
	width:68%;
	border-left: 1px solid #b0b0b0;
	text-align:left;
}
.detail_txt td a{
	color:#000;
	word-break:break-all;
}
.detail h4{
	background-color: #000;
	color:#fff;
	border-bottom:none;
	font-weight:normal;
	padding:0.3em 0.5em;
	margin-bottom:0.5em;
}
img.tax_free {
	border: 1px solid #b0b0b0;
	width:100%;
	max-width:260px;
	margin-top:1em;
}
#lodging_note{
	margin-bottom:2em;
}
#lodging_note li{
	margin-bottom:0.5em;
}
#shukubo_btn{
	background-color: #eac25c;
	width:210px;
	border-radius:10px;
	margin: 0 auto;
	margin-bottom:2em;
}
#shukubo_btn a {
	text-decoration: none;
}
#shukubo_btn p{
	font-weight:bold;
	font-size:110%;
	color:#000;
	padding:10px 0 10px 30px;
	background:url("../img/side_mk.png") 8px 14px no-repeat;
}
#shukubo_btn:hover{
	opacity:0.7;
}

/* lodging tripadvisor */
span#RATED_TEXT {
	font-size: 11px;
}


/* ガイドタクシー　庄内ガイドドライブ 20220218
ーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#Shonai_course{
padding-left: 0.5em !important;
background-image: none;
}

.detail_fulltxt p{
margin-bottom: 1em;
}

.taxi_shonai h4 {
/* background-color: #eeff41 !important; */
background-color: #fffacb !important;
color: #000;
text-align: left;
border: solid 1px #000;
border-bottom: none;
margin-bottom: 0;
}

.taxi_shonai .areainfo {
word-break: keep-all;
border: solid 1px #000;
margin-bottom: 0.8em;
padding: 0.5em 0.7em;
}

.taxi_shonai .andsoon strong{
font-weight: bold;
font-size: 1.05em;
}

/*======================================
	clearfix
=======================================*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	zoom:1;
}



/*======================================
	タブレット・スマホ
=======================================*/
@media screen and (max-width: 767px) {

#pankuzu{
	overflow: hidden;
	margin-bottom:1em;
	margin-left: 2%;
}
#main_wrap{
	width:100%;
	max-width:none;
	float:none;
}
	
#spot_category{
	display:block;
	margin-bottom:1em;
}
#spot_category h3{
	background-color:#dcb058;
	text-align:center;
	padding:8px 0 !important;
	cursor: pointer;
	background-image:none;
	margin:0 !important;
}
#spot_category h3 span{
	background: url("../img/menu_sp.png") left center no-repeat;
	background-size: 17px;
	padding-left:25px;
	margin:0 auto;
	font-weight:bold;
	font-size:110%;
}
#spot_category #current_category{
	color:#c30d23;
}
#spot_category li a{
	color:#000;
}
#spot_category ul{
	overflow:hidden;
	margin-bottom:1em;
	background-color: #ddd;
	padding:10px 0;
}
#spot_category li{
	background:url("../img/category_mk.png") 4px 10px no-repeat;
	background-size:12px;
	padding:5px 0;
	padding-left:20px;
}
.top_pc_img{
	display:none;
}
.top_sp_img{
	display:block;
}
	
	
	/* サイド */
#side,
#side #side_spot{
	width:100%;
	max-width:none;
	float:none;
	margin-top:3em;
}
#side #side_spot li{
	width:31.333%;
	max-width:230px;
	float:left;
	margin:0 1%;
}
#side #side_spot li img{
	margin-bottom:0.5em;
}
	
#side .side_anchor{
	display:none;
}

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

.sale_box {
	float: none !important;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 3em;
	display: block;
}
.sale_box img {
	margin-left: auto;
	margin-right: auto;
}
.line{
	margin:2em 0 0 0; 
	border-top: 1px dashed #bbb;
	}
}
@media screen and (max-width: 599px) {
	
	/* トップ */
#top_img{
	width:100%;
	overflow: hidden;
	margin-bottom:1em;
	position: static;
}
#top_img_main{
	width:100%;
	float:none;
	margin:0 auto;
}
#top_img_side{
	width:100%;
	max-width:486px;
	float:none;
	margin:0 auto;
}
#top_img_side p{
	max-width:185px;
	width:32%;
	float:left;
	margin:0 1%;
}
#top_img_side p:nth-child(2),
#top_img_side p:last-child{
	position: static;
}
#top_img_side p:first-child{
	margin-left:0;
}
#top_img_side p:last-child{
	margin-right:0;
}
	
.detail_img{
	width:100%;
	float:none;
	margin:0 auto;
	margin-bottom:1em;
}
.detail_txt{
	width:100%;
	max-width:none;
	float:none;
}
	
.detail_txt table{
	/*word-break:break-all;*/
}
.detail_txt th,
.detail_txt td{
	padding:10px 5px;
}
	
	/* サイド */
#side{
	display:none;
}
/* コース */
.course_split{
	width:100%;
	max-width:none;
	float:none;
}
	
}
@media screen and (max-width: 599px) {
	/* フッタ */
#footer{
	background-image:initial;
	border-top:none;
}
#pagetop{
	display:none;
}
#pagetop_sp{
	display:block;
	background-color:#d05333;
	text-align:center;
	margin-bottom:2em;
}
#pagetop_sp a{
	text-decoration:none;
}
#pagetop_sp p{
	color:#fff;
	font-weight:bold;
	margin: 0 auto;
	background: url("../img/page_top_sp.png") left center no-repeat;
	background-size: 12px;
	width: 100px;
	padding:8px 0 8px 12px;
}
#pagetop_sp:hover{
	filter: alpha(opacity=70);
	opacity: 0.7;
}
	
.footer_wrap{
	padding:0;
}
#footer_bk{
	background:url("../img/ft_bk_sp.png") center 10px repeat-x;
	padding-top:20px;
}
#footer_menu_pc{
	display:none;
}
#footer_menu_sp{
	display:block;
	background-color:#e5e5e6;
	padding:3%;
	font-size:80%;
}
div#footer_menu_sp h3 {
	background: url("../img/menu_sp.png") left center no-repeat;
	background-size: 17px;
	padding-left: 25px !important;
	font-size: 140% !important;
	font-weight:bold;
	border:none;
	padding:0;
}
	#footer_menu_sp #sp_menu{
	background-color:#fff;
	border:solid 1px #c8c8c8;
}
#footer_menu_sp #sp_menu li{
	border-bottom:solid 1px #c8c8c8;
	cursor: pointer;
}
#footer_menu_sp #sp_menu li:last-child{
	border-bottom:none;
}
#footer_menu_sp #sp_menu_spot ul{
	margin:0;
}
#footer_menu_sp li p{
	background:url("../img/mk.png") 8px center no-repeat;
	background-size:12px;
	padding:8px 0 8px 25px;
}
#footer_menu_sp li a{
	text-decoration:none;
	color:#000;
}
#footer_menu_sp li:hover{
	background-color:#fffcd5;
}
#footer_menu_sp .sp_menu_child p{
	padding-left:40px;
	background:none;
}
#footer_menu_sp .sp_menu_child span{
	color:#0f347e;
	font-weight:bold;
}
	
.footer_wrap #footer_contact{
	width:96%;
	margin:0 auto;
	padding:45px 0 5px 0;
	min-height:182px;
}
.top_img_wrap{
	width:100%;
	max-width:330px;
	float:none;
	margin:0 auto;
	margin-bottom:0.5em;
}

.top_img_wrap:last-child{
		margin-right:auto;
}

.course_img_wrap{
	width:48%;
	float:left;
	margin-right:3%;
	text-align:center;	
	margin-bottom:0.8em;
	margin-top:0.5em;
}
.course_img_wrap:last-child{
	margin-right:0;
}
.course_img_wrap img{
	width:100%;
	max-width:325px !important;
}

.coures_btn{
	display:block;
	background-color: #000;
	width:47%;
	float:left;
	margin-right:3% !important;
	margin: 0 auto;
	margin-bottom:0.8em;
}
.coures_btn a {
	text-decoration: none;
}
.coures_btn p{
	font-weight:bold;
	font-size:100%;
	color:#FFF;
	padding:10px 0 10px 30px;
	background:url("../img/mk_c.png") 8px 14px no-repeat;
}
.coures_btn:hover{
	opacity:0.7;
}

}
@media screen and (max-width: 480px) {
	/* ヘッダ */
#header_top h1{
	margin-bottom:0;
}
#header_top h1 img#hd_logo{
	margin-top:10px;
}
#header_top h1 img#hd_logo_txt{
	width:100%;
	margin-left:0;
	position: static;
}

}

/*======================================
	印刷用
=======================================*/
@media print {

#jp_site,
#header_gmenu,
#main_slider,
#pagetop,
#footer{
	display:none !important;
}
#header_top{
	border:none;
}
#header_top h1 img#hd_logo{
	width:30%;
}
#wrap{
	width:98%;
}
#top_wrap{
	margin-bottom:initial;
}
#top_wrap #main{
	position:static;
}
#main{
	margin-bottom:0;
}
#banner_wrap{
	margin-top: 300px;
}

#side {
display:none;
}

.main_content {
	width:100% !important;
	}
.detail_img{
	width:40% !important;
	float:left !important;
}
.detail_img img{
	width:235px !important;
	max-width:235px !important;
}
.midashi_r{
	width:420px !important;
	max-width:430px !important;
	}
.pagetop_sp{
	display:none;
}
}