@charset "utf-8";

#index-billboard{
  width:100%; height:420px;
  position:relative;
}
#index-billboard .billboard-text-box{
  width:800px; height:420px;
  position:absolute;
  top:0; left:50%; z-index:1;
  transform:translateX(-50%);
}
#index-billboard .billboard-text-box img{
  width:70px; height:313px;
  margin:43px 0 0 80px;
}
#topics-ticker-box{background:#f3f3f3;}
#topicsticker{
  width:950px; height:42px;
  padding-right:150px;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}
#topicsticker ul{
  position:relative;
  text-align:left;
}
#topicsticker ul li{
  font-size:13px;
  line-height:42px;
/* 1件のみ表示させるためカット
  display:none;
*/
}
#topicsticker ul li a{
  color:#222;
}
#topicsticker ul li span.entry-date{
  font-size:13px;
  display:inline-block;
  margin-right:1.5em;
}
#topicsticker .ticker-more-button{
  position:absolute;
  top:9px; right:0; z-index:1;
}
#topicsticker .ticker-more-button a{
  display:block;
  width:100px; height:20px;
  font-size:11px; line-height:19px;
  color:#222; text-align:center;
  border:1px solid #999;
  border-radius:11px;
  background:#F3F3F3;
}
#topicsticker .ticker-more-button a:hover{
  color:#FFF;
  background:#999;
  text-decoration:none;
}

.index-contents{
  width:1100px;
  margin:0 auto;
  padding:30px 0;
  position:relative;
}

.index-data-box{
  width:693px;
  border-right:1px solid #CCC;
  padding-right:43px;
  float:left;
  text-align:left;
}
.index-movie-box{
  width:320px;
  margin-left:43px;
  float:right;
  text-align:left;
}
.index-pickup-topics{
  width:100%;
  border-bottom:1px solid #CCC;
  padding-bottom:10px;
  margin-bottom:40px;
}
.index-pickup-topics p{
  margin-bottom:30px;
}
.index-pickup-topics a img{
  width:600px !important;
  margin:0 auto;
}
.index-data-box h2,
.index-movie-box h2{
  margin-bottom:20px;
}
.index-data-box h2 img,
.index-movie-box h2 img{
  width:auto; height:21px;
  margin-bottom:5px;
}
.index-data-box h2 span,
.index-movie-box h2 span{
  font-size:14px; line-height:160%;
}

ul.index-data-list{
  font-size:0; line-height:0;
}
ul.index-data-list li{
  width:200px;
  font-size:10px; line-height:160%;
  display:inline-block; vertical-align:top;
  margin:0 40px 40px 0;
}
ul.index-data-list li:nth-child(3n){margin-right:0;}
ul.index-data-list li .thumbnail{
  width:200px; height:161px;
  margin:0 auto 5px auto;
  position:relative;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:200px auto;
}
ul.index-data-list li .thumbnail .data01,
ul.index-data-list li .thumbnail .data02{
  width:74px; height:74px;
  border-radius:100%;
  position:absolute;
  bottom:0;
  background:rgba(113,126,47,1);
  font-size:18px; line-height:20px; font-weight:500;
  text-align:center;
  color:#FFF; letter-spacing:0;
}
ul.index-data-list li .thumbnail .data01{right:0;}
ul.index-data-list li .thumbnail .data02{left:0;}
ul.index-data-list li .thumbnail .data01 span.data,
ul.index-data-list li .thumbnail .data02 span.data{
  position:absolute;
  top:50%; left:8%;
  transform:translateY(-50%);
  width:84%;
}
ul.index-data-list li .thumbnail .data01 span.data-label,
ul.index-data-list li .thumbnail .data02 span.data-label{
  display:block;
  font-size:13px; line-height:16px; font-weight:500;
}

ul.index-data-list li .text-box{
  text-align:center;
}
ul.index-data-list li .text-box h3{
  font-size:15px; line-height:160%;
}
ul.index-data-list li .text-box h3 span{
  display:inline-block;
  margin-left:0.5em;
}

ul.index-movie-list li{
  margin:0 auto 40px auto;
  font-size:14px; line-height:160%;
}
ul.index-movie-list li a{
  display:block;
  position:relative;
}
ul.index-movie-list li a::before{
  content:"";
  width:48px; height:48px;
  background-image:url(../../img/movie/playbutton_off.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:48px auto;
  position:absolute;
  top:0; bottom:0; left:0; right:0;
  z-index:1;
  margin:auto;
}
ul.index-movie-list li a:hover::before{
  background-image:url(../../img/movie/playbutton_on.png);
}

#blog-box{background:#f9f9f9;}
.index-blog-entry-box{
  width:770px;
  float:left;
  text-align:left;
}
.index-blog-side-box{
  width:300px;
  float:right;
}
.index-blog-entry-box h2{
  margin-bottom:10px;
}
.index-blog-entry-box h2 img{
  width:200px; height:auto;
  display:inline-block;
}
.index-blog-entry-box h2 span{
  font-size:14px; line-height:160%;
  display:inline-block;
  margin-left:20px;
}
ul.index-blog-list{
  font-size:0; line-height:0;
}
ul.index-blog-list li{
  width:240px;
  display:inline-block; vertical-align:top;
  margin:0 20px 30px 0;
  font-size:12px; line-height:160%;
  position:relative;
}
ul.index-blog-list li::before{
  content:"";
  width:100px; height:20px;
  font-size:11px; line-height:19px;
  color:#FFF; text-align:center;
  position:absolute;
  top:0px; left:0px; z-index:2;
}
ul.index-blog-list li.main_cat01::before{
  content:"観光";
  background-color:#fc7516;
}
ul.index-blog-list li.main_cat02::before{
  content:"イベント";
  background-color:#e72a85;
}
ul.index-blog-list li.main_cat03::before{
  content:"グルメ";
  background-color:#77a838;
}
ul.index-blog-list li.main_cat04::before{
  content:"アウトドア";
  background-color:#0888a8;
}
ul.index-blog-list li.main_cat05::before{
  content:"歴史文化";
  background-color:#085480;
}
ul.index-blog-list li.main_cat06::before{
  content:"ちょっとイイ話";
  background-color:#fba108;
}
/*
ul.index-blog-list li::before{
  content:"";
  width:42px; height:42px;
  border-radius:100%;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:26px auto;
  position:absolute;
  top:-6px; left:-6px;
}
ul.index-blog-list li.main_cat01::before{
  background-color:#fc7516;
  background-image:url(/img2018/svg/white/sightseeing.svg);
}
ul.index-blog-list li.main_cat02::before{
  background-color:#e72a85;
  background-image:url(/img2018/svg/white/event.svg);
}
ul.index-blog-list li.main_cat03::before{
  background-color:#77a838;
  background-image:url(/img2018/svg/white/gourmet.svg);
}
ul.index-blog-list li.main_cat04::before{
  background-color:#0888a8;
  background-image:url(/img2018/svg/white/outdoor.svg);
}
ul.index-blog-list li.main_cat05::before{
  background-color:#085480;
  background-image:url(/img2018/svg/white/culture.svg);
}
ul.index-blog-list li.main_cat06::before{
  background-color:#fba108;
  background-image:url(/img2018/svg/white/koneta.svg);
}
*/
ul.index-blog-list li:nth-child(3n){margin-right:0;}
ul.index-blog-list li a{color:#666;}
ul.index-blog-list li a:hover{text-decoration:none;}
ul.index-blog-list li .thumbnail{
  width:240px; height:150px;
  overflow:hidden;
  margin-bottom:5px;
}
ul.index-blog-list li .thumbnail-dummy{
	margin:0 0 10px 0;
	height:148px;
	overflow:hidden;
	border:1px solid #CCC;
	background:#FFF;
	position:relative;
}
ul.index-blog-list li .thumbnail-dummy img{
	width:160px; height:120px;
	position:absolute;
	top:0; bottom:0;
	left:0; right:0;
	margin:auto;
}
ul.index-blog-list li h3{
  font-size:15px; line-height:140%;
	color:#006DD9;
  margin-bottom:5px;
}
ul.index-blog-list li h3:hover{text-decoration:underline;}
ul.index-blog-list li p.entry-date{letter-spacing:1px;}
ul.index-blog-list li span.blog-name{
  display:block;
  letter-spacing:0px;
}
ul.blog-category-list{
  font-size:0; line-height:0;
  border-top:1px dashed #CCC;
  padding-top:30px;
  margin-bottom:30px;
}
ul.blog-category-list li{
  font-size:13px; line-height:160%; font-weight:600;
  text-align:center;
  display:inline-block; vertical-align:top;
  width:120px;
  margin:0 10px 0 0;
}
ul.blog-category-list li:last-child{margin-right:0;}
ul.blog-category-list li a{
  display:block;
  color:#222;
  position:relative;
}
ul.blog-category-list li a::before{
  content:"";
  width:80px; height:80px;
  display:block;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:36px auto;
  border-radius:100%;
  margin:0 auto 5px auto;
  transition:0.2s;
}
ul.blog-category-list li:nth-child(1) a::before{
  background-color:#fc7516;
  background-image:url(/img2018/svg/white/sightseeing.svg);
}
ul.blog-category-list li:nth-child(2) a::before{
  background-color:#e72a85;
  background-image:url(/img2018/svg/white/event.svg);
}
ul.blog-category-list li:nth-child(3) a::before{
  background-color:#77a838;
  background-image:url(/img2018/svg/white/gourmet.svg);
}
ul.blog-category-list li:nth-child(4) a::before{
  background-color:#0888a8;
  background-image:url(/img2018/svg/white/outdoor.svg);
}
ul.blog-category-list li:nth-child(5) a::before{
  background-color:#085480;
  background-image:url(/img2018/svg/white/culture.svg);
}
ul.blog-category-list li:nth-child(6) a::before{
  background-color:#fba108;
  background-image:url(/img2018/svg/white/koneta.svg);
}
ul.blog-category-list li a:hover{text-decoration:none;}
ul.blog-category-list li:nth-child(1) a:hover{color:#fc7516;}
ul.blog-category-list li:nth-child(2) a:hover{color:#e72a85;}
ul.blog-category-list li:nth-child(3) a:hover{color:#77a838;}
ul.blog-category-list li:nth-child(4) a:hover{color:#0888a8;}
ul.blog-category-list li:nth-child(5) a:hover{color:#085480;}
ul.blog-category-list li:nth-child(6) a:hover{color:#fba108;}
ul.blog-category-list li a:hover::before{
  background-size:42px auto;
  transition:0.2s;
}

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

.index-ranking-box{
  width:292px;
  border:4px solid #f4705e;
  background:#FFF;
  text-align:left;
}
.index-ranking-box h2{
  height:24px;
  font-size:13px; line-height:20px; font-weight:600;
  color:#FFF;
  padding:0 0 0 30px;
  background:#f4705e;
  position:relative;
}
.index-ranking-box h2::before{
  content:"";
  width:18px; height:18px;
  display:block;
  background-image:url(/img2018/svg/white/crown.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:18px auto;
  position:absolute;
  top:0; left:10px;
}
.index-ranking-box-inner{
  margin:10px 15px;
}
.index-ranking-box-inner h3{
  font-size:14px; line-height:160%;
  margin-bottom:10px;
}
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:80px;
  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:175px;
  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;}

h2.title-instagram{
  text-align:left;
}
h2.title-instagram img{
  width:auto; height:21px;
  display:inline-block;
}
h2.title-instagram span{
  font-size:14px; line-height:160%;
  display:inline-block;
  margin-left:20px;
}
.instagram-title-box{
  width:1100px;
  margin:-10px auto 10px auto;
  text-align:left;
  position:relative;
}
.instagram-title-box h3{
  font-size:16px; line-height:160%;
  padding-left:30px;
  position:relative;
}
.instagram-title-box h3::before{
  content:"";
  display:block;
  width:24px; height:24px;
  background-image:url(/img2018/svg/instagram.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:24px auto;
  position:absolute;
  top:0; left:0;
}
.instagram-title-box p{
  position:absolute;
  top:0; right:0;
  font-size:14px; line-height:160%;
}
ul.instagram-photo-list{
  font-size:0; line-height:0;
}
ul.instagram-photo-list li{
  width:calc(100% / 8);
  display:inline-block; vertical-align:top;
}

.wdi_feed_container{
  border-bottom:none !important;
}
.wdi_feed_item{
  width:calc(100% / 8) !important;
}
.wdi_photo_wrap{
  width:100% !important;
  padding:0 !important;
}
.wdi_photo_wrap_inner{
  border:none !important;
}

.facebook-box,
.twitter-box{
  width:460px;
  border:1px solid #CCC;
  padding:25px 29px;
  text-align:left;
}
.facebook-box{float:left;}
.twitter-box{float:right;}
.facebook-box h3,
.twitter-box h3{
  font-size:16px; line-height:160%;
  padding-left:30px;
  margin-bottom:10px;
  position:relative;
}
.facebook-box h3::before,
.twitter-box h3::before{
  content:"";
  display:block;
  width:24px; height:24px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:24px auto;
  position:absolute;
  top:0; left:0;
}
.facebook-box h3::before{
  background-image:url(/img2018/svg/facebook.svg);
}
.twitter-box h3::before{
  background-image:url(/img2018/svg/twitter.svg);
}
.twitter-box h3 span.tw-follow-button{
  position:absolute;
  top:0; right:0;
}

#index-topics-box{
  text-align:left;
}
#index-topics-box h2{
  width:84px; height:21px;
  float:left;
}
ul.index-topics-list{
  width:940px;
  float:right;
  margin-bottom:15px;
}
ul.index-topics-list li{
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:1px dashed #CCC;
}
ul.index-topics-list li:last-child{
  padding-bottom:0;
  border-bottom:none;
}
ul.index-topics-list li span.entry-date{
  font-size:12px; line-height:160%;
  letter-spacing:1px;
  display:inline-block;
  margin-right:20px;
}

#index-shinshu-brand-box{background:#f9f9f9;}
#index-shinshu-brand-box h2{
  text-align:left;
  margin-bottom:20px;
}
#index-shinshu-brand-box h2 img{
  width:auto; height:21px;
  display:inline-block;
}
#index-shinshu-brand-box h2 span{
  font-size:14px; line-height:160%;
  display:inline-block;
  margin-left:20px;
}
ul.index-shinshu-brand-list{
  font-size:0; line-height:0;
  margin-bottom:20px;
}
ul.index-shinshu-brand-list li{
  width:220px;
  display:inline-block; vertical-align:top;
  margin:0 20px 20px 0;
  padding:20px;
  background:#FFF;
  box-shadow:2px 2px 4px #CCC;
  font-size:13px; line-height:160%;
  text-align:left;
}
ul.index-shinshu-brand-list li:nth-child(4n){margin-right:0;}
ul.index-shinshu-brand-list li .thumbnail{
  margin-bottom:10px;
}
ul.index-shinshu-brand-list li a{color:#222;}
ul.index-shinshu-brand-list li a:hover{text-decoration:none;}
ul.index-shinshu-brand-list li h3{
  font-size:15px; line-height:160%;
	color:#006DD9;
  margin-bottom:5px;
}
ul.index-shinshu-brand-list li h3:hover{
  text-decoration:underline;
}