@charset "utf-8";
/* CSS Document */


/*基本設定*/
.container{
	width:100%;
	max-width:1120px;
	min-width:950px \9;
	margin:0 auto;
	padding:0;
}
.contents{
	margin:0;
	padding:0;
	color:#252525;
}
.color_def{
	color:#252525;
}
h1{
	margin:0;
	padding:0;
}
.txt_serif{
	font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Kozuka Mincho Pr6N R", "小塚明朝 Pr6N R", "Hiragino Mincho ProN", "Kozuka Mincho Pro Acro R", "小塚明朝 Pro Acro R", HGPMinchoB, "HGP明朝B", HGPMinchoE, "HGP明朝E", IPAMonaPMincho, "IPA モナー P明朝", "Bitstream Cyberbit", Serif, serif;
}
.txt_italic{
	font-style:italic;
}
.noborder{
	border:none !important;
}



.cont_entinfo , .ttl_box .cont_cat ul li>div , .map_box .cont_mapinfo , .cont_caption{
	font-size:85.7%;
}
.cont_ent_more .txt_more , .cont_ent p , .cont_info .cont_info_h , .ttl_box p.cont_mainread , .cont_ent h2 span.cont_ent_num , .cont_ent_more .cont_page_navi , .cont_info h3 .ttl_sub{
	font-size:114.2%;
}



/*ヘッダー*/
.hosomichi_header{
	padding:13px 0;
	border-bottom: 1px solid #5F5F5F;
	margin-bottom:25px
}
.hosomichi_header .ttl_bnr{
	width:30%;
	max-width:150px;
	display:block;
	float:left;
}
.hosomichi_header .ttl_txt{
	width:45%;
	max-width:170px;
	float:left;
	margin:0 0 0 10px;
}
.hosomichi_header .ttl_bnr img , .hosomichi_header .ttl_txt img {
	width:100%;
	height:auto;
}
.hosomichi_header .numbers{
	background:#e60012;
	color:#FFFFFF;
	display:inline-block;
	float:left;
	font-size:235%;
	padding:0 0.2em;
	margin-left:4%;
	font-family: 'Lora', serif;
	line-height:1.5;
}
.sns_wrap{
	text-align:center;
	padding:25px 0;
}
.sns_wrap>div{
	display:inline-block;
	margin:0 5px;
	line-height:1;
}
.sns_wrap img{
	vertical-align:inherit;
}



/*扉*/
.cont_ttl_sub{
	display:block;
}
h1{
	font-weight:normal;
	margin-top:20px;
	line-height:1.2;
}
h1 .cont_ttl{/*メインタイトル*/
	font-size:275%;
	}
h1 .cont_ttl_sub{/*サブタイトル*/
	font-size:175%;
}
.ttl_box{
	width:66%;
	float:left;
}
.ttl_box hr{
	width:10%;
	float:left;
	background:#323232;
	height:1px;
	border:none;
	margin-bottom:0px;
}
.ttl_box .cont_areatxt{
	clear:both;
}
.ttl_box .cont_areatxt p{
	background:#626262;
	color:#FFFFFF;
	display:inline-block;
	padding:0 0.3em;
	margin-top:20px;
}
.ttl_box p.cont_mainread{
	line-height:1.9;
}
.cont_entinfo{
	color:#727272;
	margin:30px 0;
}
/*動画*/
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*カテゴリ*/
.ttl_box .cont_cat{
	margin-left:-7px;
	max-width:470px;
	margin-bottom:20px;
}
.ttl_box .cont_cat ul{
	margin:0;
	padding:0;
}
.ttl_box .cont_cat ul li {
	width:20%;
	float:left;
	list-style-type:none;
}
.ttl_box .cont_cat ul li>div{
	margin-left:7px;
	background:#e5e5e5;
	color:#9d9d9d;
	text-align:center;
	padding:0.1em;
}
.ttl_box .cont_cat ul li.selected>div{
	background:#e60012;
	color:#FFFFFF;
}

/*マップ*/
.map_box{
	width:33%;
	float:right;
	background:url(/resources/img/trip/michinohosomichi/common/bg_maparea.png) no-repeat bottom left;
}
.map_box>div{
	margin:20px 0 30px 5px;
}
.map_box .cont_mapinfo{
	color:#727272;
	width:80%;
	margin:auto;
}

/*記事*/
.cont_ent {
	padding-top:50px;
}
.cont_ent h2{
	border-bottom:1px dotted #bababa;
	margin-bottom:40px;
	padding-bottom:5px;
	display:table;
	width:100%;
}
.cont_ent h2 span.cont_ent_ttl{
	font-size:179%;
	font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Kozuka Mincho Pr6N R", "小塚明朝 Pr6N R", "Hiragino Mincho ProN", "Kozuka Mincho Pro Acro R", "小塚明朝 Pro Acro R", HGPMinchoB, "HGP明朝B", HGPMinchoE, "HGP明朝E", IPAMonaPMincho, "IPA モナー P明朝", "Bitstream Cyberbit", Serif, serif;
	display:block;
	line-height:1.4;
	display:table-cell;
}

.cont_ent h2 span.cont_ent_num{
	color:#BFBFBF;
	font-weight:normal;
	display:table-cell;
	font-family: 'Lora', serif;
	font-size:190%;
	width:2.5em;
}
.cont_ent p{
	line-height:2;
	margin:0 20px;
	margin-top:2em;
}
.cont_ent p:first-child{
	margin-top:0;
}

.cont_ent_more{
	margin-top:90px;
	margin-bottom:20px;
}
.cont_ent_more .txt_more{
	text-align:center;
}
.cont_ent_more .txt_more a{
	color:#989898;
}
.cont_ent_more .cont_page_navi{
	padding:0.2em 0;
	border-bottom:1px dotted #bababa;
}
.cont_page_navi .link_l{
	float:left;
}
.cont_page_navi .link_l a:before{
	content:"＜ ";
}
.cont_page_navi .link_r{
	float:right;
}
.cont_page_navi .link_r a:after{
	content:" ＞";
}
.cont_caption{
	padding:0.5em 0;

}

/*文中写真*/
.cont_ins_doc{
	margin:0 20px;
	margin-top:2em;
}



/*INDEX*/
.cont_index{
}
.cont_index .cont_ttl_index{
	text-align:center;
	margin-bottom:0.5em;
}
.cont_index ul.cont_index_list {
	width:90%;
	padding:0;
	margin:auto;
	margin-top:0;
}
.cont_index ul.cont_index_list li{
	list-style-type:none;
	width:33.3%;
	float:left;
}
.cont_index ul.cont_index_list li:nth-child(3n+1){
	clear:left;
}
.cont_index ul.cont_index_list li a {
	display:block;
	margin:0.3em 1.5em ;
}

/*INFO*/
.cont_info{
	margin-top:30px;
	background:url(/resources/img/trip/michinohosomichi/common/info_bg2.png);
}
.cont_info .cont_info_h{
	font-weight:bold;
	margin-top:15px;
}
.cont_info .inner {
	width:100%;
	max-width:1120px;
	margin:auto;
}
.cont_info .inner>div {
	padding:15px 0;
}
.cont_info:before{
	content:"";
	display:block;
	height:22px;
	width:100%;
	background:url(/resources/img/trip/michinohosomichi/common/info_bg.png) repeat-x;
}
.cont_info h3{
	font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Kozuka Mincho Pr6N R", "小塚明朝 Pr6N R", "Hiragino Mincho ProN", "Kozuka Mincho Pro Acro R", "小塚明朝 Pro Acro R", HGPMinchoB, "HGP明朝B", HGPMinchoE, "HGP明朝E", IPAMonaPMincho, "IPA モナー P明朝", "Bitstream Cyberbit", Serif, serif;
	/*font-weight:normal;*/
	padding:0.3em 0;
	border-bottom:#787878 1px solid;
}
.cont_info h3 .ttl_main{
	font-size:172%;
}
.cont_info .cont_boxes{
	display:table;
	width:100%;
}
.cont_info .cont_boxes>div{
	display:table-cell;
	width:33.3%;
	border-left:1px solid #787878;
	vertical-align:top;
}
.cont_info .cont_boxes>div:first-child{
	border-left:none;
}
.cont_info .cont_boxes>div>div{
	margin:25px;
}
/*旅プラン*/
.cont_info .cont_plans .unit {
	margin-top:10px;
}
.cont_info .cont_plans .cont_ttl {
	text-align:center;
}
.cont_info .cont_plans .cont_ttl p{
	display:inline-block;
	padding:2px 10px;
	background:#f48286;
	border-radius:10px;
	color:#FFFFFF;
	position:relative;
	margin-top:0;
}
.cont_info .cont_plans .cont_ttl p:after{
	content:url(/resources/img/trip/michinohosomichi/common/info_hukidashi_mark.png);
	width:8px;
	height:6px;
	position:absolute;
	left:50%;
	bottom:6px;
}
.cont_info .cont_plans .cont_ttl h4.cont_plantxt {
	font-size:136%;
	border-bottom:1px dashed #626262;
	margin:0;
	padding:10px 0;
}
.cont_info .cont_plans .cont_planttl_l{
	float:left;
	width:62%;
}
.cont_info .cont_plans .cont_planttl .cont_txt01{
	color:#f48286;
	font-size:129%;
	font-weight:bold;
}
.cont_info .cont_plans .cont_planttl .cont_budget{
	font-weight:bold;
	margin-top:0;
}
.cont_info .cont_plans .cont_plunimg{
	float:right;
	width:37%;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	background:#FFFFFF;
	border:1px solid #C8C8C8;
}
.cont_info .cont_plans .cont_schedule{
	padding:15px;
	border-radius:10px;
	background:url(/resources/img/trip/michinohosomichi/common/bg_schedule.jpg);
}
.cont_info .cont_plans .cont_schedule dl {
	margin:0;
	padding:0;
	border-bottom: 1px dashed #4A4A4A;
}
.cont_info .cont_plans .cont_schedule dl dt{
	width:5.5em;
	float:left;
	clear:left;
	font-weight:bold;
}
.cont_info .cont_plans .cont_schedule dl dd{
	margin-left:5.5em;
}
.cont_info .cont_plans .cont_schedule dl dt , .cont_info .cont_plans .cont_schedule dl dd {
	padding:0.2em 0;
	border-top: 1px dashed #4A4A4A;
}
.cont_info .cont_plans .cont_schedule .cont_atten{
	font-size:85.7%;
	color:#696969;
	line-height:1.3;
	margin-top:10px;
}
/*他の記事*/
.cont_other_ent ul{
	margin:0;
	padding:0;
}
.cont_other_ent ul li{
	list-style-type:none;
	padding:0.2em 0;
}
.cont_other_ent ul li span{
	display:block;
	font-size:85.7%;
	color:#989898;
	padding-left:13px;
}
/*ライター*/
.cont_writer .cont_photo{
	width:100%;
	max-width:219px;
	margin:auto;
	background:#FFFFFF;
}
.cont_writer .cont_photo>div{
	padding:5px;
	border: 1px solid #C8C8C8;
}
.cont_writer p.cont_writer_name{
	text-align:center;
	font-weight:bold;
}
/*細道とは*/
.cont_about{
	padding:20px;
	border-radius:10px;
	background:#FFFFFF;
	border:1px solid #CDCDCD;
}
/*フッターリンク*/
.footerlinks{
	text-align:center;
	padding:50px 0;
}
.footerlinks a{
	margin:0 10px;
}
.page_foot , .page_foot p{
	background:none;
	padding:0 !important;
}



/*セカンドページ以降用*/
.secound .cont_cover{
	width:98%;
	margin:auto;
	/*padding-top:30px;*/
}
.secound .cont_cover .cont_mainimg{
	width: 35%; margin: auto; float: right;
}
.secound .cont_cover .ttl_box{
	width:63%;
}
.secound .cont_cover .ttl_box .txt_serif{
	margin-top:0;
}
.secound .map_box{
	background:none;
	float:none;
}
.secound .cont_entinfo{
	margin:15px 0;
}

.secound .cont_ent{
	padding-top:10px;
}








@media screen and (max-width:1200px){
/*基本設定*/
.contents , .cont_info .inner>div {
	padding:0 10px;
}
.contents .hosomichi_header{
	margin-left:-10px;
	margin-right:-10px;
}
.contents .header_inner{
	padding-left:10px;
	padding-right:10px;
}

/*扉*/
.cont_mainimg{
	margin:0 -10px;
}

}




/*スマホ*/
@media screen and (max-width:640px){

/*font size*/
.cont_index .cont_ttl_index , .cont_index ul.cont_index_list li a , .cont_info .cont_plans .cont_ttl p ,.cont_info .cont_info_links a , .cont_info .cont_other_ent a , .footerlinks a , .cont_info .cont_plans .cont_schedule , .cont_info .cont_writer_txt ,.cont_about , .map_box a , .cont_ent_more .cont_page_navi{
	font-size:85.7%;
}
.ttl_box .cont_areatxt p , .ttl_box p.cont_mainread , .cont_ent p , .cont_ent_more .txt_more , .cont_info h3 .ttl_sub , .cont_info .cont_info_h{
	font-size:100%;
}
.cont_entinfo , .map_box .cont_mapinfo{
	font-size:79%;
}
.cont_ent h2 span.cont_ent_ttl　 , .cont_info .cont_plans .cont_planttl .cont_txt01 {
	font-size:114.2%;
}
.cont_ent h2 span.cont_ent_ttl , .cont_ent h2 span.cont_ent_num{
	font-size:128.5%;
}
.header_ttl_wrap{
	display: flex;
}
.hosomichi_header{
	padding: 10px 0;
}
.hosomichi_header .ttl_bnr{
	width:30vw;
	max-width: none;
	margin-right: 3vw;
}
.hosomichi_header .ttl_txt{
	margin:0;
	width:39vw;
}
.hosomichi_header .numbers{
	margin-left:auto;
	/*float:right;*/
	display: flex;
	align-items: center;
	padding: 0 0.5em;
	font-size:5vw;
}


/*扉*/
.ttl_box .cont_areatxt p{
	margin-top:0;
}
.ttl_box , .map_box{
	width:100%;
	position:relative;
}
.ttl_box h1{
	margin-top:10px;
	line-height:1.4;
}
.ttl_box hr{
	margin-bottom:20px;
}
.map_box>div{
	margin:0;
}
.map_box .cont_mapinfo{
	position:absolute;
	bottom:0;
	right:0;
}
.cont_entinfo{
	margin:15px 0;
}
/*マップ*/
.map_box{
	background:none;
}
.map_box .cont_map{
	width:60%;
	float:left;
}
.map_box .cont_mapinfo{
	width:38%;
	float:right;
}


/*記事*/
.cont_ent h2 {
	margin:20px 0;
	display:block;
}
.cont_ent h2 span.cont_ent_ttl{
	display:block;
}
.cont_ent h2 span.cont_ent_num{
	display:block;
}
.cont_ent p{
	margin-left:0;
	margin-right:0;
}
.cont_ent_more{
	margin-top:50px;
}
.cont_page_navi .link_l ,.cont_page_navi .link_r {
	width:49%;
  display: block;
	position:relative;
}
.cont_page_navi .link_l a{
	margin-left:1.2em;
	position:relative;
	display:block;
}
.cont_page_navi .link_l a:before{
	position:absolute;
	margin-left:-1.2em;
	width:1.2em;
	top:0;
}
.cont_page_navi .link_r a{
	margin-right:1.2em;
	position:relative;
	display:block;
}
.cont_page_navi .link_r a:after{
	position:absolute;
	margin-right:-1.2em;
	width:1.2em;
	right:0;
	top:0;
}
.cont_ins_doc{
	margin-left:10%;
	margin-right:10%;
}




/*INDEX*/
.cont_index ul.cont_index_list{
	width:100%;
}
.cont_index ul.cont_index_list li{
	width:100%;
}
.cont_index ul.cont_index_list li a{
	margin:0.3em 0 ;
}

/*INFO*/
.cont_info .cont_boxes{
	display:block;
}
.cont_info .cont_boxes>div{
	display:block;
	width:100%;
}
.cont_info .cont_boxes>div{
	border-left:none;
	border-top:1px dotted #6B6B6B;
}
.cont_info .cont_boxes>div:first-child{
	border-top:none;
}
.cont_info .cont_boxes>div>div{
	margin:25px 0;
}
.cont_info h3{
	margin-top:15px;
}
.cont_info h3 .ttl_main {
    font-size: 136%;
}
.cont_info .cont_plans .cont_ttl h4.cont_plantxt {
    font-size: 128.5%;
    padding: 5px 0;
}
.cont_info .cont_plans .cont_schedule {
    padding: 10px;
}

.footerlinks{
	text-align:left;
	padding:25px 0;
}

/*footer*/
.footer_simple2{
	margin-top:0;
}


/*セカンドページ以降*/
.secound .cont_cover{
	width:auto;
}
.secound .cont_cover .cont_mainimg{
	/*width:30%;*/
	display:none;
}
.secound .cont_cover .ttl_box{
	width:68%;
}
.secound .cont_cover .ttl_box{
	float:none;
	width:auto;
}
.secound .cont_cover{
	padding:0;
}
.secound .cont_entinfo{
	margin:5px 0;
}

}


.cont_ent_ttl_121{
	font-size:179%;
	font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Kozuka Mincho Pr6N R", "小塚明朝 Pr6N R", "Hiragino Mincho ProN", "Kozuka Mincho Pro Acro R", "小塚明朝 Pro Acro R", HGPMinchoB, "HGP明朝B", HGPMinchoE, "HGP明朝E", IPAMonaPMincho, "IPA モナー P明朝", "Bitstream Cyberbit", Serif, serif;
	display:block;
	line-height:1.4;
	display:table-cell;
  display: block;
  width: 80%;
  margin-left: auto !important;
  margin-right: auto !important;
}