@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@font-face {
font-family: "YakuHanJPs";
font-style: normal;
font-weight: 400;
font-weight: 500;
src: url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/css/YakuHanJPs/YakuHanJPs-Regular.eot);
src: url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/css/YakuHanJPs/YakuHanJPs-Regular.woff2) format("woff2"),
url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/css/YakuHanJPs/YakuHanJPs-Regular.woff) format("woff");
}
@font-face {
font-family: "YakuHanJPs";
font-style: normal;
font-weight: 500;
font-weight: 600;
src: url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/css/YakuHanJPs/YakuHanJPs-Medium.eot);
src: url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/css/YakuHanJPs/YakuHanJPs-Medium.woff2) format("woff2"),
url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/css/YakuHanJPs/YakuHanJPs-Medium.woff) format("woff");
}
@font-face {
font-family: "YakuHanJPs";
font-style: normal;
font-weight: 700;
src: url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/css/YakuHanJPs/YakuHanJPs-Bold.eot);
src: url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/css/YakuHanJPs/YakuHanJPs-Bold.woff2) format("woff2"),
url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/css/YakuHanJPs/YakuHanJPs-Bold.woff) format("woff");
}

html,
body{
font-family: 'Lato', "YakuHanJPs", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
width:100%;
font-size:15px;
line-height:160%;
color:#222;
font-weight:500;
text-align:center;
-webkit-text-size-adjust:100%;
min-width:1180px;
background:#FFF;
overflow-x: hidden;
overflow-wrap:break-word !important;
word-wrap:break-word !important;
}
.size90{font-size:13px; line-height:180%;}
.size85{font-size:12px; line-height:180%;}
.size80{font-size:0.8em; line-height:180%;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
a{
color:#006DD9;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.left,
.alignleft{
float:left;
margin:0 20px 20px 0;
}
.right,
.alignright{
float:right;
margin:0 0 20px 20px;
}
.aligncenter{
margin:0 auto 20px auto;
display:block;
}
.hissu{color:#FF0000 !important;}
.pc-block{display:block !important;}
.pc-none{display:none !important;} *{margin:0; padding:0; font-style:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display: block;
}
img{border:none; display:block;}
.left{float:left; display:inline;}
.left img{margin-right:20px;}
.right{float:right; display:inline;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.clear{clear:both; display:block;}
li{list-style:none;} .clearfix:after{
content:" ";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix{display:inline-block;} * html .clearfix{height:1%;}
.clearfix{display:block;}
 ul#fixed-sns-list{
position:fixed;
top:50%; right:0; z-index:3;
transform:translateY(-50%);
background:rgba(255,255,255,0.8);
padding:14px 6px 14px 8px;
border-radius:5px 0 0 5px;
}
ul#fixed-sns-list li{
width:32px; height:32px;
margin:0 0 5px 0;
}
ul#fixed-sns-list li:last-child{margin:0;} header{ width: 1100px;  height: 150px;
margin:0 auto;
text-align:center;
position:relative;
}
header #title{ width: 240px; height: 57px;
margin:0 auto;
padding:38px 0 17px 0;
}
nav#header-nav{
position:absolute;
top:5px; right:0;
}
nav#header-nav ul{
font-size:0; line-height:0;
text-align:right;
}
nav#header-nav ul li{
font-size:12px; line-height:160%;
display:inline-block; vertical-align:top;
margin-left:1em;
}
nav#header-nav ul li a{
color:#222;
}
nav#header-nav ul li a::before{
content:"▲";
display:inline-block;
transform:scale(0.5,0.8) rotate(90deg);
font-size:10px; line-height:10px;
color:#444;
position:relative;
top:-1px;
}
nav#global-nav ul{
font-size:0; line-height:0;
}
nav#global-nav ul li{
font-size:14px; line-height:160%; font-weight:600;
display:inline-block; vertical-align:top;
margin-right:37px;
position:relative;
}
nav#global-nav ul li::before,
nav#global-nav ul li::after{
content:"";
position:absolute;
bottom:-3px;
width:0%; height:2px;
background:#008f93;
}
nav#global-nav ul li::before{left:50%;}
nav#global-nav ul li::after{right:50%;}
nav#global-nav ul li:hover::before,
nav#global-nav ul li:hover::after{
width:50%;
transition:0.1s;
}
nav#global-nav ul li:last-child{margin-right:0;}
nav#global-nav ul li a{color:#008f93;}
nav#global-nav ul li a:hover{text-decoration:none;}  #crumb{
border-top:1px solid #F0F0F0;
background:#f9f9f9;
}
ul.crumb-list{
width:1100px;
margin:0 auto;
font-size:0; line-height:0;
text-align:left;
}
ul.crumb-list li{
font-size:11px; line-height:27px;
display:inline-block; vertical-align:top;
}
ul.crumb-list li::after{
content:">";
display:inline-block;
margin:0 5px;
transform:scale(0.7,1);
}
ul.crumb-list li:last-child::after{
content:"";
}
#container{
width:1100px;
margin:50px auto;
text-align:left;
}
#main{
width:780px;
float:right;
}
section{
width:100%;
margin:0 auto 80px auto;
}
section h1{
background:rgba(0,149,150,0.2);
background:rgb(227,237,198,1);
font-size:20px; line-height:46px; font-weight:500;
height:46px;
padding:0 0 0 15px;
margin-bottom:40px;
}
section h2{
font-size:18px; line-height:160%; font-weight:600;
margin-bottom:30px;
padding:0 0 3px 5px;
border-bottom:2px solid #CFE19D;
}
section h3{
font-size:17px; line-height:160%; font-weight:600;
color:#7fa01e;
margin-bottom:0px;
}
section h3::before{
content:"▲";
display:inline-block;
transform:scale(0.6,1) rotate(90deg);
font-size:11px;
position:relative; top:-2px;
margin-right:3px;
}
section p{
font-size:15px;
line-height:160%;
margin-bottom:25px;
}
section p.caution{
font-size:14px; line-height:160%;
}
.button{
text-align:center;
margin-bottom:20px;
}
.button p{
font-size:13px; line-height:160%; font-weight:600;
margin-bottom:5px;
}
.button p::before{content:"＼";}
.button p::after{content:"／";}
.button a{
display:inline-block;
border:1px solid #009596;
font-size:14px; line-height:36px; font-weight:600;
color:#009596;
padding:0 40px;
min-width:220px;
position:relative;
transition:0.3s;
}
.button a::after{
content:"＞";
position:absolute;
top:0; right:10px;
transform:scale(0.6,1);
}
.button a:hover{
background:#009596;
color:#FFF;
text-decoration:none;
transition:0.3s;
}
#side{
width:260px;
float:left;
}
#side .side-title-box{
background:#87b12e;
padding:30px 15px;
min-height:85px;
position:relative;
//  margin-bottom:30px;
}
#side .side-title-box h1{
font-size:20px; line-height:160%; font-weight:500;
color:#FFF;
letter-spacing:1px;
position:absolute;
top:50%; left:15px;
transform:translateY(-50%);
}
#side .side-title-box h1 span{
display:block;
font-size:12px; line-height:140%;
letter-spacing:1px;
}
#side ul.side-menu-list{
margin-bottom:30px;
}
#side ul.side-menu-list li{
font-size:13px; line-height:160%; font-weight:600;
}
#side ul.side-menu-list li a{
display:block;
padding:15px 10px;
border-bottom:1px solid #CCC;
color:#638426;
}
#side ul.side-menu-list li a::before{
content:"▲";
display:inline-block;
font-size:10px;
transform:scale(0.6,1) rotate(90deg);
position:relative; top:-1px;
margin-right:5px;
}
#side ul.side-menu-list li a:hover{
text-decoration:none;
background:#F2F7E3;
} .about-box{
background:#EEF1E3;
padding:60px;
border-radius:30px;
text-align:center;
}
.about-box p{
font-family: "游明朝 Medium", "Yu Mincho Medium", "游明朝体", YuMincho, serif !important;
}
.about-box p.logo01{
width:300px; height:218px;
margin:0 auto 50px auto;
}
.about-box p.logo02{
width:250px; height:80px;
margin:50px auto;
}
.about-box ul.about-menu-list{
font-size:0; line-height:0;
}
.about-box ul.about-menu-list li{
font-size:13px; line-height:36px; font-weight:600;
display:inline-block; vertical-align:top;
margin:0 25px 0 0;
}
.about-box ul.about-menu-list li:last-child{margin-right:0;}
.about-box ul.about-menu-list li a{
display:block;
color:#638426;
border:1px solid #638426;
padding:0 36px;
position:relative;
transition:0.3s;
}
.about-box ul.about-menu-list li a::after{
content:"＞";
display:block;
transform:scale(0.6,1);
position:absolute;
top:0; right:5px;
}
.about-box ul.about-menu-list li a:hover{
background:#638426;
color:#FFF;
text-decoration:none;
transition:0.3s;
} .branding-image01,
.branding-image02,
.branding-image03{
margin:0 auto 30px auto;
}
.branding-image01{
width:660px; height:632px;
}
.branding-image02{
width:590px; height:508px;
}
.branding-image03{
width:460px; height:419px;
} .about {
padding: 20px 0 65px;
text-align: center;
line-height: 1.85;
}
.about img {
max-width: 100%;
height: auto;
}
.about h2 {
font-weight: normal;
}
.preface__head {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background: #f2eee9;
line-height: 0;
}
.preface__head__wrap {
padding-top: 88px;
width: 44%;
}
.preface__head__txt {
margin-bottom: 25px;
}
.preface__head__txt.-sp {
display: none;
}
.preface__head img {
display: inline-block;
}
.preface__img {
width: 56%;
height: 425px;
background: url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/img/about/philosophy_img.jpg) no-repeat right center;
background-size: cover;
}
.preface__illust {
margin: 0 auto;
width: 88%;
}
.preface__body {
margin: 110px 0 120px;
line-height: 2.6;
font-size: 16px;
}
.corevalue__head {
position: relative;
font-size: 24px;
z-index: 2;
}
.corevalue__summary {
position: relative;
margin-top: -38px;
padding-top: 51.2568%;
width: 100%;
background: url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/img/about/core_values_bg.jpg) no-repeat center top;
background-size: cover!important;
z-index: 0;
}
.corevalue__summary__box {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.corevalue__summary__wrap {
display: flex;
align-items: center;
justify-content: center;
text-align: left;
}
.corevalue2 {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
.corevalue3 {
grid-column: 2 / 3;
grid-row: 1 / 3;
}
.corevalue1 dl {
margin: 7.61904762% 1.19047619% 0 0;
}
.corevalue2 dl {
margin: 10% 12.3809524% 0 0;
}
.corevalue3 dl {
margin: 23.8095238% 0 0 4.76190476%;
}
.corevalue4 dl {
margin: 0 4.04761905% 1.6666666% 0;
}
.corevalue5 dl {
margin: .476190476% 0 0 16.6666666%;
}
.corevalue__summary__item__lead {
font-size: 16px;
font-weight: bold;
color: #fff;
}
.corevalue__summary__item__letter {
margin-top: .15em;
line-height: 1.45;
letter-spacing: .05em;
font-size: 21px;
}
.corevalue__relation__site {
margin: 70px 0 45px;
}
.corevalue__relation .linkbtn {
margin-top: 32px;
width: 100%;
height: 94px;
}
.corevalue__relation .linkbtn a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
border: solid 1px #1f784a;
border-radius: 4px;
background: #fff;
}
.corevalue__relation .linkbtn a::after {
content: '';
position: absolute;
top: 50%;
right: 2.8em;
width: 10px;
height: 10px;
transform: translateY(-50%) rotate(45deg);
border-right: 1px solid #075a2c;
border-top: 1px solid #075a2c;
}
.corevalue__relation a {
transition: opacity .5s ease;
}
.corevalue__relation a:hover {
opacity: .65;
}
.brand-lead {
font-size: 17px;
}
.corevalue__relation__list__item + li {
margin-top: 1.25em;
}
.corevalue__relation .linktxt a {
text-decoration: underline;
font-size: 16px;
color: #075a2c;
}
.corevalue__relation .linktxt a:hover {
text-decoration: none;
} .slogan-image01,
.slogan-image02{
margin:0 auto 30px auto;
}
.slogan-image01{
width:319px; height:242px;
}
.slogan-image02{
width:370px; height:120px;
} section.data-title-box{
text-align:center;
margin-bottom:60px;
}
section.data-title-box h1.title-data{
font-family: "游明朝 Medium", "Yu Mincho Medium", "游明朝体", YuMincho, serif !important;
background:rgb(227,237,198,0);
font-size:36px; line-height:46px; font-weight:500;
letter-spacing:2px;
height:auto;
padding:0;
margin:0 auto 40px auto !important;
}
section.data-title-box h1.title-data img{
width:auto; height:28px;
margin:0 auto;
}
section.data-title-box ul.data-menu-list{
font-size:0; line-height:0;
}
section.data-title-box ul.data-menu-list li{
width:208px; height:38px;
font-size:14px; line-height:38px; font-weight:600;
display:inline-block; vertical-align:top;
margin:0 15px 0 0;
}
section.data-title-box ul.data-menu-list li.movie{
width:278px;
}
section.data-title-box ul.data-menu-list li:last-child{margin-right:0;}
section.data-title-box ul.data-menu-list li a{
display:block;
border:1px solid #009596;
color:#009596;
border-radius:3px;
transition:0.3s;
}
section.data-title-box ul.data-menu-list li.active a,
section.data-title-box ul.data-menu-list li a:hover{
text-decoration:none;
background:#009596;
color:#FFF;
transition:0.3s;
position:relative;
}
section.data-title-box ul.data-menu-list li.active a::after{
content:"";
display:block;
border-top:10px solid  #009596;
border-left:25px solid transparent;
border-right:25px solid transparent;
position:absolute;
bottom:-10px; left:50%;
margin-left:-25px;
}
section.data-title-box ul.data-menu-list li.brand{
width:170px;
}
section.data-title-box ul.data-menu-list li.brand a{
display:block;
border:none;
border-bottom:1px dashed #444;
color:#444;
border-radius:0px;
transition:0.3s;
}
section.data-title-box ul.data-menu-list li.brand a:hover{
background:#FFF;
border-bottom:1px solid #009596;
color:#009596;
transition:0.3s;
}
.data-box h2{
background:rgba(0,149,150,0.2);
background:rgb(227,237,198,1);
font-size:22px; line-height:46px; font-weight:500;
text-align:center; letter-spacing:1px;
height:46px;
padding:0;
margin-bottom:20px;
border:none;
}
.data-box .data-billboard{
width:100%;
margin:0 auto 15px auto;
}
ul.data-list{
font-size:0; line-height:0;
margin-top:40px;
}
ul.data-list li{
width:340px;
font-size:10px; line-height:160%;
display:inline-block; vertical-align:top;
margin:0 40px 40px 0;
}
ul.data-list li:nth-child(3n){margin-right:0;}
ul.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.data-list li .thumbnail .data01,
ul.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.data-list li .thumbnail .data01{right:0;}
ul.data-list li .thumbnail .data02{left:0;}
ul.data-list li .thumbnail .data01 span.data,
ul.data-list li .thumbnail .data02 span.data{
position:absolute;
top:50%; left:8%;
transform:translateY(-50%);
width:84%;
}
ul.data-list li .thumbnail .data01 span.data-label,
ul.data-list li .thumbnail .data02 span.data-label{
display:block;
font-size:13px; line-height:16px; font-weight:500;
}
ul.data-list li .text-box{
width:320px;
margin:10px auto;
text-align:center;
}
ul.data-list li .text-box h3{
font-size:17px; line-height:160%;
color:#222;
margin-bottom:5px;
}
ul.data-list li .text-box h3::before{content:""; display:none;}
ul.data-list li .text-box h3 span{
display:block;
}
ul.data-list li .text-box p.note{
font-size:12px; line-height:160%;
margin-bottom:0;
}
ul.data-list li .text-box p.note::before{content:"※";}
ul.data-list li .text-box p.source{
font-size:12px; line-height:160%;
margin-bottom:0;
}
.data-column-box{
background:rgba(229,236,199,0.5);
padding:30px 35px 10px 35px;
margin:0 auto 15px auto;
}
.data-column-box .source{
font-size:13px; line-height:160%;
} ul.movie-list li{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #CCC;
}
ul.movie-list li a{color:#666;}
ul.movie-list li a:hover{text-decoration:none;}
ul.movie-list li .thumbnail{
width:320px;
float:left;
position:relative;
}
ul.movie-list li a .thumbnail::before{
content:"";
width:48px; height:48px;
background-image:url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/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.movie-list li a:hover .thumbnail::before{
background-image:url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/img/movie/playbutton_on.png);
}
ul.movie-list li .text-box{
width:760px;
float:right;
}
ul.movie-list li .text-box h3{
font-size:17px; line-height:160%;
color:#006DD9;
margin-bottom:5px;
}
ul.movie-list li .text-box h3:hover{text-decoration:underline;}
ul.movie-list li .text-box h3::before{content:""; display:none;}
ul.movie-list li .text-box p{
font-size:14px; line-height:160%;
margin:5px 0 0 0;
}
ul.movie-list li .text-box p.entry-date{letter-spacing:1px;}
ul.movie-pv-list{
font-size:0; line-height:0;
margin-top:20px;
}
ul.movie-pv-list li{
width:322px;
display:inline-block; vertical-align:top;
margin:0 67px 50px 0;
font-size:14px; line-height:160%;
}
ul.movie-pv-list li:nth-child(3n),
ul.movie-pv-list li:last-child{margin-right:0;}
ul.movie-pv-list li .thumbnail{
position:relative;
margin-bottom:5px;
}
ul.movie-pv-list li a .thumbnail::before,
ul.movie-pv-list li .thumbnail::before{
content:"";
width:48px; height:48px;
background-image:url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/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.movie-pv-list li a:hover .thumbnail::before,
ul.movie-pv-list li .thumbnail:hover::before{
background-image:url(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/img/movie/playbutton_on.png);
}
ul.movie-pv-list li img{
display:block;
border:1px solid #CCC;
}
ul.movie-pv-list li .text-box h3{
font-size:17px; line-height:160%;
color:#006DD9;
margin-bottom:5px;
}
ul.movie-pv-list li .text-box h3::before{content:""; display:none;}
ul.movie-pv-list li .text-box p.pdf{
margin-bottom:0;
position:relative;
}
ul.movie-pv-list li .text-box p.pdf::before{
content:"";
display:inline-block;
width:20px; height:20px;
background-image:url(//blog.nagano-ken.jp/img2018/svg/pdf.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:20px auto;
margin-right:4px;
position:relative; top:4px;
}
.pagenavi-box{
position:relative; left:-20px;
} ul.brand-list{
font-size:0; line-height:0;
margin-bottom:20px;
display:flex;
flex-wrap:wrap;
}
ul.brand-list li{
width:300px;
display:inline-block; vertical-align:top; margin:0 20px 25px 0;
padding:24px;
background:#FFF;
border:1px solid #CCC;
box-shadow:2px 2px 4px #CCC;
font-size:13px; line-height:160%;
text-align:center;
}
ul.brand-list li:nth-child(3n){margin-right:0;}
ul.brand-list li .thumbnail{
width:220px;
margin:0 auto 15px auto;
}
ul.brand-list li a{color:#222;}
ul.brand-list li a:hover{text-decoration:none;}
ul.brand-list li h3{
font-size:17px; line-height:160%;
color:#006DD9;
margin:0 auto 10px auto !important;
padding-bottom:10px;
border-bottom:1px dashed #CCC;
}
ul.brand-list li h3::before{content:""; display:none;}
ul.brand-list li h3:hover{
text-decoration:underline;
}
ul.brand-list li p{
font-size:13px; line-height:180%;
margin-bottom:0;
text-align:left;
} .topics-title p.entry-date{
font-size:12px; line-height:160%;
color:#222; letter-spacing:1px;
margin-bottom:10px;
}
section .topics-title h2{
font-size:20px; line-height:160%; font-weight:500;
margin-bottom:30px;
padding:0 0 5px 5px;
border-bottom:2px solid #CFE19D;
}
.topics-body{min-height:300px;}
section .topics-body p{
line-height:180%;
}
.topics-box .topics-sns-button-box{
padding:20px 0 0 0;
margin:0 0 20px 0;
}
.topics-box .topics-bottom{
border-top:1px solid #CCC;
padding-top:30px;
}
.topics-box .topics-bottom p{
font-size:13px; line-height:160%;
}
.topics-box ul.topics-list li{
border-bottom:1px dashed #CCC;
}
.topics-box ul.topics-list li a{
padding:25px 0 25px 100px;
position:relative;
}
.topics-box ul.topics-list li a:hover{text-decoration:none !important;}
ul.topics-list li .title{
font-size:17px; line-height:160%; font-weight:600;
margin-bottom:10px;
}
ul.topics-list li a:hover .title{text-decoration:underline !important;}
ul.topics-list li a p.description{
font-size:14px; line-height:160%;
color:#444;
margin-bottom:0 !important;
}
ul.topics-list li a span.entry-date{
position:absolute;
top:30px; left:0;
font-size:12px; line-height:160%;
color:#222; letter-spacing:1px;
}
#side .side-topics-box{
margin:30px auto;
font-size:13px; line-height:160%;
}
#side .side-topics-box p a{
display:inline-block;
width:auto; height:24px;
font-size:12px; line-height:24px;
color:#222; text-align:center;
border:1px solid #999;
border-radius:12px;
padding:0 30px;
}
#side .side-topics-box p a:hover{
color:#FFF;
background:#999;
text-decoration:none;
}
#side ul.side-topics-list{
margin:15px auto;
}
#side ul.side-topics-list li{
font-size:13px; line-height:160%;
}
#side ul.side-topics-list li a{
display:block;
padding:15px 0px;
border-top:1px solid #CCC;
color:#222;
}
#side ul.side-topics-list li a:hover{
text-decoration:none;
background:#F2F7E3;
}
#side ul.side-topics-list li:last-child a{
border-bottom:1px solid #CCC;
}
#side ul.side-topics-list li span.entry-date{
font-size:12px; line-height:160%; font-weight:500;
color:#444; letter-spacing:1px;
display:block;
}
body {
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
p, div {
overflow-wrap: break-word;
word-break: normal;
}
 footer#global-footer{
width:100%;
background:#FFF;
}
footer#global-footer .footer-bg{
width:100%; height:240px;
background:url(//blog.nagano-ken.jp/img2018/common/footer_bg.jpg) no-repeat center bottom;
background-size:cover;
}
footer#global-footer .footer-inner{
width:1100px;
margin:0 auto;
padding-bottom:30px;
text-align:center;
}
footer#global-footer .footer-inner .footer-logo{
width:110px; height:auto;
margin:0 auto 30px auto;
}
footer#global-footer .footer-inner p{
font-size:13px; line-height:160%;
margin-bottom:30px;
}
footer#global-footer .footer-inner p strong{
display:block;
font-size:14px; line-height:160%; font-weight:500;
margin-bottom:30px;
}
footer#global-footer .footer-inner p.copyright{
font-size:11px; line-height:160%;
} footer#blog-footer{
width:1060px;
margin:50px auto 50px auto;
font-size:12px;
text-align:left;
}
footer#blog-footer a{color:#006DD9; text-decoration:none;}
footer#blog-footer a:hover{border-bottom:1px dotted #333;}
footer#blog-footer #footer-inner{
padding:25px 25px 10px 25px;
background:url(//blog.nagano-ken.jp/images/common/footer/footer_bar.gif) no-repeat left bottom #EFEFEF;
}
footer#blog-footer ul#footer-nav{
margin:0 0 20px 0;
}
footer#blog-footer ul#footer-nav li{
margin:0 25px 0 0;
font-size:12px;
display:inline-block;
}
footer#blog-footer ul#footer-nav li a{
padding:0;
}
footer#blog-footer ul#footer-nav li a.icon-arrow:before{
font-size:80%;
color:#666;
}
footer#blog-footer ul#footer-blog-list li{
margin:0 0 20px 0;
}
footer#blog-footer ul#footer-blog-list li .blog-cat{
width:80px;
padding:0px 0 0 0;
font-weight:bold;
background-repeat:no-repeat;
background-position:left center;
float:left;
display:inline;
}
footer#blog-footer ul#footer-blog-list li .blog-name-list{
width:920px;
float:right;
display:inline;
}
footer#blog-footer ul#footer-blog-list li .blog-name-list span{display:inline-block;}
footer#blog-footer ul#footer-blog-list li .blog-name-list span:after{
content:"　｜　";
}
footer#blog-footer ul#footer-blog-list li .blog-name-list span:last-child:after{
content:"";
}
.footer-banner-box ul.banner-list{
//	margin:0 0 50px 0 !important;
padding-bottom:50px;
font-size:0; line-height:0;
text-align:center;
}
.footer-banner-box ul.banner-list li{
width:240px; height:auto;
width:auto; height:48px;
display:inline-block; vertical-align:top;
margin:5px 5px !important;
}
.footer-banner-box ul.banner-list li img{
width:auto; height:48px;
}
#footer-credit{
padding:25px 0;
background:url(//blog.nagano-ken.jp/images/common/footer/footer_bar.gif) no-repeat left top;
}
#footer-credit a{color:#333;}
#appBanner{
display:none;
}
#scrollUp{
bottom:20px;
right:15px;
width:60px;
height:35px;
background:url(//blog.nagano-ken.jp/images/common/topback.gif) no-repeat;
text-indent:-9999px;
}
a#scrollUp:hover{border:none;}
.hp-info p {
display: inline-block;
border: 2px solid #9ec940;
padding: 10px 50px;
border-radius: 3px;
font-weight: bold;
}

#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; }
#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 p span{
color: #ed4b4b; 
padding: 7%;
}
.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(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/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(//blog.nagano-ken.jp/wp/blog/wp-content/themes/shiawase-shinshu/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: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(//blog.nagano-ken.jp/img2018/svg/white/sightseeing.svg);
}
ul.blog-category-list li:nth-child(2) a::before{
background-color:#e72a85;
background-image:url(//blog.nagano-ken.jp/img2018/svg/white/event.svg);
}
ul.blog-category-list li:nth-child(3) a::before{
background-color:#77a838;
background-image:url(//blog.nagano-ken.jp/img2018/svg/white/gourmet.svg);
}
ul.blog-category-list li:nth-child(4) a::before{
background-color:#0888a8;
background-image:url(//blog.nagano-ken.jp/img2018/svg/white/outdoor.svg);
}
ul.blog-category-list li:nth-child(5) a::before{
background-color:#085480;
background-image:url(//blog.nagano-ken.jp/img2018/svg/white/culture.svg);
}
ul.blog-category-list li:nth-child(6) a::before{
background-color:#fba108;
background-image:url(//blog.nagano-ken.jp/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(//blog.nagano-ken.jp/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(//blog.nagano-ken.jp/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;
}
.index-instagram-box #sb_instagram #sbi_images{
float:none;
display:flex;
}
.index-instagram-box #sb_instagram #sbi_images .sbi_item{
width:calc(100% / 8) !important;
float: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(//blog.nagano-ken.jp/img2018/svg/facebook.svg);
}
.twitter-box h3::before{
background-image:url(//blog.nagano-ken.jp/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;
display:flex;
flex-wrap:wrap;
}
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;
}