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

.pl-10 {
  padding-left: 10px;
}

.pl-20 {
  padding-left: 20px;
}

.pb-5 {
  padding-bottom: 5px;
}

/*.pc-image-switch { display: block !important; }
.sp-image-switch { display: none !important; }*/

.bblank:after {
    background: url(/trip/michinohosomichi/news/images/icon-outlink01.png) no-repeat;
    background-size: 50%;
    background-position: 50%;
}

.wblank:after {
    background: url(/trip/michinohosomichi/news/images/icon-outlink02.png) no-repeat;
    background-size: 50%;
    background-position: 50%;
}

.bblank:after,.wblank:after {
    content: "";
    padding-left: 20px;
    width: 12px;
    height: 12px;
}

.arrow:after {
    content: "\02228";
    padding-left: 5px;
    width: 9px;
    height: 9px;
    color: #252525;
}

li {
  list-style: none !important;
}

img[usemap] {
    max-width: 100%;
    height: auto;
}

.sub_nav {
  max-width: 100%;
  height: auto;
  margin: 25px 0 0 0;
  padding-left: 2em;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  -js-display: flex;
  display: flex;
}

.sub_nav_01 img {
  width: 100%;
  max-width: 320px;
}

.sub_nav_02 img {
  width: 100%;
  max-width: 375px;
}

.sub_nav_03 img {
  width: 100%;
  max-width: 319px;
}

.sub_nav li {
  display: inline-block;
  margin-right: 2em;
}

.sub_nav li:last-child{
  margin-right: 0;
}

#menu {
 display: none;
 height: auto;
  padding: 10px 0;
  text-align: center;
}

#menu li {
  padding: 10px;
  margin: 10px auto;
  border: solid 1px #E3E3E3;
  width: 80%;
  color: #252525;
}

.cont01 img {
  width: 100%;
  margin: 80px auto 0 auto;
}

/*.eye_catching {
  position: absolute;
  top: 61%;
  left: -3%;
}*/

.eye_catching img {
  width: 100%;
}

hr {
  height: 1px;
  border: none;
  border-top: 1px #252525 solid;
  margin: 80px auto 0 auto;
}

.cont02 {
  margin: 45px auto 0 auto;
}

.cont02 img {
  width: 100%;
  max-width: 334px;
  height: auto;
}

.cont02 div {
  margin: 35px auto 0 auto;
}

.cont02 div p {
  width: 65%;
  line-height: 2em;
  float: right;
  font-size: 114.2%;
  margin-top: -5px;
}

.cont03 {
  margin: 45px auto 0 auto;
}

.cont03 > p {
  line-height: 1.6em;
  font-size: 114.2%;
}

.cont03 > div {
  margin: 45px auto 0 auto;
}

.cont03_l img {
  width: 100%;
  max-width: 560px;
  height: auto;
  float: left;
}

.cont03_r {
  float: right;
  width: 48%;
  margin-top: -15px;
}

.cont03_r > p:first-child {
  font-family: 'Hiragino Mincho ProN', serif;
}

.cont03_r > h3 {
  margin-top: 10px;
  font-family: 'Hiragino Mincho ProN', serif;
  font-size: 114.2%;
}

a, a:visited {
  color : #333333 !important;
}

.cont03_r ul li {
  display: inline;
}

.date {
  font-size: 85%;
  display: inline-block;
  margin-top: 10px;
}

.label {
  margin-left: -20px;
}

.label li {
  background: #A6A6A6;
  color: #FFFFFF;
  padding: 1px 10px;
  min-width: 2em;
  text-align: center;
  border-top-left-radius: 5px;
}

.cont_tag_cyosensya {
  background: #2D86FD !important;
}

/*タグ*/
.cont_tags{
	margin-top:5px;
}
.cont_tags ul{
	margin:0 0 0 -5px;
	padding:0;
}
.cont_tags ul li{
	float:left;
}
.cont_tags ul li>div{
	margin-top:5px;
	margin-left:5px;
	background:#A6A6A6;
	color:#FFFFFF;
	padding:1px 10px;
	font-size:85.7%;
	min-width:2em;
	text-align:center;
	border-top-left-radius:5px;
}
.cont_tags ul li>div:hover{
	text-decoration:underline;
	cursor:pointer;
}
.cont_tags ul li>div.cont_tag_meijin{
	background:#B051E0;
}
.cont_tags ul li>div.cont_tag_densetsu{
	background:#83DD52;
}
.cont_tags ul li>div.cont_tag_matsuri{
	background:#F86F3A;
}
.cont_tags ul li>div.cont_tag_cyosensya{
	background:#2D86FD;
}
.cont_tags ul li>div.cont_tag_anaba{
	background:#FD5FA4;
}


/*サーチメニュー*/
.cont_searchmenu{
}
.cont_searchmenu h2{
	margin:0;
	padding:1em 0;
}
.cont_searchmenu .cont_searchlists{
	background:#efeeef;
	padding:1.7em 0;
	border-top:1px solid #d3d3d3;
}
.cont_searchmenu .cont_search_wrap{
}

.cont_searchmenu .cont_selectmenu{
	float:left;
	margin-top:5px;
}
.cont_searchmenu .cont_selectmenu ul{
	margin:0;
	padding:0;
}
.cont_searchmenu .cont_selectmenu ul li{
	float:left;
	margin:0 0 0 -5px;;
	padding:0;
}
.cont_searchmenu .cont_selectmenu ul li>div{
	margin:5px;
}
.cont_searchmenu .cont_selectmenu ul li select{
	/*width:100%;*/
	padding:2px 20px 2px 0;
	color:#5E5C5C;
}
.cont_searchmenu .cont_viewstyles{
	float:right;
}
.cont_searchmenu .cont_viewstyles ul {
	margin:0;
	padding:0;
}
.cont_searchmenu .cont_viewstyles ul li{
	float:left;
}
.cont_searchmenu .cont_viewstyles ul li>div{
	margin:0 5px;
	text-align:center;
}
.cont_searchmenu .cont_viewstyles a{
	width:45px;
	height:43px;
	display:block;
}
.cont_searchmenu .cont_viewstyles a{
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
.cont_searchmenu .cont_viewstyles a.cont_btn_thumb{
	background:url(/resources/img/trip/michinohosomichi/top/icon_thumb_off.png) no-repeat;
}
.cont_searchmenu .cont_viewstyles a.cont_btn_thumb.selected , .cont_searchmenu .cont_viewstyles a.cont_btn_thumb:hover{
	background:url(/resources/img/trip/michinohosomichi/top/icon_thumb_on.png) no-repeat;
}
.cont_searchmenu .cont_viewstyles a.cont_btn_list{
	background:url(/resources/img/trip/michinohosomichi/top/icon_list_off.png) no-repeat;
}
.cont_searchmenu .cont_viewstyles a.cont_btn_list.selected , .cont_searchmenu .cont_viewstyles a.cont_btn_list:hover{
	background:url(/resources/img/trip/michinohosomichi/top/icon_list_on.png) no-repeat;
}
.cont_searchmenu .cont_viewstyles a.cont_btn_map{
	background:url(/resources/img/trip/michinohosomichi/top/icon_map_off.png) no-repeat;
}
.cont_searchmenu .cont_viewstyles a.cont_btn_map.selected , .cont_searchmenu .cont_viewstyles a.cont_btn_map:hover{
	background:url(/resources/img/trip/michinohosomichi/top/icon_map_on.png) no-repeat;
}
.cont_searchmenu #reset_btn{
	background:#949494;
	color:#FFFFFF;
	border:none;
	padding:3px 7px;
	/*border-radius:5px;*/
}


/*エントリーリスト*/
.cont_ent_wrapper{
	padding-top:50px;
}
.cont_ent_wrapper>div{
	position:relative;
}
.cont_ent_wrapper .cont_entries{
	width:71%;
	float:left;
}

/*リスト切り換え*/
.cont_ent_wrapper.list_view .cont_list_wrap{
}
.cont_ent_wrapper.list_view .cont_map_wrap{
	/*display:none;*/
	height:0;
	overflow:hidden;
}

.cont_ent_wrapper.map_view .cont_list_wrap{
	/*display:none;*/
	height:0;
	overflow:hidden;
}
.cont_ent_wrapper.map_view .cont_map_wrap{
	position:static;
}

div.cont_list_wrap{
  padding-top:45px;
}
div.cont_ent_list{
	margin-top:0;
}

}
div.cont_ent_sidebar .cont_inner{
	background:#fafafa;
	border-radius:5px;
	border:1px solid #d7d2d2;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:15px 13px;
}
div.cont_ent_sidebar .cont_side_box:first-child{
	margin-bottom:30px;
}
div.cont_ent_sidebar .cont_side_box ul{
	padding-left:0;
}
div.cont_ent_sidebar .cont_side_box ul>li{
	margin-bottom:0.5em;
}
div.cont_ent_sidebar .cont_side_box ul>li span{
	display:block;
	font-size:85.7%;
	color:#989898;
	padding-left:13px;
}
#cont_ent_area:after{
	content:"";
	display:block;
	clear:both;
}
#cont_ent_area .cont_btn_onoff.btn_selected .cont_ent_texts h3{/*ボタンオーバー＆タップ*/
	text-decoration:underline;
}
.cont_ent_list .cont_ent_texts h3 , .cont_ent_list .cont_ent_texts p{
	margin-top:5px;
	font-family:'Hiragino Mincho ProN', serif;
}

.cont_ent_list .cont_ent_texts p.cont_update{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:85.7%;
	color:#5A5A5A;
}
.cont_ent_list .cont_ent_texts h3 {
	font-size:128.5%;
	font-family:'Hiragino Mincho ProN', serif;
  max-width: 280px;
}
.cont_ent_list a{
	color:#212121;
}
.cont_ent_list .cont_ent_texts h3 .cont_sttl{
	font-size:80%
}
.cont_ent_list .cont_more{
	text-align:center;
	background:#EBEBEB;
	border:1px solid #C9C9C9;
	cursor:pointer;
}


/*サムネイル表示*/
.cont_ent_list .cont_viewtype_thumb{
	padding:0;
	margin:0 0 0 -25px;
}
.cont_ent_list .cont_viewtype_thumb > li {
	width:33.3%;
	float:left;
	margin-bottom:100px;
}
.cont_ent_list .cont_viewtype_thumb > li > div {
	margin-left:25px;
}
.cont_ent_list .cont_viewtype_thumb .cont_sttl{
	display:block;
}
.cont_ent_list .cont_viewtype_thumb > li:nth-child(3n+1){
	clear:left;
}


/*リスト表示*/
.cont_ent_list .cont_viewtype_list{
	padding-left:0;
}
.cont_ent_list .cont_viewtype_list >li{
	width:100%;
	float:none;
	display:block;
	overflow:hidden;
	margin-bottom:50px;
}
.cont_ent_list .cont_viewtype_list >li .cont_ent_img {
	width:17%;
	float:left;
}
.cont_ent_list .cont_viewtype_list >li .cont_ent_texts{
	margin-left:19%;
}
/*.cont_ent_list .cont_viewtype_list >li .cont_ent_texts p , .cont_ent_list .cont_viewtype_list >li .cont_ent_texts h3{
	display:inline-block;
}*/
.cont_ent_list .cont_viewtype_list >li .cont_ent_texts p.cont_update{
	float:left;
	margin-top:7px;
}
.cont_ent_list .cont_ent_texts h3 {
	margin-bottom:5px;
}
.cont_ent_list .cont_ent_texts h3 span:first-child{
	margin-right:0.5em;
}
.cont_ent_list .cont_viewtype_list >li .cont_tags , .cont_ent_list .cont_viewtype_list >li .cont_update , .cont_ent_list .cont_viewtype_list >li .cont_ent_texts h3, .cont_ent_list .cont_viewtype_list >li .cont_ent_texts p{
	margin-top:0;
}
.cont_ent_list .cont_viewtype_list >li .cont_ent_texts p.cont_update{
	margin-right:1em;
}

.noentry{
	text-align:center;
}
.noentry.hide{
	display:none;
}

.bottom {
  background-image: url("/trip/michinohosomichi/news/images/pc_bottom_bg.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin: 80px auto 0 auto;
  width: 100%;
  position: relative;
}

.ryokoukikon {
  margin: 70px 0 0 12px;
}

.rogo {
  margin: 8px 0 0 50px;
  width: 100%;
  max-width: 250px;
}

.bottom_con {
  width: 100%;
  height: auto;
}

.bottom_l {
  float: left;
  width: 45%;
}

.bottom_l p {
  max-width: 100%;
  height: auto;
  margin: 25px 0 0 12px;
  font-family: 'Hiragino Mincho ProN', serif;
  font-size: 114.2%;
}

.bottom_r {
  float: right;
  padding-right: 12px;
}

.bottom_r img {
  margin: -100px 12px 0 0;
  width: 100%;
}

.bottom_r span {
  display: block;
  font-family: 'Hiragino Mincho ProN', serif;
  font-size: 85%;
  margin-top: 5px;
}

.bottom_b {
  margin: 40px auto 40px auto;
  width: 100%;
  font-family: 'Hiragino Mincho ProN', serif;
  font-size: 137%;
  line-height: 2.2em;
  border-radius: 20px;
  background-color: #f2f1e6;
  border: 2px solid #333;
}

.white {
  background-color: #fefefe;
  border-top: dashed 2px #333;
  border-bottom: dashed 2px #333;
  margin-top: 5px!important;
  margin-bottom: 5px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}

.bottom_b p {
  margin: 0;
}

.bottom_b p:first-child {
  padding: 14px 0 9px 0;
}

.bottom_b span:first-child {
  padding-right: 20px;
  color: #960404;
}

.bottom_b_index {
  background-image: url("/trip/michinohosomichi/news/images/book.png");
  background-repeat: no-repeat;
  background-position: 9px;
  font-size: 110%;
  padding-left: 3em !important;
}

#slide {
  position: fixed;
  padding-right: 10px;
  width: 300px;
  height: 50px;
  bottom: 5px;
  right: 5px;
  color: #fff;
  background-color: rgba(37,37,37,0.8);
  border-radius: 10px;
  /*border-left: solid 1px #999;
  border-top: solid 1px #999;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);*/
  z-index: 1;
}
#slide-in {
padding: 10px 5px;
width: 100%;
/*background-image: linear-gradient(45deg, transparent 10px, rgba(254, 209, 198, 1) 10px),
 linear-gradient(-45deg, transparent 10px, rgba(254, 209, 198, 1) 10px);
  -ms-linear-gradient(45deg, transparent 10px, rgba(254, 209, 198, 1) 10px),
   -ms-linear-gradient(-45deg, transparent 10px, rgba(254, 209, 198, 1) 10px);*/
background-size: 12px 12px;
background-repeat: repeat-x;
}
#slide a {
text-decoration: underline!important;
cursor: pointer;
}
#slide h3 {
    margin: 5px;
}

#slide p {
    margin: 10px;
}

p.btn {
    margin-top: 1em!important;
    background-color: #bad45c;
    color: #2b2b2b;
    font-weight: bold;
    padding: 1em;
    border-radius: 5px;
    font-size: 110%;
    text-align: center;
}

#slide #open-btn {
    position: absolute;
    right: 15px;
    top: 0;
    width: 20px;
    height: 35px;
    cursor: pointer;
    background: url("/trip/michinohosomichi/news/images/close-btn.gif");
    background-position: 0 15px;
    background-repeat: no-repeat;
}

#open-btn img {
  position: absolute;
  top: 15px;
  right: 0;
}

#slide-contents .botton {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 15px 15px 11px;
  color: #fefbf6;
  border: 1px solid #181818;
  border-radius: 4px;
  text-align: center;
  background-color: #181818;
  cursor: pointer;
  -webkit-transition: background-color .25s ease,color .25s ease;
  transition: background-color .25s ease,color .25s ease;
}

.sns_wrap {
 text-align: right;
 padding: 0;
 line-height: 0;
}

.sns_wrap>div{
  line-height: 0;
  vertical-align: top;
}

@media screen and (max-width:1100px){
.cont_wrap>div{
	padding:0 10px;
}

.cont03_l img {
  max-width: 50%;
}

.bottom_l{
  float: none;
  width: 100%;
}

.bottom_r {
  float: none;
}

.bottom_r img {
  margin: 10px auto 0 auto;
  display: block;
  max-width: 560px;
}
}

@media screen and (max-width:960px){
.cont02 div p {
	width: 60%
}
}

@media screen and (max-width:890px){
.cont02 div p {
	width: 100%;
  float: none;
  margin: 10px 0 0 0;
}

.cont02_01 img {
  display: block;
  margin: 0 auto;
}
}

@media screen and (max-width:768px){
.cont02 img:first-child {
 width: 60%;
}

.cont03 > div {
  margin: 20px auto 0 auto;
}

.cont03_l img {
  max-width: 560px;
  float: none;
}

.cont03_r{
 width: 100%;
 float: none;
}

.bottom {
  background-image: url("/trip/michinohosomichi/news/images/sp_bottom_bg.png");
  background-size: 100% auto;
  margin: 40px auto 0 auto;
  width: 100%;
}

.ryokoukikon {
  width: 60%;
}

.rogo {
  width: 40%;
}
}

@media screen and (max-width:640px){
/*.pc-image-switch {
 display: none !important;
}
.sp-image-switch {
 display: block !important;
}*/

.sub_nav {
  display: none;
}

.none{
  cursor:default;
}

h1{
  margin-top: 40px;
}
.page_head #breadcrumb {
  display: none;
}

.page_head {
  position: relative;
}

.menu_btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  background-color: #000;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.menu_trigger,
.menu_trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.menu_trigger {
  position: relative;
  width: 34px;
  height: 34px;
}

.menu_trigger.active {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.menu_trigger span {
  position: absolute;
  left: 8px;
  width: 18px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px
}

.menu_trigger, .menu_trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menu_trigger span:nth-of-type(1) {
  top: 8px;
}
.menu_trigger span:nth-of-type(2) {
  top: 16px;
}
.menu_trigger span:nth-of-type(3) {
    top: 24px;
}

a:hover, a:active {
    outline: none;
    color: #333;
}

.menu_trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
}
.menu_trigger.active span:nth-of-type(2) {
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
.menu_trigger.active span:nth-of-type(3) {
    opacity: 0;
}

.cont01 img {
  margin: 0 auto;
}

.cont03 > img {
  width: 60%;
}

.ryokoukikon {
  margin: 40px 0 0 12px;
}

.outline{
	background-size:180% auto;
}

.cont_header {
    padding-bottom: 20px;
}
.cont_header .cont_head_read{
	margin-top:10px;
}
.cont_header .cont_head_read .txt_read{
	max-width:90%;
	margin:auto;
}

.cont_tags{
	font-size:85.7%;
	/*margin-top:5px;*/
}

/*切り換えボタン*/
.cont_searchmenu .cont_viewstyles{
	float:none;
	padding:5px 0;
	clear:both;
}
.cont_searchmenu .cont_viewstyles ul{
	/*text-align:center;*/
}
.cont_searchmenu .cont_viewstyles ul li{
	display:inline-block;
	float:none;
}

/*エントリーリスト*/
.cont_ent_wrapper{
	padding-top:0;
	overflow:hidden;
	}
.cont_ent_wrapper .cont_entries{
	width:auto;
	float:none;;
}
.cont_tags ul:after{
	display:block;
	content:"";
	clear:both;
}
div.cont_ent_sidebar .cont_side_box ul {
	font-size:85.7%;
}
.cont_viewtype_thumb .cont_ent_img{
	text-align:center;
}
.cont_ent_list .cont_ent_texts h3{
	font-size:114.2%;
}
.cont_ent_list .cont_viewtype_thumb > li , .cont_ent_list .cont_viewtype_list > li {
	width:auto;
	float:none;
	margin-bottom:0;
	padding:20px 0;
	border-bottom:1px dashed #D3D3D3;
}
.cont_ent_list .cont_viewtype_thumb > li:last-child , .cont_ent_list .cont_viewtype_list > li:last-child {
	border-bottom:none;
}
/*リスト表示*/
.cont_ent_list .cont_viewtype_list >li .cont_tags{
	clear:left;
}
.cont_ent_list .cont_viewtype_list >li .cont_ent_texts p.cont_update{
	margin-top:0;
}
.cont_ent_list .cont_viewtype_list >li .cont_ent_texts h3 span{
	display:block;
}
.cont_ent_list .cont_viewtype_list >li .cont_ent_img{
	/*display:none;*/
}
.cont_ent_list .cont_viewtype_list >li .cont_ent_texts{
	margin-left:20%;
}
.cont_ent_wrapper.map_view .cont_map_wrap{
	margin-top:20px;
}
#map_canvas{
	height:350px;
}

.cont01 {
  margin: 20px auto 0 auto;
}

.eye_catching img  {
  width: 40%;
}

hr {
    margin: 40px auto 0 auto;
}

.cont02,.cont03 {
  margin: 20px auto 0 auto;
}

.cont02 div {
  margin: 20px auto 0 auto;
}

.cont02 div p {
    width: 100%;
    float: left;
    font-size: 100%;
    margin-top: 15px;
    line-height: 1.6em;
}

.label {
  margin-top: 10px;
}

div.cont_list_wrap {
  padding-top: 0;
}

.cont03 > p {
    font-size: 100%;
}

.cont03_l img {
  margin-top: 10px;
}

.cont03_r {
     float: left;
    width: 100%;
    margin-top: 0;
}

.cont03_r {
  border-bottom: 1px dashed #D3D3D3;
}

.cont03_r p {
  margin-bottom: 10px;
}

.cont03 > div {
  margin: 0 auto;
}

.bottom {
  height: auto;
  margin: 40px auto 0 auto;
}

.bottom_l p {
  font-size: 100%;
  width: 100%;
  margin: 10px 0 0 0;
}

.bottom_b {
  margin: 15px auto 40px auto;
  font-size: 100%;
  height: auto;
  line-height: 1.6em;
}

.bottom_r {
  padding: 0;
}

.bottom_r img {
  margin: 20px 12px 0 0;
}


}