/*
Theme Name: 長井市東京事務所
Text Domain: 長井市東京事務所
Version: 1.0
Description:
Text Domain: 
*/

@charset="utf-8";

html{
max-width:100%;
min-height:100vh;
position:relative;
}
body{
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
letter-spacing:0.15em;
}
h1,h2,h3,h4,h5,h6{
color:#1F296D;
font-weight:700;
}
ol,ul,li{
list-style:none;
}
img{
width:100%;
}
a{
color:#333;
}

a:hover{
opacity:0.7;
text-decoration:none;
-webkit-transition: 0.5s;
transition:0.5s;
}
.btn{
width:360px;
height:75px;
background:#1F296D;
font-size:20px;
line-height:3;
font-weight:700;
-webkit-transition: 0.5s;
transition:0.5s;
}
.btn:focus,
.btn-dark:focus{
border:none;
box-shadow:none;
}
.btn-dark{
border:none;
}
.btn-dark:hover {
background-color: #0016b0;
border-color: #0016b0;
}
.bg-light{
background-color:#fff !important;
}
/*jumbtorn*/
body.archive .jumbotron{
background: url('img/activity04.jpg') no-repeat center;
background-size: cover;
background-position: center 35%;
}
body.category .jumbotron{
background: url('img/news-top01.jpg') no-repeat center;
background-size: cover;
background-position: center 10%;
}
body.archive .jumbotron h2,
body.category .jumbotron h2{
text-shadow:0 0 5px #fff,0 0 5px #fff;
}
/*single php*/
body.category-news,
body.single,
body.archive,
body.page-id-62{
margin-bottom: 320px;/*footerの高さ分*/
}
body.category-news .card-body{
padding:0;
}
body.single img{
width:auto;
}
.p_naition{
margin:30px auto;
text-align:center;
}
.p_naition a,
.category_name a{
color:#595757;
}
.p_naition i{
padding:0 0.5em;
}
.category-news .card-img-top{
width:100%;
height:150px;
}

#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.sk-cube-grid {
width: 60px;
height: 60px;
position: absolute;
top: 0;
left: 0;
bottom: 60px;
right: 0;
margin: auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background:#DCE1F1;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.5s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.5s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}/* Hide Loading Block*/
.loaded {
  opacity: 0;
  visibility: hidden;
}
/*recapcha css
--------------------------------------------*/
.inv-recaptcha-holder{
padding:15px;
}
/*header
--------------------------------------------*/
#header{
background:#fff;
}
#header .d-flex{
justify-content: space-between;
align-items: baseline;
}
#header h1{
margin:1em 0;
}
#header .navbar{
max-width:1024px;
}
#header .navbar-brand{
color:#1F296D;
}
#header .navbar-brand:hover{
opacity:0.7;
text-decoration:none;
-webkit-transition: 0.5s;
transition:0.5s;
}
.page_title{
color:#1F296D;
}
.hd_nav ul{
margin-bottom:0;
padding-left:0;
}
.nav-link{
padding:0 0 0 2em;
font-weight:700;
}
.hd_nav a{
color:#595757;
}
.hd_nav a:hover{
opacity:0.7;
}

/*page_top
----------------------------------------*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 30px;
  bottom: 90px;
  background: #1F296D;
  border-radius: 50%;
  z-index:9998;
  }

#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 12px;
  right: 0;
  left: 3px;
  margin: auto;
  text-align: center;
}
/*icatch
--------------------------------------------*/
#icatch .container{
padding:0;
}
#icatch .wrap{
background:#fff url(img/border_all.svg) repeat;
}
#icatch .wrap2{
background-color:#DCE1F1;
}
#icatch h2{
margin:1.5em auto;
letter-spacing:0.25em;
}
#icatch p{
font-size:18px;
color:#1F296D;
margin-bottom:90px;
}
/*main-view
--------------------------------------------*/
#main_view{
margin-bottom:120px;
}
/*activity
--------------------------------------------*/
#activity h2{
margin-bottom:90px;
}
#activity h3{
font-size:26px;
}
#activity .col-sm-6{
  padding:0;
  background:#f7f7f7;
}
#activity .txt-inner{
  width:85%;
  margin: 5% auto;
  height:90%;
}
#activity .txt-inner p.link_txt a{
text-decoration: underline;
}
/*news
--------------------------------------------*/
#news{
background-color:#DCE1F1;
}
#news .container{
padding:0;
}
#news h2{
margin:90px auto;
}
#news a{
color:#fff;
}
#news a:hover img,
#news a:hover p,
#news a:hover h3{
opacity:0.7;
text-decoration:none;
-webkit-transition: 0.5s;
transition:0.5s;
}
#news .col-md-6{
flex-direction: row-reverse;
}
#news .btn{
margin:90px auto;
}
#news .card{
border:none;
background:none;
padding:10px 5px;
margin-bottom:30px;
}
#news .card-body{
padding:0;
}
#news .card-title h3{
font-size:18px;
}
#news .card-text{
font-size:14px;
color:#595757;
}
#news .card-img-top{
width:100%;
height:150px;
}
/*report
--------------------------------------------*/
#report{
margin-bottom:90px;
}
#report.container{
padding:0;
}

#report h2{
margin:90px auto;
}
#report .btn{
margin:90px auto;
}
#report .card{
padding:0;
border:none;
background:#f7f7f7;
margin-bottom:30px;
letter-spacing:0;
}
body.post-type-archive-report .card{
border:0;
letter-spacing:0;
}
body.post-type-archive-report .card-body{
background:#f7f7f7;
}
#report .card-title,
body.post-type-archive-report .card-title{
font-size:16px;
}
#report span{
color:#111;
font-size:14px;
}
#report .card-img-top,
body.post-type-archive-report .card-img-top{
width:100%;
height:100%;
}
/*info
--------------------------------------------*/
#info.container{
padding:0;
}
#info .row{
margin-bottom:90px;
}
#info .info_txt,
#info .info_img img{
width:100%;
height:353px;
}
#info dd{
font-size:14px;
line-height:1.5;
}
#info .info_txt p{
letter-spacing:0.05em;
text-decoration:underline;
}
#info .info_txt a{
color:#595757;
}
#info .info_txt a:hover{
opacity:0.7;
}
#info .btn{
background:#DCE1F1;
color:#1F296D !important;
-webkit-transition: 0.5s;
transition:0.5s;
}
#info .btn-dark:hover{
background:#A6B5E8;
color:#fff !important;
opacity:0.9;
}

/*map
--------------------------------------------*/
#map{
background:linear-gradient(to bottom,#fff 49%, #DCE1F1 49%);
margin-bottom:300px;
}
#map .wrap{
max-width:1140px;
margin:0 auto;
padding:0;
}
/*footer
--------------------------------------------*/
#footer{
background-color:#DCE1F1;
position:absolute;
width:100%;
bottom:0;
}
#footer h2{
margin-bottom:120px;
font-size:42px;
}
#footer .copyright{
background-color:#1F296D;
color:#fff;
letter-spacing:0.05em;
padding:1em 0;
}



/*タブレット用
----------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 1080px){
body{
padding-top:1em;
}
.btn{
width:200px;
}
#header h1{
margin:0.25em 0;
padding:0;
}
#header nav{
max-width:768px;
border:none;
}
#header li.nav-item{
line-height:3;
}
#icatch{
padding-top:2em;
}
#icatch h2{
letter-spacing:0;
}
#activity .txt-inner {
width: 90%;
margin: 1em auto;
font-size: 14px;
}
#activity .txt-inner p{
margin-bottom:0;
}
#news .card-body{
padding:0em;
}
#news .card-title{
font-size:16px;
}
#news .card-text{
margin:0.5em 0;
}
#news .card-img-top{
height:125px;
}
#info dd{
line-height:1;
}
#info .info_txt p{
font-size:14px;
}
#info .btn{
font-size:14px;
height:55px;
}
#info .info_fb{
max-width:33%;
}
#info .info_fb iframe{
width:100%;
}
#map .wrap{
max-width:768px;
padding:0 15px;
}
#baner .carousel-control-prev,
#baner .carousel-control-next{
display:none;		
}
}


/*スマホ用
----------------------------------------------*/
@media screen and (max-width: 480px) {
body{
padding-top:4.5em;
}
h1,h2{
font-size:24px;
}
h3{
font-size:22px;
}
h4{
font-size:20px;
}
h5{
font-size:18px;
}
h6{
font-size:16px;
}
p{
line-height:2;
}
#news .container,
#report.container,
#info.container{
padding-right:15px;
padding-left:15px;
}
.btn{
width:280px;
}
#page_top{
bottom:120px;
}
#header h1{
margin:0.5em 0;
}
#header .hd_nav_sp{
width:100%;
}
#header li.nav-item{
line-height:3;
}
#icatch h2{
letter-spacing: 0;
font-size: 26px;
line-height: 2;
}
#icatch p{
margin-bottom:60px;
}
#main_view{
margin-bottom:90px;
}
.txt-inner{
width:90%;
padding:0 15px;
}
#activity .row:nth-child(odd){
flex-direction: column-reverse;
}

#news .card_wrap{
margin-bottom:0;
}
#news .card{
margin-bottom:15px;
background:#fff;
}
#news .card-title{
font-size:15px;
}
#news .card-body{
padding:0;
}
#news .card-title{
margin-bottom:0;
}
#news .card-text{
margin-bottom:0.5em;
}
#news .card-img-top{
height:123px;
}
#report .btn{
margin:60px auto;
}
#report .card-body{
padding:1em;
}
#report .card-text{
font-size:15px;
}
#info .row:first-child{
margin-bottom:60px;
}
#info .btn{
margin:0 auto;
display: inherit;
}
#info .info_txt{
height: 380px;
margin-bottom:30px;
}
#info .info_img{
margin-bottom:30px;
}
#info .info_fb{
text-align:center;
}
#map .wrap{
max-width:350px;
}
#baner .carousel-control-prev,
#baner .carousel-control-next{
display:none;		
}
#footer h2{
font-size: 36px;
}
.copyright{
text-align: center;
}
/*category-news.php 480px
-----------------------------------*/
body.category-news .card-title h3{
font-size:15px;
}
body.category-news .card-text{
font-size:14px;
letter-spacing:0;
}
}