@charset "utf-8";
/*===============================

	Bace

================================*/
body {
margin:0;
-webkit-appearance:none;
-webkit-text-size-adjust:100%;
}
a {
color:inherit;
text-decoration:none;
}
a:hover {
color:#bcbcbc;
/* transition: 0.5s; */
}
#slide-wrap {
    position:relative;
    height:auto;
    margin:0;
    z-index:9998;
    overflow:hidden;
}
.slide {
    position:absolute;
    top:0;
    left:0;
    margin:0 auto;
    padding: 0;
}
 
/* 画像　*/
.slide img {
    width:92%;
    height:auto;
}
.slide > a {
    float:left;
    list-style-type:none;
}
/*===============================

	Type

================================*/
.wf-mplus1p { font-family: "M PLUS 1p"; }
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }
.type-z {
font-family:'Abel', sans-serif;
font-family:'Jura', sans-serif;
font-family:'Lato', sans-serif;
font-family:'Montserrat', sans-serif;
font-family:'Muli', sans-serif;
font-family:'Nunito', sans-serif;
font-family:'Poppins', sans-serif;
font-family:'Roboto Mono', monospace;
}
h1, h2, h3, h4, h5, h6 {
font-weight:600;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
}
h1.type-A, h2.type-A, h3.type-A, h4.type-A, h5.type-A {
background:white;
font-family:'Montserrat', sans-serif;
font-size:20px;
font-weight:normal;
letter-spacing:0px;
line-height:1.0em;
margin-bottom:5px;
margin-top:0px;
padding:0em;
}
h6.type-A {
font-family:'Montserrat', sans-serif;
font-size:120%;
font-weight:600;
letter-spacing:0px;
padding-bottom:5px;
}
h1.type-B, h2.type-B, h3.type-B, h4.type-B, h5.type-B, h6.type-B {
font-family:'Montserrat', sans-serif;
font-size:18px;
font-weight:600;
letter-spacing:0px;
}
h1.type-B span, h2.type-B span, h3.type-B span, h4.type-B span, h5.type-B span, h6.type-B span {
background:url("../images/icon/circle01.png") no-repeat left 8px;
display:block;
font-weight:bold;
padding:5px 0 5px 20px;
}
h1.type-C, h2.type-C, h3.type-C, h4.type-C, h5.type-C, h6.type-C {
font-family:'Montserrat', sans-serif;
font-size:22px;
font-weight:700;
letter-spacing:-2px;
line-height:1em;
margin-top:5px;
}
h1.type-D {
font-family:'Montserrat', sans-serif;
font-size:100%;
font-weight:600;
letter-spacing:-1px;
line-height:1em;
margin-top:5px;
}
h1.type-E {
font-family:'Montserrat', sans-serif;
font-size:110%;
font-weight:600;
letter-spacing:-1px;
line-height:0.8em;
padding: 1.5em 0.5em;
margin: 2.5em 0;
border-left: dashed 0px #292F33;/*点線*/
border-right: dashed 0px #292F33;/*点線*/
border-top: dashed 1px #292F33;/*点線*/
border-bottom: dashed 1px #292F33;/*点線*/
}
h1.type-F {
font-family:'Montserrat', sans-serif;
font-size:100%;
font-weight:700;
letter-spacing:-1px;
line-height:1em;
margin-top:5px;
padding-left: 10px;
}
ul.type-B {
font-family:'Montserrat', sans-serif;
font-size:18px;
font-weight:700;
letter-spacing: -0.06em;
line-height:1em;
}
ul.type-C {
font-family:'Montserrat', sans-serif;
font-size:14px;
font-weight:600;
letter-spacing:0px;
line-height:1em;
}
ul.type-D {
font-family:'Montserrat', sans-serif;
font-size:100%;
font-weight:600;
letter-spacing:0px;
line-height:1em;
}
ul.type-J {
font-family:"M PLUS Rounded 1c";
}
h1.type-36 {
font-family:'Montserrat', sans-serif;
font-size:220%;
font-weight:700;
letter-spacing:0px;
line-height:0.8em;
margin-bottom:0px;
margin-top:0px;
padding:0em;
}
h1.type-36f {
font-family:'Montserrat', sans-serif;
font-size:260%;
font-weight:700;
letter-spacing:-1.8px;
line-height:0em;
margin-bottom:20px;
margin-top:0px;
padding:0em;
}
h1.type-36j {
font-family: "M PLUS Rounded 1c";
font-size:180%;
font-weight:700;
letter-spacing:-0.1em;
line-height:0.8em;
margin-bottom:20px;
margin-top:0px;
padding:0em;
}
h1.type-46 {
font-family:'Montserrat', sans-serif;
font-size:300%;
font-weight:700;
letter-spacing:-2px;
line-height:0.8em;
margin-bottom:0px;
margin-left:-0.05em;
margin-top:0px;
padding:0em;
-webkit-appearance:none;
}
h1.type-462 {
border-bottom:solid 5px #7b7a7f;
border-top:solid 5px #7b7a7f;
font-family:'Montserrat', sans-serif;
font-size:380%;
font-weight:700;
letter-spacing:0px;
line-height:0.8em;
margin-bottom:0px;
margin-top:0px;
padding:0.2em;
}
h1.type-TTL {
font-family:'Montserrat', sans-serif;
font-size:360%;
font-weight:700;
letter-spacing:-2px;
line-height:0.8em;
margin-bottom:0px;
margin-left:-0.1em;
margin-top:0px;
padding:0em;
-webkit-appearance:none;
}
h1.type-sitename {
font-family:'Montserrat', sans-serif;
font-size:90%;
font-weight:700;
letter-spacing:-0.05px;
line-height:0.8em;
margin-bottom:0px;
margin-left:-0.1em;
margin-top:0px;
padding:0em;
-webkit-appearance:none;
}
.type-x {
font-family:'Montserrat', sans-serif;
font-weight:700;
letter-spacing: -0.05em;
}
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
font-family: "M PLUS Rounded 1c";
font-size:12px;
font-weight:300;
line-height:2.0em;
}
h1.title span, h2.title span, h3.title span, h4.title span, h5.title span, h6.title span {
background-position:left 14px;
}
.icon01 {
font-size:200%;
}
.newMark {
font-family:'Montserrat', sans-serif;
font-weight:700;
letter-spacing: -0.05em;
}
.type-30 {
font-size:90%;
}
.type-12 {
font-size:120%;
}
/*カテゴリのアカウント数*/	
.post-count {
margin-left: 0.2em;	
font-weight:700;
}
/*外部リンクにアイコン*/	
.content a[target=_blank] {
text-decoration:underline;/*下線を引く*/
/*padding-left: 12px;
background: url(../img/link-solid.svg) left center/10px auto no-repeat;画像*/
}
/*カエレバ*/	
.kaerebalink-box a {
font-size:90%;	
}
.value p {
background-color:#000000;
}
.adarea {
font-family:'Montserrat', sans-serif;
font-size:110%;
font-weight:700;
margin-top:10px;
line-height: 1.0em;
letter-spacing:-0.5px;
}
.adarea p {
padding-bottom: 5px;
}
.searchhighlight{
background:rgba(7, 7, 7, 0.48);
}

/*===============================

	thumbnail

================================*/
.thumbnail01 {
position: relative;/*相対配置*/	
}
.thumbnail01 img {
margin-bottom: initial;
margin: 0px;
padding: 0px;	
border: 0px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");/*画像をモノクロに*/	
filter: gray;/*画像をモノクロに*/
-webkit-filter: grayscale(100%);/*画像をモノクロに*/
}
.thumbnail01 img:hover{
filter: none;/*画像をカラーに*/
transition: 1.5s;
-webkit-filter: grayscale(0%);/*画像をカラーに*/
}

.thumbnail01 p {
position: absolute;/*絶対配置*/
font-family:'Montserrat', sans-serif;
font-weight:700;
top: 10px;
left: 10px;	
}
.headthumbnail {
padding-bottom: 20px;
}
.thumbnail02 img {
width:600px;
height: 450px;
}

.thumbnail02 p {
position: absolute;/*絶対配置*/
font-family:'Montserrat', sans-serif;
font-weight:700;
top: 10px;
left: 10px;	
}
.headthumbnail {
padding-bottom: 20px;
}



/*===============================

GoogleAD

================================*/
.googlead{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
}
ins[style]{
background-color:transparent;
}



/*===============================

	Carousel Horizontal Posts Content Slider

================================*/
.chpcs_title {
font-family: "M PLUS Rounded 1c";
padding: 5px;
font-weight:300;
color: #2f2a2a;
position: absolute;	
top: 10px;
left: 10px;
}
.chpcs_img img {
height: auto;
max-width: 50%;
vertical-align: bottom;	
}
.chpcs_image_carousel {

}


/*===============================

	Button

================================*/
button {
background:none;
background:rgba(0,0,0,0.09);
border:none;
cursor:pointer;
display:inline-block;
font-size:77%;
margin:20px 0;
padding:10px;
position:relative;
}
button::before,button::after {
background:#a9b879;
content:"";
height:2px;
position:absolute;
transition:all .2s linear;
width:0;
}
span::before,span::after {
background:#a9b879;
content:"";
height:0;
position:absolute;
transition:all .2s linear;
width:2px;
}
button:hover::before,button:hover::after {
width:100%;
}
button:hover span::before,button:hover span::after {
height:100%;
}
.btn-1::before,.btn-1::after {
transition-delay:.2s;
}
.btn-1 span::before,.btn-1 span::after {
transition-delay:0s;
}
.btn-1::before {
right:0;
top:0;
}
.btn-1::after {
bottom:0;
left:0;
}
.btn-1 span::before {
left:0;
top:0;
}
.btn-1 span::after {
bottom:0;
right:0;
}
.btn-1:hover::before,.btn-1:hover::after {
transition-delay:0s;
}
.btn-1:hover span::before,.btn-1:hover span::after {
transition-delay:.2s;
}


/*===============================

	PostNavi single.php

================================*/
.postnavi {
font-family: "M PLUS Rounded 1c";
padding-bottom:20px;
padding-top:10px;
}
.prev {
font-family:'Montserrat', sans-serif;
font-weight:800;
margin-left:auto;
margin-right:auto;
margin-bottom: -10px;
}
.prev a {
color:#666;
font-weight:normal;
line-height:25px;
margin-bottom:7px;
}
.prev a:hover {
color:#bcbcbc;
}
.next {
font-family:'Montserrat', sans-serif;
font-weight:800;
margin-left:auto;
margin-right:auto;
}
.next a {
color:#666;
font-weight:normal;
line-height:25px;
margin-bottom:7px;
}
.next a:hover {
color:#bcbcbc;
}
.categories {
font-family:'Montserrat', sans-serif;
font-size:110%;
font-weight:700;
margin-top:0px;
line-height: 1.0em;
letter-spacing:-0.5px;
}
.recentcategories {
font-family:'Montserrat', sans-serif;
padding-bottom:0px;
padding-top:10px;
}
.recentcategories2 {
font-family:'Montserrat', sans-serif;
padding-bottom:10px;
padding-top:10px;
}


/*===============================

	SNSshre

================================*/
.sharebtn {
font-size:180%;
margin-top:0px;
padding-bottom :15px;
padding-top :20px;
}
.sharebtn ul {
margin-left:-10px;
text-align:left;
}
.sharebtn ul li {
display:inline-block;
margin-left:10px;
letter-spacing:-5px;
}

/*===============================

	Featured image

================================*/
.featuredimg {
font-size:180%;
margin-top:0px;
padding-bottom :15px;
padding-top :20px;
}
.featuredimg ul {
margin-left:0px;
text-align:left;
}
.featuredimg ul li {
display:inline-block;
margin-left:0px;
letter-spacing:-5px;
}
.featuredimg img {width:110px;}

.entry02 p {
	
}

/*===============================

	Slider

================================*/
.bg-slider {
align-items:center;
background-position:center center;
background-size:cover;
display:flex;
justify-content:center;
width:100%;
}
.bg-slider__title {
color:#fff;
font-size:180%;
font-weight:100;
line-height:1.5;
padding-top:100px;
text-align:center;
}
.frontimages-type {
color:#fff;
font-size:180%;
letter-spacing:.4rem;
padding:15rem 0;
}


/*===============================

	TopScroll

================================*/
#page-top {
bottom:90px;
font-family:'Montserrat', sans-serif;
font-size:90%;
font-weight:700;
letter-spacing:0px;
position:fixed;
right:20px;
}
#page-top a {
background-image:linear-gradient(rgba(0,0,0,0) 50%, rgba(0, 0, 0, 1) 50%);
background-position:0 0;
background-size:auto 200%;
margin-left:1.36em;
padding:0.1em;
padding-right:0;
transition:.3s;
}
#page-top a:hover {
background-position:0 100%;
color:#fff;
}


/*===============================

	PageHeader

================================*/
.page-header {
background:rgba(255, 255, 255,1);
position:static;
}

.page-header .transform {
background:rgba(255, 255, 255,.4);
left:0;
position:fixed;
top:0;
transition:.5s;
width:100%;
z-index:9998;
}
.page-header-inner {
margin-bottom:0px;
margin-top:30px;
}
.page-header.hide {
transform:translatey(-100%);
}
.page-header-inner2 {
padding-bottom:10px;
padding-top:10px;
}
.page-header-inner svg {
margin-top:0;
width:160px;
}
.page-header-inner img {
margin-top:0;
}
.site h1 a {
color:#000000;
text-decoration:none;
}
.site h1 {
font-size:30px;
margin:0;
}
.site img {
border:none;
}
.site-logo {
float:left;
margin-top:10px;
}
.topimg {
height:auto;
max-width:100%;
vertical-align:bottom;
}
.catch {
background-color:rgba(255,255,255,0.7);
font-size:28px;
margin:0;
padding:15px;
}
.top {
position:relative;
}
.catch {
bottom:7%;
left:3%;
position:absolute;
}

/*===============================

	Footer

================================*/
.footer{
padding-bottom: 100px;
padding-top: 0px;
}
.footer-inner{
border-top: 0px solid rgb(153, 153, 153);
margin: auto;
margin-top: 50px;
padding-bottom: 60px;
padding-top: 0px;
}
/*  Copyright */ 
.copyright{
float: left;
font-family: 'Montserrat', sans-serif;
font-size: 90%;
font-weight: 700;
letter-spacing: 0px;
line-height: 1.2em;
padding-top: 0px;
text-transform: uppercase;
}
.copyright a{
}
.copyright a:hover{
color: #bdc3c7;
}

/*===============================

	Search

================================*/
form#searchform input[type="text"]{
border: none;
border-bottom: 1px solid #000;
padding: 0px 0px;
}
form#searchform input[type="submit"]{
background: #ffffff;
border: none;
cursor: pointer;
font-family: 'Montserrat', sans-serif;
font-size: 100%;
font-weight: 700;
}
form#searchform input[type="submit"]:hover{
background: #ffffff;
color: #bdc3c7;
}

/*===============================

	GoogleMap

================================*/
.ggmap{
height: 0;
margin-bottom: 40px;
margin-top: 10px;
overflow: hidden;
padding-bottom: 100px;
padding-top: 20px;
position: relative;
}
.ggmap iframe,.ggmap object,.ggmap embed{
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
h1.type-map{
border-bottom: solid 0px #7b7a7f;
border-top: solid 0px #7b7a7f;
font-weight: 500;
letter-spacing: 1px;
line-height: 1em;
margin-bottom: 5px;
margin-left: 0;
margin-right: 0;
margin-top: 20px;
text-align: left;
}
/*===============================

	Container

================================*/
.container01 .inner{
border-left: solid 0px #7b7a7f;
border-right: solid 0px #7b7a7f;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
text-align: center;
}
.container01 .inner02{
border-left: solid 0px #7b7a7f;
border-right: solid 0px #7b7a7f;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
text-align: left;
}
.container06 .inner{
border-left: solid 0px #7b7a7f;
border-right: solid 0px #7b7a7f;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
text-align: left;
}
.container04 .inner{
text-align: center;
}
.containertitle01 .inner{
border-left: solid 1px #292f33;
border-right: solid 1px #292f33;
padding-bottom: 15px;
padding-top: 15px;
text-align: center;
}
.containertitle01 .inner02{
border-left: solid 1px #292f33;
border-right: solid 1px #292f33;
padding-bottom: 20px;
padding-top: 40px;
text-align: center;
}
.containertitle01 .inner03{
border-left: solid 0px #292f33;
border-right: solid 0px #292f33;
padding-bottom: 15px;
padding-top: 15px;
text-align: center;
}
.container06 img{
display: block;
margin: auto;
max-width: 268px;
width: 100%;
}
.container02 p{
margin-top: 10px;
}
/* .container06  {background-color: #eee;}  */

/*	Container 左右
================================*/
.box5, .container00, .container01, .container02, .container03, .container05, .container06,.containertitle01,.page-header, .footer,.slider{
padding-left: 20px;
padding-right: 20px;
}
.container04{
padding-left: 5px;
padding-right: 5px;
}


/*	Container 上下
================================*/
container03{
padding-bottom: 20px;
}
container03-1{
padding-bottom: 20px;
}
container03-3{
padding-bottom: 20px;
}
container03-5{
padding-bottom: 20px;
}
container05{
padding-bottom: 20px;
}
container05-1{
padding-bottom: 20px;
}
.container00{
padding-top: 60px;
}
.container01{
padding-top: 40px;
}
.container02{
padding-top: 80px;
}
.container03{
padding-top: 0px;
}
.container04{
padding-top: 100px;
}
.container05{
padding-top: 20px;
}
.container06{
margin-top: 40px;
padding-top: 20px;
}
.container01-1, .container01-2, .container01-3{
padding-bottom: 10px;
}
.container06-1, .container06-2, .container06-3{
padding-bottom: 10px;
}
.containertitle01{
padding-top: 180px;
}

/*===============================

	Profile

================================*/
.profile{
padding-bottom: 30px;
padding-left: 0;
padding-top: 60px;
}
.profile table{
border-collapse: collapse;
margin-left: -10px;
}
.profile td,th{
border-top: 0 solid #666;
padding: 10px;
}
.profile tr:last-child td,.profile tr:last-child th{
border-bottom: 0 solid #666;
}
.overview a{
background-color: #fff;
border-top: solid 1px #323333;
color: #323333;
display: block;
text-align: center;
text-decoration: none;
}
.overview a:hover{
opacity: 0.8;
}
.overview i{
display: block;
font-size: 200%;
padding-bottom: 20px;
padding-top: 20px;
}
.overview .fas fa-wrench{
background-color: #ffffff;
}
.overview .fa-bar-chart-o{
background-color: #c58839;
}
.overview .fa-envelope{
background-color: #859f46;
}
.overview h1{
font-size: 120%;
font-weight: normal;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.overview p{
background: rgba(0,0,0,0.09);
margin-bottom: 0;
margin-top: 0;
padding-bottom: 15px;
padding-top: 15px;
}


/*===============================

	News

================================*/
.description{
margin-top: 30px;
}
.description02{
margin-top: 0px;
}
.description02 h1 {
margin-top: 0px;
}
.date{
font-family: 'Montserrat', sans-serif;
font-size: 130%;
font-weight: 500;
letter-spacing: 0px;
line-height: 1.34;
margin-bottom: 1.34em;
}
.date2{
font-family: 'Montserrat', sans-serif;
font-size: 150%;
font-weight: 500;
letter-spacing: 0px;
line-height: 1.34;
margin-bottom: 1.34em;
}
.title2{
font-family: "M PLUS Rounded 1c";
font-size: 14px;
font-weight: normal;
letter-spacing: 0px;
margin-bottom: 5px;
margin-top: 5px;
text-transform: uppercase;
}
.news .blog-list{
padding-bottom: 10px;
padding-top: 10px;
}
.news .blog-list-time{
max-width: 100px;
width: 100px;
}
.blog-list-box{
margin-bottom: 1rem;
}
.news .content{
font-family: "M PLUS Rounded 1c";
padding-bottom: 10px;
padding-top: 30px;
}
.content p{
	margin-top: 5px;
margin-bottom: 15px;

}
.news img{
margin-bottom: 10px;
}
.news img{
height: auto;
max-width: 100%;
vertical-align: bottom;
}
.indexlist{
padding-bottom: 40px;
padding-top: 10px;
}

/*===============================
	
 PLUGIN WP-Page Navi　角丸
 
*=============================== */
.navigation{
clear: both;
font-size: 90%;
line-height: 20px;
padding: 15px 0;
}
.wp-pagenavi .current{
background-color: #333;
border-radius: 3px;
color: #fff;
-moz-border-radius: 3px;
padding: 3px 4px;
-webkit-border-radius: 3px;
}
.wp-pagenavi span.extend{
background-color: #333;
border-radius: 3px;
color: #fff;
-moz-border-radius: 3px;
padding: 3px 4px;
text-decoration: none;
-webkit-border-radius: 3px;
}
.wp-pagenavi{
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span{
border: 1px solid #BFBFBF;
border-radius: 3px;
color: #BFBFBF;
margin: 2px;
-moz-border-radius: 3px;
padding: 3px 4px;
text-decoration: none;
-webkit-border-radius: 3px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current{
border-color: #000;
}
.wp-pagenavi span.current{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}


/*===============================

	Newsinfor Navi　角丸

================================*/
.catall_pagenavi{
clear: both;
line-height: 20px;
margin-top: 30px;
padding: 15px 0;
}
.catall_pagenavi .current{
background-color: #333;
border-radius: 3px;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
-moz-border-radius: 3px;
padding: 3px 4px;
-webkit-border-radius: 3px;
}
.catall_pagenavi a, .catall_pagenavi span{
border: 1px solid #bfbfbf;
font-family: 'Montserrat', sans-serif;
font-size: 100%;
margin: 0px;
-moz-border-radius: 3px;
padding: 3px 4px;
text-decoration: none;
-webkit-appearance: none;
-webkit-border-radius: 3px;
}
.catall_pagenavi a:hover, .catall_pagenavi span.current{
border-color: #000;
-webkit-appearance: none;
}
.catall_pagenavi span.current{
font-weight: bold;
-webkit-appearance: none;
}


/*===============================

	ContactForm7-2

================================*/
.wpcf7{width: 450px;}

/* .form-width { max-width: 100%;} */
.wpcf7 form input[type="text"],
.wpcf7 form textarea{
width: 400px; 
/* background-color: #ffcfba; */
border: none;
border: 1px solid #6e6e6e;
color: #666;
padding: 10px 0px;
background-color: #fff;
height: 15px;
border-radius:5px;
}
.wpcf7 form p {
text-transform: uppercase;
border-bottom: 1px solid #000;
color: #666;
padding-bottom: 0;
}
.wpcf7 form input[type="email"]{
border: none;
border: 1px solid #6e6e6e;
color: #666;
font-size: 100%;
padding: 10px 0px;
vertical-align: text-bottom;
width: 400px;
height: 15px;
border-radius:5px;
}
.wpcf7{
font-size: 100%;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
.wpcf7 form textarea{

line-height: 180%;
height: 15px;
}
.wpcf7 form input[type="submit"]{
background: #ffffff;
border: none;
color: #333;
cursor: pointer;
font-size: 16px;
font-weight: 700;
height: 40px;
letter-spacing: -1px;
margin-top: 20px;
-moz-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
-webkit-transition: background-color 0.2s linear;
}
.wpcf7 form input[type="submit"]:hover{
color: #bdc3c7;
}
.wpcf7 .noline{
border-bottom: 0px solid #000;
}
.wpcf7-response-output {
width: 400px;
font-weight: normal;	
background: #fff;
border-radius: 15px;
border: 0px;
line-height: 25px;
text-align: center;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
position: absolute;
top: 0;
width: 400px;
text-align:right;
}
.div .wpcf7-mail-sent-ok {
border: 0px solid #398f14;
}
@media (max-width: 767px) {
span.wpcf7-not-valid-tip {
width: 100%;
}
.wpcf7-response-output {
width: 85%;	
}	
.form-width { max-width: 100%;
}	
.wpcf7{width: 100%;
}	
}

/*===============================
	
  Blog Card
  
================================*/
.blog-card {
  background: #fff;
	border-top:dashed 1px #292F33;/*点線*/
	border-bottom:dashed 1px #292F33;/*点線*/
	word-wrap:break-word;
	max-width:100%;
	border-radius:0px;
	margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 0spx;
  /* sp用 ※4 */
}

.blog-card a {
  text-decoration: none;
}
.blog-card-title {
	display: block;
}
.blog-card-thumbnail {
	float:left;
	padding-top:10px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right: 10px;
}
.blog-card-thumbnail img {
	display: block;
	padding: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.blog-card-content {
	line-height:120%;
}
.blog-card-title {
	padding:10px 10px 10px 0;
	font-size:100%;
  line-height: 1.5em;
}
.blog-card-excerpt {
	color:#333;
	margin:0 10px 10px;
  line-height: 1.5em;
}
.blog-card .clear {
  clear: both;
}
.tmt-blog-card-site {
    color: #b2b2b2;
    font-size: 11px;
    padding-left: 5px;
}

/*===============================

	Comments

================================*/
/*===============================

	Comments

================================*/






/*===============================
  ===============================
	RESPONSIVE 設定
  ===============================
================================*/

/*===============================

	Less than 767

================================*/
@media (max-width: 767px) {
.frontimages01,.frontimages02{
height: 230px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
text-align: center;
width: 100%;
}
/*トリミング.thumbnail01 img {
height: 300px;
object-fit: cover; 
}*/
h1.type-46{
font-size: 260%;
}
h1.type-36{
font-size: 200%;
}
h1.type-36f {
font-family:'Montserrat', sans-serif;
font-size:200%;
font-weight:700;
letter-spacing:-1.8px;
line-height:0em;
margin-bottom:20px;
margin-top:0px;
padding:0em;
}
h1.type-TTL {
font-size:330%;
}

.container03{
padding-top: 30px;
}
h1.type-c{
padding: 1em 1em 1em 1em;
}
h1.type-d{
padding: 1em 1em 1em 1em;
}
h1.type-a,h2.type-a,h3.type-a,h4.type-a,h5.type-a{
padding: 1em 1em 1em 1em;
text-align: center;
}
.googlead {
margin-left: 1em;
margin-right: 1em;	
}
.container01 .inner,.container01 .inner02, .container02 .inner, .container04 .inner,.container06 .inner,.containertitle01 .inner,.container03-4{
margin-left: 2.5em;
margin-right: 2.5em;
}
h1.type-j{
font-size: 110%;
}
.page-header-inner{
margin-top: 30px;
padding-bottom: 60px;
}
.page-nav{
background-color: rgba(255, 255, 255, 0.99);
height: 20px;
width: 100%;
}
.bg-slider{
height: 260px;
}
.bg-slider__title{
color: #fff;
font-size: 140%;
font-weight: 500;
line-height: 1.5;
margin-bottom: 70px;
margin-left: 20px;
margin-right: 20px;
text-align: center;
}
a#menu{
display: inline-block;
height: 50px;
margin: 10px;
position: relative;
width: 40px;
}
#menubtn{
background: #292F33;
display: block;
height: 2px;
left: 50%;
margin: -1px 0 0 -7px;
position: absolute;
top: 90%;
transition: .2s;
width: 18px;
}
#menubtn:before, #menubtn:after{
background: #292F33;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
top: 50%;
transition: .3s;
width: 18px;
}
#menubtn:before{
margin-top: -7px;
}
#menubtn:after{
margin-top: 5px;
}
a#menu .close{
background: transparent;
}
a#menu .close:before, a#menu .close:after{
margin-top: 0;
}
a#menu .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
a#menu .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.panel{
display: none;
left: 0;
overflow: hidden;
position: relative;
top: 20px;
width: 100%;
z-index: 100;
}
#mainnav{
margin-top: 0px;
position: absolute;
right: 0;
text-align: right;
top: 0;
width: 100%;
z-index: 500;
}
#mainnav ul{
background: #fff;
border-bottom: 1px solid #ccc;
text-align: left;
}
#mainnav li a{
border-bottom: 1px solid #eee;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 15px 25px;
position: relative;
}
#mainnav li a:before{
border-right: solid 2px #000;
border-top: solid 2px #000;
content: "";
display: block;
height: 6px;
left: 5px;
margin: -4px 0 0 0;
position: absolute;
top: 50%;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 6px;
}
.frontimages-type01{
color: #fff;
font-size: 140%;
font-weight: normal;
letter-spacing: 2px;
padding-top: 120px;
text-align: center;
}
}

/*===============================

	Over 768px

================================*/
@media (min-width: 768px) {
h1.type-c{
padding: 1em 1em 1em 4em;
}
h1.type-d{
padding: 1em 1em 1em 4em;
}
h1.type-a,h2.type-a,h3.type-a,h4.type-a,h5.type-a{
padding: 1em 1em 1em 1em;
text-align: left;
}
.page-header-inner{
width: 100%;
}
.container00 .inner, .container01 .inner, .container01 .inner02, .container02 .inner, .container04 .inner, .container06 .inner, .containertitle01 .inner{
margin-left: 2em;
margin-right: 2em;
}
.bg-slider{
height: 460px;
}
.slider{
padding-top: 20px;
}
a#menu{
display: none;
}
.panel{
display: block !important;
}
#mainnav{
float: right;
font-size: 100%;
letter-spacing: 0;
margin-top: 15px;
}
#mainnav ul{
font-family: 'Montserrat', sans-serif;
font-weight: 600;
letter-spacing: 0.5px;
text-align: right;
}
#mainnav li{
display: inline;
display: inline-block;
display: -moz-inline-box;
zoom: 1;
}
#mainnav a{
background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(0, 0, 0, .8) 50%);
background-position: 0 0;
background-size: auto 200%;
margin-left: 0.5em;
padding: 0.1em;
padding-right: 0;
transition: .3s;
}
#mainnav a:hover{
background-position: 0 100%;
color: #fff;
}
#mainnav.changenav{
background: rgba(255,255,255,1);
border-bottom: 1px solid #d1d1d1;
}
#mainnav.changenav li{
padding: 20px 10px;
}
.page-nav{
background: rgba(255,255,255,1);
border-bottom: solid 0px #292F33;
border-top: 0px solid #476834;
height: 40px;
width: 100%;
}
.page-nav .transform{
background: rgba(255,255,255,.8);
}
.container03:after{
clear: both;
content: "";
display: block;
}
.container03-1{
box-sizing: border-box;
float: left;
margin-top: 120px;
-moz-box-sizing: border-box;
padding-right: 120px;
-webkit-box-sizing: border-box;
width: 75%;
}
.container03-2{
float: left;
padding-left: 0px;
width: 20%;
}
.container05:after{
clear: both;
content: "";
display: block;
}
.container03-3{
box-sizing: border-box;
float: left;
-moz-box-sizing: border-box;
padding-right: 0px;
-webkit-box-sizing: border-box;
width: 50%;
}
.container06-1{
float: left;
width: 50%;
}
.container06-2{
box-sizing: border-box;
float: left;
-moz-box-sizing: border-box;
padding-right: 0px;
-webkit-box-sizing: border-box;
width: 50%;
}
.container06-3{
float: left;
width: 50%;
}
.container05:after{
clear: both;
content: "";
display: block;
}
.container05-2{
box-sizing: border-box;
float: left;
-moz-box-sizing: border-box;
padding-right: 35px;
-webkit-box-sizing: border-box;
width: 65%;
}
.container05-1{
float: left;
width: 35%;
}
.container01:after{
clear: both;
content: "";
display: block;
}
.container01-1{
float: left;
margin-right: 2%;
width: 32%;
}
.container01-2{
float: left;
margin-right: 2%;
width: 32%;
}
.container01-3{
float: left;
width: 32%;
}
.container06:after{
clear: both;
content: "";
display: block;
}
.container06-1{
float: left;
margin-right: 2%;
width: 32%;
}
.container06-2{
float: left;
margin-right: 2%;
width: 32%;
}
.container06-3{
float: left;
width: 32%;
}
}

/*===============================

	Over 960px

================================*/
@media (min-width: 960px) {
/*  PageHeader */ 
.page-header-inner{
height: 60px;
margin-bottom: 0px;
margin-top: 30px;
} 
/*  Container */ 
.box3, .box5-inner, .container00, .container01, .container02, .container03, .container04, .container05, .container06, .containertitle01,.page-header, .footer{
margin-left: auto;
margin-right: auto;
width: 960px;
}
.slider{
margin-left: auto;
margin-right: auto;
padding-top: 20px;
width: 960px;
}
.container00 .inner, .container01 .inner, .container01 .inner02,.container02 .inner, .container04 .inner, .container06 .inner, .containertitle01 .inner{
margin-left: 5em;
margin-right: 5em;
}
.container04 .inner{
margin-left: 1em;
margin-right: 1em;
}
.news2{
margin-right: 1em;
}
.container01 .inner{
margin-left: 10em;
margin-right: 10em;
}
/*  Type */ 
h1.type-c{
padding: 1em 1em 1em 4em;
}
h1.type-d{
padding: 1em 1em 1em 4em;
}
h1.type-a,h2.type-a,h3.type-a,h4.type-a,h5.type-a{
padding: 1em 1em 1em 3.5em;
text-align: left;
}
}