@charset "utf-8";

/* blog archive
++++++++++++++++++++++++++++++*/
.index-banner img{
  width:100%; height:auto;
}

.index-pickup-box{
	margin:15px auto;
}
.pickup-entry .title-index-latest,
.pickup-entry p.description{display:none;}
.pickup-entry a.latest-entry{
	border:2px solid #FFCC02;
  padding:10px;
	position:relative;
  color:#666;
}
.pickup-entry a.latest-entry .thumbnail{
  height:150px;
  overflow:hidden;
  margin-bottom:5px;
  position:relative;
}
.pickup-entry a.latest-entry .thumbnail img{
  position:absolute;
  top:50%; left:0;
  transform:translateY(-50%);
}
.pickup-entry a.latest-entry h2{
  font-size:13px; line-height:160%;
  color:#006DD9;
}
.pickup-entry a.latest-entry p{
  font-size:11px; line-height:160%;
}
.pickup-entry a.latest-entry p.entry-date{letter-spacing:1px;}
.pickup-entry a.latest-entry span.blog-name{
  display:block;
  letter-spacing:0px;
}

.index-map-box{
	width:272px;
	border:4px solid #55b7a5;
	position:relative;
	margin:25px auto 15px auto;
  overflow:hidden;
}
.index-map-box h2{
	height:24px;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	color:#FFF;
	padding:0 10px;
	background:#55b7a5;
	position:absolute;
	top:0; left:0;
}


ul.index-blog-archive-list{
  font-size:0; line-height:0;
  position:relative;
}
ul.index-blog-archive-list::before{
  content:"";
  width:1px; height:100%;
  border-left:1px dashed #CCC;
  position:absolute;
  top:0; left:50%;
  margin-left:-1px;
}
ul.index-blog-archive-list li{
  width:45%;
  display:inline-block; vertical-align:top;
	margin:0;
  border-top:1px dashed #CCC;
  position:relative;
}
ul.index-blog-archive-list li::before{
  content:"";
  width:80px; height:14px;
  font-size:8px !important; line-height:14px;
  color:#FFF; text-align:center;
  position:absolute;
  top:10px; left:0px; z-index:1;
}
ul.index-blog-archive-list li:nth-child(even)::before{
  left:5px;
}
ul.index-blog-archive-list li.main_cat01::before{
  content:"観光";
  background-color:#fc7516;
}
ul.index-blog-archive-list li.main_cat02::before{
  content:"イベント";
  background-color:#e72a85;
}
ul.index-blog-archive-list li.main_cat03::before{
  content:"グルメ";
  background-color:#77a838;
}
ul.index-blog-archive-list li.main_cat04::before{
  content:"アウトドア";
  background-color:#0888a8;
}
ul.index-blog-archive-list li.main_cat05::before{
  content:"歴史文化";
  background-color:#085480;
}
ul.index-blog-archive-list li.main_cat06::before{
  content:"ちょっとイイ話";
  background-color:#fba108;
}
/*
ul.index-blog-archive-list li::before{
  content:"";
  width:28px; height:28px;
  border-radius:100%;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:16px auto;
  position:absolute;
  top:6px; left:6px; z-index:1;
}
ul.index-blog-archive-list li.main_cat01::before{
  background-color:#fc7516;
  background-image:url(/img2018/svg/white/sightseeing.svg);
}
ul.index-blog-archive-list li.main_cat02::before{
  background-color:#e72a85;
  background-image:url(/img2018/svg/white/event.svg);
}
ul.index-blog-archive-list li.main_cat03::before{
  background-color:#77a838;
  background-image:url(/img2018/svg/white/gourmet.svg);
}
ul.index-blog-archive-list li.main_cat04::before{
  background-color:#0888a8;
  background-image:url(/img2018/svg/white/outdoor.svg);
}
ul.index-blog-archive-list li.main_cat05::before{
  background-color:#085480;
  background-image:url(/img2018/svg/white/culture.svg);
}
ul.index-blog-archive-list li.main_cat06::before{
  background-color:#fba108;
  background-image:url(/img2018/svg/white/koneta.svg);
}
*/
ul.index-blog-archive-list li:nth-child(odd){
  padding:0 5% 0 0;
}
ul.index-blog-archive-list li:nth-child(even){
  padding:0 0 0 5%;
}
ul.index-blog-archive-list li .thumbnail{
	width:100%;
	height:100px;
	overflow:hidden;
  position:relative;
  margin-bottom:5px;
}
ul.index-blog-archive-list li .thumbnail img{
  position:absolute;
  top:50%; left:0;
  transform:translateY(-50%);
}
ul.index-blog-archive-list li .thumbnail-dummy{
	width:100%;
	height:100px;
	overflow:hidden;
	background:#FFF;
	position:relative;
}
ul.index-blog-archive-list li .thumbnail-dummy img{
	width:112px; height:84px;
	position:absolute;
	top:0; bottom:0;
	left:0; right:0;
	margin:auto;
}

ul.index-blog-archive-list li .text-box{
}
ul.index-blog-archive-list li a{
  color:#666;
	display:block;
	position:relative;
  padding:10px 0;
}
ul.index-blog-archive-list li h2{
  font-size:13px; line-height:150%;
  color:#006DD9;
}
ul.index-blog-archive-list li p{
	font-size:11px; line-height:160%;
  letter-spacing:1px;
}
ul.index-blog-archive-list li p span.blog-name{
  display:block;
  line-height:160% !important; letter-spacing:0;
}

.pickup-button{
	text-align:center;
}
.pickup-button a{
	display:block;
	font-size:14px; font-weight:bold; line-height:30px;
	margin:0 auto;
	padding:6px 0 10px 0;
}
.pickup-button a.icon-crown:before,
.pickup-button a.icon-crown-after:after{
	font-size:24px;
	color:#FFA300;
	font-weight:normal;
	display:inline-block;
	position:relative;
	top:3px;
	margin:0 2px;
}

.ad-banner-box{
	width:90%;
	max-width:300px !important;
	margin:0 auto;
}
.ad-banner-box .special-banner-box{
	margin:0 0 10px 0;
}
.ad-banner-box ul.banner-list li{
	width:100%;
	margin:0 auto 10px auto !important;
	display:block !important;
}

.index-info-box{
  width:280px;
  margin:0 auto 0 auto;
  text-align:center;
}
.index-info-box .banner-data,
.index-info-box .banner-movie{margin:0 auto 10px auto;}

.index-ranking-box{
	margin:15px auto;
  width:280px;
}
.index-ranking-box h2{
	margin:0 auto;
	background:#f4705e;
  border-radius:5px 5px 0 0;
  font-size:14px; line-height:30px;
	text-align:center; color:#FFF;
}
.index-ranking-box h2:before,
.index-ranking-box h2:after{
	font-family:"icomoon";
	font-size:18px;
	content:"\e604";
	padding:0 2px;
	font-weight:normal;
	position:relative;
	top:1px;
}
.index-ranking-box h3.ranking-title{
  font-size:15px; line-height:160%; text-align:center;
  margin:5px auto 10px auto;
}
.index-ranking-left,
.index-ranking-right{
  margin:0 auto;
  border:1px solid #f4705e;
  overflow:hidden;
  border-radius:0 0 5px 5px;
}

ul.index-ranking-list{
  width:90%;
  margin:0 auto;
}
ul.index-ranking-list li{
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px dashed #CCC;
}
ul.index-ranking-list li:last-child{
  margin-bottom:0px;
  border-bottom:none;
}
ul.index-ranking-list li .thumbnail{
  width:25%;
  float:left;
  position:relative;
}
ul.index-ranking-list li .thumbnail::before{
  width:24px; height:24px;
  border-radius:100%;
  background:#e7bd2c;
  position:absolute;
  top:-5px; left:-5px;
  color:#FFF;
  font-size:14px; line-height:24px; font-weight:600;
  text-align:center;
}
ul.index-ranking-list li:nth-child(1) .thumbnail::before{
  content:"1";
}
ul.index-ranking-list li:nth-child(2) .thumbnail::before{
  content:"2";
}
ul.index-ranking-list li:nth-child(3) .thumbnail::before{
  content:"3";
}
ul.index-ranking-list li:nth-child(4) .thumbnail::before{
  content:"4";
}
ul.index-ranking-list li:nth-child(5) .thumbnail::before{
  content:"5";
}

ul.index-ranking-list li .text-box{
  width:72%;
  float:right;
}
ul.index-ranking-list li a{color:#666;}
ul.index-ranking-list li a:hover{text-decoration:none;}
ul.index-ranking-list li h3{
  font-size:13px; line-height:140%;
	color:#006DD9;
  margin-bottom:0px;
}
ul.index-ranking-list li h3:hover{
  text-decoration:underline;
}
ul.index-ranking-list li p{
  font-size:11px; line-height:140%;
}
ul.index-ranking-list li p.entry-date{letter-spacing:1px;}

.index-sns-box h2.title-twitter{
	margin:0;
	padding:0;
	font-size:15px;
	line-height:30px;
	color:#FFF;
	background:#00ABEC;
	text-align:center;
	border-radius:5px 5px 0 0;
}
.index-twitter-box{
	margin:0 auto 15px auto;
	border:1px solid #00abec;
	padding:10px;
	border-radius:0 0 5px 5px;
}
.index-sns-box h2.title-facebook{
	margin:0;
	padding:0;
	font-size:15px;
	line-height:30px;
	color:#FFF;
	background:#475995;
	text-align:center;
	border-radius:5px 5px 0 0;
}
.index-facebook-box{
	margin:0 auto 15px auto;
	border:1px solid #475995;
	border-radius:0 0 5px 5px;
}
.index-instagram-button a{
  display:block;
  font-size:15px; line-height:36px;
  text-align:center;
  color:#FFF;
  background:#61473E;
	border-radius:5px;
}

.twitter-box,
.facebook-box,
.instagram-button{
  width:280px;
	margin:0 auto 15px auto;
}
.twitter-box{
	border:1px solid #64ABE7;
	border-radius:5px;
}
.twitter-box h3{
	background:#64ABE7;
	text-align:center;
	color:#FFF;
	font-size:15px; line-height:30px;
	border-radius:5px 5px 0 0;
}
.facebook-box h3{
	background:#3F5392;
	text-align:center;
	color:#FFF;
	font-size:15px; line-height:30px;
	border-radius:5px 5px 0 0;
}
.instagram-button a{
	background:#61473F;
	text-align:center;
	color:#FFF;
	font-size:15px; line-height:36px;
	border-radius:5px;
	display:block;
}


/* archive
++++++++++++++++++++++++++++++*/
#category-title{
	width:100%;
	text-align:center;
	position:relative;
}
#category-title h1{
	font-family: Verdana, sans-serif;
	font-size:20px;
	line-height:160%;
	font-weight:500;
	color:#FFF !important;
	padding:15px 0 15px 14px;
	position:relative;
	left:-14px;
}
#category-title h1:before{
	content:"";
	background-size:auto 26px;
	width:26px; height:26px;
	position:relative;
	top:5px;
	display:inline-block;
	margin-right:5px;
}
#category-title h1 span.size90{
	display:inline-block;
	font-size:16px;
	font-weight:500;
}
#category-title h1 span.size90:before,
#category-title h1 span.size90:after{content:"-"; margin:0 0.5em;}
/* 観光情報 */
.tourist{background:rgba(253,147,72,1);}
.tourist h1:before{background-image:url(/images/common/svg/white/sightseeing.svg);}
/* イベント情報 */
.event{background:rgba(236,88,159,1);}
.event h1:before{background-image:url(/images/common/svg/white/event.svg);}
/* グルメ情報 */
.gourmet{background:rgba(145,196,79,1);}
.gourmet h1:before{background-image:url(/images/common/svg/white/groumet.svg);}
/* アウトドア */
.outdoor{background:rgba(10,175,217,1);}
.outdoor h1:before{background-image:url(/images/common/svg/white/outdoor.svg);}
/* 文化・歴史 */
.culture-history{background:rgba(10,105,160,1);}
.culture-history h1:before{background-image:url(/images/common/svg/white/culture.svg);}
/* ちょっとイイ話 */
.good-story{background:rgba(252,180,58,1);}
.good-story h1:before{background-image:url(/images/common/svg/white/koneta.svg);}
/* エリア別新着 */
.area{background:#AB9F1D;}
.area h1:before{background-image:none;}

#category-title .title-area-box{
	width:94%;
	margin:0 auto;
	font-size:0;
	line-height:0;
	color:#FFF;
	border-top:1px solid #fff;
	padding:12px 0;
}
#category-title .title-area-box p{
	font-size:14px;
	line-height:160%;
	display:inline-block;
	margin:0 0.5em;
}
#category-title .title-area-box ul.area-list{
	font-size:0;
	line-height:0;
	display:inline-block;
}
#category-title .title-area-box ul.area-list li{
	font-size:14px;
	line-height:160%;
	display:inline-block;
}
#category-title .title-area-box ul.area-list li:before{
	content:"｜";
	display:inline-block;
	margin:0 0.5em;
}
#category-title .title-area-box ul.area-list li:last-child:after{
	content:"｜";
	display:inline-block;
	margin:0 0 0 0.5em;
}
#category-title .title-area-box ul.area-list li a{color:#FFF; border-bottom:1px dotted #FFF;}

section.index-blog-archive h2.archive-category-title{
	margin:15px auto;
	text-align:center;
	font-size:15px;
	line-height:40px;
	font-weight:500;
	border:1px solid #999;
	border-radius:19px;
	width:220px;
	position:relative;
}
section.index-blog-archive h2.archive-category-title:before{
	content:"";
	border-top:10px solid #999;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	position:absolute;
	bottom:-10px; left:50%;
	margin-left:-10px;
}
section.index-blog-archive h2.archive-category-title:after{
	content:"";
	border-top:10px solid #fff;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	position:absolute;
	bottom:-9px; left:50%;
	margin-left:-10px;
}

.side-box ul.banner-list{
  font-size:0; line-height:0;
  text-align:center;
}
.side-box ul.banner-list li{
  width:49%;
  display:inline-block; vertical-align:top;
  margin:0 2% 5px 0;
}
.side-box ul.banner-list li:nth-child(even){margin-right:0;}