/*
Theme Name: iwamotoDESIGN
Theme URI:
Author: soichiro iwamoto
Author URI:
Description: Description
Version: 1.0.2
*/
/*--common------------------------------------------------------------*/
:root{
  --main-color:#000;
  --light-color:#eee;
  --dark-color:#000;
  --en-fonts:urw-din, sans-serif;
}
body{
  font-size:14px;
  color:var(--dark-color);
  text-rendering: optimizeLegibility;
  line-height: 1.8;
	letter-spacing:0.05em;
  padding:80px 0px 0px 0px;
  margin: 0;
  font-family: source-han-sans-japanese, sans-serif;
  font-style: normal;
  font-weight:400;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
*,*:before,*:after{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4{
  line-height:1.56;
  color:#;
}
.w_1080{
  max-width:1080px;
  margin:0 auto;
  width:calc(100% - 40px);
}
figure{
 box-sizing: border-box;
}
figure,
figcaption,
img{
  max-width:100%;
  height:auto;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
a{
  color:var(--dark-color);
  transition:0.3s;
}
a:visited{
  color:var(--dark-color);
}
a:hover{
  color:var(--main-color);
}
p{
  margin:1em 0;
}
em{
  font-weight:500;
}
blockquote{
  background:#e6e6e6;
  padding:1em;
  border-radius: 10px;
  margin: 0;
}
blockquote cite{
  display: block;
  text-align: right;
}
iframe{
  width:100%;
}
pre{
  overflow-x: scroll;
  margin:2em 0;
  background:#333;
  color:#fff;
  line-height: 1.8em;
  font-size:0.8em;
  padding:1em;
  border-radius:10px;
}
::selection {
    background:var(--light-color);
}

//Firefox
::-moz-selection {
    background:var(--light-color);
}
pre::selection{
  background:color:var(--dark-color);
}
//Firefox
pre::-moz-selection {
    background: color:var(--dark-color);
}
table{
  border-collapse:collapse;
  border:0.5px solid #ddd;
}
table th,
table td{
  border:solid 1px #ddd;
  padding:0.5em;
}
ul,ol{
  padding-left:1em;
}
li> ul,
li > ol{
  padding-left:1.5em;
}
dl{
  margin:2em 0;
}
dt{
  font-weight:bold;
  margin-top:2em;
  margin-bottom:1em;
}
dd{
  margin-left:0.5em;
  padding-left:0.5em;
  border-left:solid #ddd 1px;

}

@media screen and (min-width:1000px){
  .w_1080{
    width:calc(100% - 80px);
    display:flex;
    justify-content:space-between;
  }
  .w_1080 main{
    width:calc(100% - 320px);
  }
  .w_1080 aside{
    width:260px;
  }
}
.breadcrumbs{
  font-size:0.8em;
}
.archive .breadcrumbs{
  margin-bottom:1em;
}
/*--------------------------------------------------------------------*/
/*Editor color palette.------------------------------------------------*/
.has-black-color{color: #000000}
.has-dark-gray-color{color: #28303D}
.has-gray-color{color: #39414D}
.has-green-color{color: #D1E4DD}
.has-blue-color{color: #D1DFE4}
.has-purple-color{color: #D1D1E4}
.has-red-color{color: #E4D1D1}
.has-orange-color{color: #E4DAD1}
.has-yellow-color{color: #EEEADD}
.has-white-color{color: #FFFFFF}

.has-black-background-color{background-color: #000000}
.has-dark-gray-background-color{background-color: #28303D}
.has-gray-background-color{background-color: #39414D}
.has-green-background-color{background-color: #D1E4DD}
.has-blue-background-color{background-color: #D1DFE4}
.has-purple-background-color{background-color: #D1D1E4}
.has-red-background-color{background-color: #E4D1D1}
.has-orange-background-color{background-color: #E4DAD1}
.has-yellow-background-color{background-color: #EEEADD}
.has-white-background-color{background-color: #FFFFFF}
/*---------------------------------------------------------------*/

/*--google広告---------------------------------------------------*/
.ad_box{
	margin:0 auto 60px auto;
}
/*---------------------------------------------------------------*/

/*--header-------------------------------------------------------*/
#main_header{
  padding:0 20px;
  position:fixed;
  background:#fff;
  width:100%;
  height:60px;
  z-index:2000;
  top:0;
  left:0;
  right:0;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
}
.site-branding{
  display:flex;
}
.site-branding img{
  display: block;
  width:20px;
  height:20px;
  margin-top:20px;
  margin-right:1em;
}
.site-title,
.site-description{
  font-size:1em;
  display:inline-block;
  line-height:60px;
  padding:0;
  margin:0;
}
.site-title{
  margin-right:1em;
  font-weight:bold;
}
.site-title a{
  color:var(--main-color);
  text-decoration:none;
  font-family: var(--en-fonts);
  font-weight: 700;
  font-style: normal;
  font-size:1.2em;
  letter-spacing: 2px;
}
.site-description{
  color:color:var(--dark-color);
}
.main-navigation{
  background:#fff;
  position:fixed;
  top:60px;
  right:0;
  bottom:0;
  width:100%;
  z-index:1000;
  opacity:0;
  visibility: hidden;
  transition:0.3s;
  overflow-y:scroll;
}
.main-navigation > div{
  padding:60px 20px 20px 20px;
}
.main-navigation ul{
  margin:0;
  list-style:none;
}
.main-navigation div > .menu > li{
  margin-bottom:1.5em;
}
.main-navigation div > .menu > ul ul{
  margin-top:1em;
}
.main-navigation a{
  font-weight:bold;
  text-decoration:none;
  font-size:1.2em;
}
.openNav .main-navigation{
  opacity:1;
  visibility: visible;
  background:var(--dark-color,#555);
  transition-delay: 0.3s;
}
.openNav .main-navigation a{
  color:#fff;
  font-family:var(--en-fonts);
}
@media screen and (min-width:1000px){
  .main-navigation div > menu{
  padding:60px;
  }
  .main-navigation div > menu > ul{
  display: flex;
  flex-wrap:wrap;
  justify-content: flex-start;
  }
  .main-navigation div > menu > ul > li{
  width:30%;
  margin-right:5%;
  }
  .main-navigation div > menu > ul > li:nth-of-type(3n){
    margin-right:0;
  }
  .main-navigation a{
    font-size: 1.5em;
    line-height: 1.5;
  }
}
#jsNavBtn{
    position:fixed;
    z-index:2000;
    width: 30px;
		height: 20px;
    top:15px;
    right:20px;
    cursor:pointer;
    opacity:1;
    visibility:visible;
  }
  #jsNavBtn::before,
  #jsNavBtn::after{
    font-family: var(--en-fonts)
  }
  #jsNavBtn::before{
    content: "CLOSE";
		display: block;
		font-size: 10px;
		line-height: 15px;
		letter-spacing: 0px;
		text-align: center;
		position: absolute;
		bottom: -25px;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 0.3s;
		transition: 0.3s;
  }
  #jsNavBtn::after{
    content: "MENU";
		display: block;
		font-size: 10px;
		line-height: 15px;
		letter-spacing: 1px;
		text-align: center;
		position: absolute;
		bottom: -15px;
		opacity: 1;
		visibility: visible;
		-webkit-transition: 0.3s;
		transition: 0.3s;
  }
#jsNavBtn span{
  display: block;
  width: 100%;
  height: 3px;
  background:var(--dark-color);
  position: absolute;
  left: 0;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  }
  #jsNavBtn span:nth-of-type(1) {
  		top: 0;
  		-webkit-transition-delay: 0s;
  		transition-delay: 0s;
  	}
  	#jsNavBtn span:nth-of-type(2) {
  		top: 50%;
  		margin-top: -4px;
  		-webkit-transition-delay: 0.3s;
  		transition-delay: 0.3s;
  	}
  	#jsNavBtn span:nth-last-of-type(1) {
  		bottom: 5px;
  		-webkit-transition-delay: 0s;
  		transition-delay: 0s;
  	}
  	.openNav #jsNavBtn span:nth-of-type(1) {
  		-webkit-transform: rotate(45deg) translate3d(4px, 4px, 0px);
  		transform: rotate(45deg) translate3d(4px, 4px, 0px);
  		position: absolute;
  		-webkit-transition-delay: 0.3s;
  		transition-delay: 0.3s;
  	}
  	.openNav #jsNavBtn span:nth-of-type(2) {
  		width: 0;
  		-webkit-transition-delay: 0s;
  		transition-delay: 0s;
  	}
  	.openNav #jsNavBtn span:nth-of-type(3) {
  		-webkit-transform: rotate(-45deg) translate3d(4px, -4px, 0px);
  		transform: rotate(-45deg) translate3d(4px, -4px, 0px);
  		-webkit-transform-origin: center;
  		transform-origin: center;
  		-webkit-transition-delay: 0.3s;
  		transition-delay: 0.3s;
  	}
  	.openNav #jsNavBtn::before {
  		opacity: 1;
  		visibility: visible;
  		bottom: -15px;
  	}
  	.openNav #jsNavBtn:after {
  		opacity: 0;
  		visibility: hidden;
    }
@media screen and (min-width:1000px){
  #main_header{
    padding:0 40px;
  }
}
@media screen and (max-width:587px){
  .site-description{
    display:none;
  }
}
/*---------------------------------------------------------------*/
/*---sidebar-----------------------------------------------------*/
aside .widget{
  margin:45px 0;
}
aside .widget:nth-of-type(1){
  margin-top:0;
}
aside .widget:nth-last-of-type(1){
  margin-bottom:0;
}
h3.widget__title{
  margin:0;
  margin-bottom:0.5em;
  font-size:1em;
  font-family: var(--en-fonts);
  font-weight: 700;
  font-style: normal;
}
.search-form{
  display: flex;
}
.search-form label{
  width:100%;
}
input{
  font-size:16px;
}
input.search-field,
input[type="text"],
input[type="email"],
textarea{
  -webkit-appearance: none;
  appearance: none;
  width:100%;
  padding:0.5em;
  border-radius: 0;
  border:solid 1px var(--dark-color);
  outline:0;
  transition:0.3s;
}
input[type="text"],
input[type="email"],
textarea{
  border-radius: 5px;
  padding:1em;
  margin-top:0.5em;
}
input.search-field:focus,
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{
  background:var(--light-color);
}
input[type="submit"]{
  -webkit-appearance: none;
  appearance: none;
  margin-left:3px;
  padding:0 1em;
  border-radius:0;
  box-shadow:0;
  border:0;
  cursor:pointer;
  background:var(--dark-color);
  color:#fff;
  transition:0.3s;
}
.wpcf7-form input[type="submit"]{
  width: 100%;
  height: 48px;
  margin-top: 2em;
}
.wpcf7-form input[type="submit"]:hover{
  background:var(--main-color);
}
.widget ul{
  margin:0;
  padding:0;
}
.widget li{
  border-bottom:solid 1px #ddd;
  list-style:none;
  margin-bottom: 1rem;
}
.widget li a{
  text-decoration:none;
  color:var(--dark-color);
  line-height:2em;
  font-size:0.8em;
}
aside div.popular-posts li{
  padding-bottom:1em
}
.widget_tag_cloud{
  display: flex;
  justify-content: start;
  position:relative;
}
.widget_tag_cloud::before{
  content:"";
  height:calc(100% - 2em);
  width:1px;
  display:block;
  position:absolute;
  background:#ddd;
  left:5px;
  bottom:0;
  z-index:-1;
}
.widget_tag_cloud > h3{
  margin:0;
  margin-right:0.8em;
  color:var(--dark-color);
}
.widget .tagcloud{
  display:flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.tag-cloud-link{
  font-size:0.8em !important;
  display:block;
  text-decoration: none;
  color:var(--dark-color);
  line-height:20px;
  padding:0 5px;
  font-weight:300;
  margin:0 4px 4px 0;
}
/*---------------------------------------------------------------*/
/*--fotter-------------------------------------------------------*/
.site-footer{
  background-color:var(--main-color);
  color:#fff;
  margin-top: 80px;
}
.site-footer .copyright{
  text-align: center;
  font-size:0.8em;
  font-weight:300;
  padding:1em;
}
.site-footer .copyright p{
  margin:0;
}
/*---------------------------------------------------------------*/
/*--archive------------------------------------------------------*/
.entries-article{
margin:0 0 60px 0;
}
@media screen and (min-width:640px){
  .entries{
    display: flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .entries-article{
    width:calc(50% - 10px);
  }
}
.entries-article__info{
  margin-top:1em;
}
.top-section__heading{
  margin:0;
  font-size:1.5em;
}
.post-eyecatch{
  height:auto;
  width:100%;
  overflow: hidden;
  position:relative;
}
.post-eyecatch:before{
  content:"";
  display: block;
  padding-top:56.25%;
}
.post-eyecatch img{
  display:block;
  width: 100%;
  object-fit: cover;
  position:absolute;
  top:0;
  left:0;
  transition:0.3s;
}
.post-eyecatch a:hover img{
  transform: scale(1.05);
}
.entries-article__time{
  font-size:0.8em;
  color:var(--dark-color);
}
.entries-article__title{
  margin:0;
  font-size:1.2em;
}
.entries-article__title a{
  text-decoration:none;
  color:var(--dark-color);
}
.entries-article p{
  font-size:0.9em;
}
.more_read_button{
display: block;
text-align: right;
margin-bottom:1em;
}
.more_read_button a{
  font-family:var(--en-fonts);
  font-weight: 700;
  font-weight:bold;
  font-style:italic;
  color:var(--dark-color);
  display: inline;
}
.more_read_button a:hover{
  color:var(--main-color);
}
.cat_wrap,
.tag_wrap{
display:flex;
flex-wrap:nowrap;
font-size:0.8em;
}
.cat_wrap span,
.tag_wrap span{
  font-weight:bold;
}
.cat_wrap ul,
.tag_wrap ul{
  padding:0;
  margin:0;
}
.cat_wrap ul li,
.tag_wrap ul li{
  list-style: none;
  display:inline-block;
  margin-left:4px;
  margin-bottom:4px;
}
.cat_wrap a:hover{
  color:(--main-color);
}
.cat_wrap a,
.tag_wrap a{
  text-decoration: none;
  color:var(--dark-color);
  display: block;
  line-height:20px;
  padding:0 5px;
  font-weight:300;
}
.tag_wrap a,
.tag-cloud-link{
  border:solid var(--dark-color) 1px;
  border-radius:3px;
}
.tag_wrap a:hover,
.tag-cloud-link:hover{
  border:solid var(--main-color) 1px;
  color:var(--main-color);
}
/*--pagination--*/
.pagination ul{
  display: flex;
  list-style: none;
  justify-content: center;
  flex-wrap: nowrap;
  padding:0;
  margin:0;
}
@media screen and (max-width:1000px){
  .pagination{
    margin-bottom:60px;
  }
}
.pagination li{
  min-width:30px;
  min-height:40px;
  margin:0 2px;
}
.pagination li a,
.pagination li span{
  display: block;
  line-height:40px;
  vertical-align:center;
  width:100%;
  height:100%;
  text-align: center;
  text-decoration: none;
  color:var(--dark-color);
  border:solid 1px var(--dark-color);
  box-sizing:border-box;
}
.pagination li span.page-numbers{
  /*! opacity: 1; */
  background: var(--dark-color);
  color: #fff;
}
.pagination li span.dots{
  border:0;
  color:var(--dark-color);
  background:0;
}
/*--pagination-_end-*/
/*---------------------------------------------------------------*/
/*--single-------------------------------------------------------*/
main h1,
main h2,
main h3,
main h4,
main h5,
main h6{
  margin:3em 0 1em 0;
  color:var(--main-color);
}
.single main h2{
  color:var(--dark-color);
  border:solid 1px var(--main-color);
  border-left: 10px solid var(--main-color);
  padding: 0.5em 0.8em;
}
.single main h3{
  border-left: 5px solid var(--main-color);
  padding: 0.5em 0.8em;
}
main h4,
main h5,
main h6{
  border-bottom:solid 1px var(--main-color);
}
.single-title{
  margin:1em 0;
  color:var(--dark-color);
}
.entry-header{
  margin-bottom:2em;
  padding-bottom:2em;
  border-bottom:solid 1px #ddd;
}
.single .post-eyecatch{
  margin-bottom:2em;
}
.single .post-date{
  font-size:0.8em;
}
.single .pubdate{
  margin-right:0.8em;
}
.tag_category_wrap{
  display:flex;
  margin-top:5px;
  flex-wrap: wrap;
}
.cat_wrap{
  margin-right:0.8em;
}
.sharedaddy{
  margin-top:2em;
}
div.sharedaddy h3.sd-title{
  border-left:0;
  color:var(--dark-color);
}
#jp-relatedposts h4{
  border-bottom:0;
}
#jp-relatedposts a{
  text-decoration:none;

}
/*---------------------------------------------------------------*/