@charset "utf-8";
/*
theme Name: WordPress by Plusers
Author: Plusers
Description: original theme
version： 1.0.0
*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@import url("/css/header.css");
@import url("/css/footer_collection_list.css");

body{
   margin:0;
}

a{
   color:#000;
}

	
/*
.container {background-color: #9db2ea; }
.contents {background-color: #a5e2ff; }
*/

.header-inner, .container, .footer-inner {
width: 100vw;
}

#header{
width:150px;
/*height:100vh; 
overflow:hidden;
background:url(01.jpg) no-repeat;
background-position:center;
background-size:cover;*/
position: absolute;
z-index: 100;
}

#header-background{
/*height:100%;*/
width:100%;
background-position:center;
background-size:cover;
position: fixed;
}

/*
.head-contain{
width:100vw;
display:table;
background:rgba(0,0,0,.7);
}
*/

#logo{
width:180px;
display: flex;          /* 2 */
justify-content: center;/* 3 */
align-items: center;    /* 4 */
}

#logodiv{
height:50px;
width:200px;
padding-left:8px;
padding-top:15px;
display:table-cell;
vertical-align: middle;
}

.head-contain #logo span{
padding:0 50px;
}

a{ 
text-decoration: none; 
}

#news_title{
   margin-left: 300px;
   padding-top: 70px;
   padding-right: 100px;
}
#news_h1{
   
}

h1{
height:100%;
margin:0;
display:table-cell;
vertical-align: middle;
}

#global-nav #nav{
margin:0;
padding:0;
text-align:left;
padding-left:10px;
}

#nav li{
font-size: 12px;
font-family:Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
list-style:none;
margin:0 15px 12px 20px;
}

.nav-item{
color:#FFF;
}

.nav-lang{
font-family:"HG正楷書体-PRO", "Yu Mincho", serif;
}

.nav-instagram{
/*display: inline-block;
margin-right:20px;
height:25px;*/
}

.nav-instagram a{
}

#instagram_img{
width:22px;
/*top:0;
bottom:0;
margin:auto;
vertical-align:middle;*/
}

#header_IBUKI{
width:80px;
}

#header_Miwaku{
width:80px;
}

#header_COIKI{
width:80px;
}

#header_others{
width:80px;
}

.collection-category{
	padding-top:3px;
}

.collection-category ul{
	padding-left:0;
}

.category_title:hover{
	/*透明度具合を指定*/
	opacity: 0.4;  
	filter: alpha(opacity=60);  
}

.item_name{
	margin-top:10px;
}

.text_link{
  position: relative;
  display: inline-block;
  transition: .3s;
}
.text_link::after {
  position: absolute;
  bottom: .3em;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #b1ab65;
  opacity: 0;
  transition: .3s;
}
.text_link:hover::after {
  bottom: 0;
  opacity: 1;
}

#sidebar{
font-size:12px;
padding-left:30px;
}

.sidebar-title{
   font-weight:bold;
}

/*index.phpの記事リストのレイアウト*/
.kiji-list {
   margin: 15px 0;
   border: solid 1px #ddd;
   background-color: #fff;
}
.kiji-list:first-child {
   margin-top: 0;
}
.kiji-list a {
   display: block;
   padding: 20px;
   text-decoration: none;
   color: #000;
}
.kiji-list a:after {
   display: block;
   clear: both;
   content: '';
}
.kiji-list a:hover {
   background-color: #eee;
}
.kiji-list img {
   float: left;
   width: 220px;
   height: 150px;
   object-fit: cover;
}
.kiji-list .text {
   width: auto;
   margin-left: 250px;
}
.kiji-list h2 {
   font-size: 1.05em;
   margin-top: 0;
   margin-bottom: 5px;
}
.kiji-date {
   font-size: .8em;
   margin-bottom: 8px;
   color: #666;
}
.cat-data {
   font-size: 12px;
   padding: 2px 5px;
   text-align: center;
   white-space: nowrap;
   color: #fff;
   border-radius: 3px;
   background-color: #464646;
}
.kiji-list p {
   font-size: .9em;
   margin: 0;
}
.contents > h1 {
   font-size: 1.5em;
   margin: 0;
}

/*ページネーション*/
.pagination {
   margin: 40px 0 30px;
   text-align: center;
}
.pagination ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
.pagination li {
   display: inline-block;
   width: auto;
}
.pagination li a, .pagination li>span {
   font-size: .9em;
   display: block;
   width: 30px;
   margin: 0 1px;
   padding: 5px 0;
   text-decoration: none;
   color: #000;
   border: solid 1px #ccc;
   border-radius: 3px;
}
.pagination li>span {
   color: #fff;
   background-color: #464646;
}
.pagination li a:hover {
   color: #fff;
   background-color: #464646;
}
.pagination li .dots {
   width: 15px;
   padding: 0;
   color: #000;
   border-color: transparent;
   background-color: transparent;
}

/*個別生地ページsingle.php*/
.kiji {
   font-size: 1em;
   margin-bottom: 20px;
   padding: 0 25px 25px 25px;
}
.kiji-info .cat-data a {
   text-decoration: none;
   color: #fff;
}
.kiji-info .cat-data a:hover {
   opacity: .8;
}
.kiji-img {
   max-width: 640px;
   margin: 30px auto;
   text-align: center;
}
/*タグ*/
.kiji-tag {
   text-align: right;
}
.kiji-tag ul {
   list-style: none;
}
.kiji-tag li {
   display: inline-block;
   color: #464646;
}
.kiji-tag li a {
   font-size: .8em;
   margin-right: 7px;
   padding: 2px 7px;
   text-decoration: none;
   color: #464646;
   border: solid 1px #464646;
   border-radius: 2px;
}
.kiji-tag li a:hover {
   opacity: .8;
}
.kiji p {
   margin-top: 0;
   margin-bottom: 30px;
}
.kiji h1 {
   font-size: 2em;
   margin: .3em 0;
}
.kiji h2 {
   font-size: 1.7em;
   position: relative;
   margin-top: 2.5em;
   margin-bottom: 1.5em;
   padding: .6em;
   color: #fff;
   background: #464646;
}
.kiji h2:after {
   position: absolute;
   top: 100%;
   left: 30px;
   width: 0;
   height: 0;
   content: '';
   border: 15px solid transparent;
   border-top: 15px solid #464646;
}
.kiji h3 {
   font-size: 1.5em;
   margin: 0 0 1em;
   margin-top: 2.5em;
   margin-bottom: 1.5em;
   color: #464646;
   background: linear-gradient(transparent 70%, #b9b9b9 70%);
}
.kiji h4 {
   font-size: 1.35em;
   margin: 0 0 .3em;
}
.kiji h5 {
   font-size: 1.2em;
   margin: 0 0 .3em;
}
article img{
   max-width:640px;
   height:auto;
}
article video{
   max-width:640px;
   height:auto;
}
.wp-video{
   display: block;
   margin: 1px auto;
}
img.aligncenter {
   display: block;
   margin: 1px auto;
}
#contact_button{
   width:300px;
   margin:0 auto 50px auto;
}
#contact_btn_img{
   width:300px;
}

@media (min-width: 830px) {
  /*コンテンツとサイドバーを横に並べる*/
  .container:after {
    display: block;
    clear: both;
    content: '';
  }
  .contents {
    margin-left: 300px;
    padding-top: 70px;
    /*position:absolute;
    top:70px;
    left:300px;*/
    padding-right:100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #sidebar {
    position:absolute;
    top:390px;
    left:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
  }
}
@media screen and (max-width: 830px){
   #logodiv{
      padding-left: 0;
      padding-top: 0;
      top:0;
   }
   #logo {
       width: 100px;
       height: 25px;
       top: 0;
       bottom: 0;
       margin: 12.5px auto;
       position: absolute;
   }
   
   .header-inner{
      height:50px;
   }
   #sidebar {
      padding-top:30px;
      border-top: medium solid #000;
   }
   .footer-inner {
      height:50px;
   }
   .kiji-list a {
      padding: 10px;
   }
   .kiji-list img {
      width: 100px;
      height: 80px;
   }
   .kiji-list .text {
      margin-left: 120px;
   }
   .kiji-list h2 {
      font-size: .95em;
   }
   .kiji-date {
      margin-bottom: 0;
   }
   .kiji-list p {
      visibility: hidden;
      height: 0;
   }
   .contents > h1 {
      font-size: 1.3em;
   }

/*個別記事ページ*/
   
   .kiji {
      font-size: 1em;
      padding: 10px;
   }
   .kiji p {
      margin-top: 0;
      margin-bottom: 20px;
   }
   .kiji h1 {
      font-size: 1.4em;
   }
   .kiji h2 {
      font-size: 1.3em;
   }
   .kiji h3 {
      font-size: 1.25em;
   }
   .kiji h4 {
      font-size: 1.15em;
   }
   .kiji h5 {
      font-size: 1.1em;
   }

   article img{
      max-width:90vw;
      height:auto;
   }
   article video{
      max-width:90vw;
      height:auto;
   }
}