@charset "UTF-8";
/* =====================================
　モデルコース わんこそば堪能コース
================================== */
/*rgba(148,51,32　を置換で一括でベース色変換できます*/


/*ナビ・タイトルPC
-------------------------------------------------- */
@media screen and (min-width:737px) ,print {
	.page_title{
		background: url(../../modelcourse/images/title_modelcourse.jpg) repeat-x center 0px;
		background-size: 1400px auto;
		width: 100%;
		height :240px;
		text-align : center;
	}
	.page_title h2{
		width : 1000px;
		color: #fff;
		padding: 65px 0 10px 0;
		margin : 0 auto 0 auto;
		font-size: 220%;
		font-weight: bold;
		letter-spacing: 2;
		text-align : center;
		background-size : 2px 100px;
		background: url(../img/titline.png) no-repeat center bottom;
	}
	.stit1{
		color : #fff;
		font-size: 90%;
		margin : 15px auto 0 auto;
	}
}/*@media*/

/*ナビ・タイトル　スマホ
-------------------------------------------------- */
@media screen and (max-width:736px){
	.page_title{
		background: url(../../modelcourse/images/title_modelcourse.jpg) repeat-x center 0px;
		width: 100%;
		height :240px;
		text-align : center;
	}
	.page_title h2{
		width: 100%;
		color: #fff;
		padding: 65px 0 10px 0;
		margin : 0 auto 0 auto;
		font-size: 220%;
		font-weight: bold;
		letter-spacing: 2;
		text-align : center;
		background-size : 2px 100px;
		background: url(../img/titline.png) no-repeat center bottom;
	}
	.stit1{
		color : #fff;
		font-size: 90%;
		margin : 15px auto 0 auto;
	}
}/*@media*/



/*モデルコースタイトル、メインビジュアル
-------------------------------------------------- */
.modelcourse_title,.all_course{
	max-width: 1000px;
	width: 100%;
	margin: 0 0 40px;
}
.modelcourse_title img,.all_course img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:736px){
	.modelcourse_title{
		margin: 0 0 15px;
	}
	.all_course{
		display: none;
	}
}

/*スポット枠
-------------------------------------------------- */
.cours_list li{
	position: relative;
	margin: 0;
	padding: 0 0 84px;
	background-image: url(images/time_bg_l.png);
	background-size: auto 84px;
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: auto;
}
.cours_list li:nth-child(even){
	background-image: url(images/time_bg_r.png);
}
.cours_list li#WANKO{
	background-image:none;
	padding: 0;
}
@media screen and (max-width:736px){
	.cours_list li{
		padding: 0 0 60px;
		background-size: auto 60px;
	}
}


/*スポット詳細
-------------------------------------------------- */
.cours_list li .spot_details{
	border: solid 1px rgba(148,51,32,1);
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
	padding: 25px;
}
.text_box{
	width: 440px;
	float: right;
}
.img_box{
	width: 460px;
	float: left;
}
p.spot_time{
	display: inline-block;
	padding: .3em 1em;
	border-radius: 30px;
	font-weight: bold;
	margin: 0 0 1em;
	color: rgba(148,51,32,1);
	background-color: rgba(148,51,32,.3);
}
.spot_link a{
	display: block;
	width: 100%;
	background-color: rgba(148,51,32,1);
	padding: 15px;
	box-sizing: border-box;
	margin: 1em 0 0;
	color: #fff;
	text-align: center;
}
.spot_link a:hover{
	color: #fff;
	background-color: rgba(148,51,32,.8);
	transition: all 0.3s ease 0s;
}
.spot_img img{
	width: 100%;
	height: auto;
}
/*スポット詳細　奇数時*/
.cours_list li:nth-child(even) .text_box{
	float: left;
}
.cours_list li:nth-child(even) .img_box{
	float: right;
}

/*スポットタイトル*/
.spot_name{
	border: solid 1px rgba(148,51,32,1);
	border-bottom: none;
	position: relative;
	font-size: 160%;
	padding: 35px 30px 35px 90px;
	margin: 0;
	border-radius: 10px 10px 0 0;
	background-color: rgba(148,51,32,.3);
	color: #000;
	font-weight: bold;
}
/*番号*/
.nam{
	position: absolute;
	top: 0;
	left: 20px;
	text-align: center;
	background-image:url(images/flag.png);
	background-size: 100% 100%;
	display: block;
	width: 54px;
	height: 77px;
	line-height: 85px;
	color: #fff;
}
/*移動時間*/
.time{
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 20px;
}
.time span{
	background-color: #fcf3f6;
	padding: 5px 10px;
}

/*スポットタイトル*/
.icon_kenji{
	background-image: url(images/icon_miyazawa.png);
	background-size: 115px auto;
	background-position: top right 25px;
	background-repeat: no-repeat;
}
.icon_taberu{
	background-image: url(images/icon_taberu.png);
	background-size: 115px auto;
	background-position: top right 25px;
	background-repeat: no-repeat;
}
#WANKO .icon_taberu{
	background-image: url(images/icon_taberu_wanko.png);
	background-size: 115px auto;
	background-position: top right 25px;
	background-repeat: no-repeat;
}
.icon_miru{
	background-image: url(images/icon_miru.png);
	background-size: 115px auto;
	background-position: top right 25px;
	background-repeat: no-repeat;
}
.icon_taiken{
	background-image: url(images/icon_taiken.png);
	background-size: 115px auto;
	background-position: top right 25px;
	background-repeat: no-repeat;
}
.icon_omiyage{
	background-image: url(images/icon_omiyage.png);
	background-size: 115px auto;
	background-position: top right 25px;
	background-repeat: no-repeat;
}

/*スタート、ゴール*/
.start_spot,.goal_spot,#WANKO .spot_name{
	background-color: rgba(148,51,32,1);
	color: #fff;
	border-radius: 10px;
}
#WANKO .spot_name{
	border-radius: 10px 10px 0 0;
}
.start_spot .nam,.goal_spot .nam,#WANKO .spot_name .nam{
	background-image:url(images/flag_w.png);
	color: rgba(148,51,32,1);
}
.start_spot .time_text,.goal_spot .time_text,#WANKO .spot_name .time_text{
	color: #d19f1b;
	margin: 0 0 0 1em;
}
.cours_list li.goal_box{
	background-image: none;
	padding-bottom: 0;
}

@media screen and (max-width:736px){
	.cours_list li .spot_details{
		padding: 15px;
	}
	.text_box{
		width: 100%;
		float: none;
	}
	.img_box{
		width: 100%;
		float: none;
		padding-bottom: 15px;
	}
	p.spot_time{
		font-size: 90%;
	}
	
	/*スポット詳細　奇数時*/
	.cours_list li:nth-child(even) .text_box{
		float: none;
	}
	.cours_list li:nth-child(even) .img_box{
		float: none;
	}

	/*スポットタイトル*/
	.spot_name{
		font-size: 130%;
		line-height: 1.5em;
		padding: 25px 10px 25px 90px;
	}

	/*移動時間*/
	.time{
		bottom: 10px;
	}

	/*スポットタイトル*/
	.icon_kenji,.icon_taberu,.icon_miru,.icon_taiken,.icon_omiyage,#WANKO .icon_taberu{
		background-image:none;
	}

	/*スタート、ゴール*/
	.start_spot .time_text,.goal_spot .time_text{
		color: #d19f1b;
		margin: 0;
		display: block;
	}
}

/*4カラムの時
-------------------------------------------------- */
.inner_spot_name{
	color: rgba(148,51,32,1);
	font-size: 145%;
	font-weight: bold;
	border-bottom: rgba(75,81,128,.3) 1px solid;
	padding: 0 0 .5em;
	margin: 0 0 1em;
}
.cours_list li .column_4_wrap{
	padding: 25px 0;
	margin: 0 -15px;
	overflow: auto;
	clear: both;
}
.column_4{
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding: 0 15px;
}
.column_4_text{
	width: 100%;
}
.column_4_img{
	width: 100%;
}
.column_4_img img{
	width: 100%;
	height: auto;
}

@media screen and (max-width:736px){
	.cours_list li .column_4_wrap{
		padding: 15px 15px;
	}
	.column_4{
		width: 100%;
		float: none;
		box-sizing: border-box;
		padding: 10px 0 30px;
	}
	.column_4_wrap .column_4:last-child{
		padding: 10px 0 0;
	}
	.column_4_text{
		width: 100%;
	}
	.column_4_img{
		width: 100%;
		padding: 0;
	}
	.column_4_img img{
		width: 100%;
		height: auto;
	}
}


/*下記使うかもしれないスタイル
-------------------------------------------------- */
/*モックアップ
--------------------------------------------------------- */
.test_img_box{
	max-width: 100%;
	width: 100%;
}
.test_img_box img{
	width: 100%;
	height: auto;
}
.main {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* マップ
--------------------------------------------------------- */
.f_map {
	border: none;
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin: 0;
	/*padding: 0 0 3em;*/
	padding: 0;
	background-color: #fcf3f6;
}