@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;
}
.red {color: #ff0000;}

/* .fas {
color:#3C3C3B
} */
/*===============================

	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;
line-height:1.0em;
letter-spacing:0px;
padding-bottom:0px;
}
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;
}
h1.type-G {
font-family:'Montserrat', sans-serif;
font-size:120%;
font-weight:700;
letter-spacing: -0.06em;
line-height:1em;
margin-top:5px;
padding-left: 10px;
}
h1.type-H {
font-family:'Montserrat', sans-serif;
font-size:120%;
font-weight:700;
letter-spacing:-1px;
line-height:1em;
margin-top:5px;
padding-left: 0px;
}
h1.type-I {
font-family:'Montserrat', sans-serif;
font-size:120%;
font-weight:700;
letter-spacing:-1px;
line-height:1em;
margin-top:5px;
padding-bottom: 10px;
}
ul.type-B {
font-family:'Montserrat', sans-serif;
font-size:18px;
font-weight:600;
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:-1px;
line-height:0.8em;
margin-bottom:0px;
margin-top:0px;
padding:0em;
}
h1.type-362 {
font-family:'Montserrat', sans-serif;
font-size:220%;
font-weight:700;
letter-spacing:0px;
line-height:0.8em;
margin-bottom:10px;
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:30px;
margin-top:0px;
padding:0em;
}
h1.type-36f2 {
font-family:'Montserrat', sans-serif;
font-size:180%;
font-weight:700;
letter-spacing:-1.8px;
line-height:1.5em;
margin-bottom:20px;
margin-top:40px;
padding:0em;
border-top: dashed 1px #292F33;/*点線*/
border-bottom: dashed 1px #292F33;/*点線*/
}
h1.type-36f3 {
font-family:'Montserrat', sans-serif;
font-size:260%;
font-weight:700;
letter-spacing:-1.8px;
line-height:0em;
margin-bottom:0px;
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:260%;
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-46f {
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:240%;
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;
text-transform: uppercase;
}
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-20 {
font-size:70%;
}
.type-060 {
font-size:60%;
}
.type-20f {
font-size:180%;
font-family:'Montserrat', sans-serif;
font-weight:700;
letter-spacing:-1.5px;
line-height:1.0em;
margin-bottom:0px;
margin-left:-0.05em;
margin-top:0px;
padding:0em;
}
.type-12-2 {
font-family:'Montserrat', sans-serif;
font-weight:600;
letter-spacing: -0.05em;
font-size:14px;;
}

.type-12 {
 font-family:'Montserrat', sans-serif;
 font-weight:700;
 letter-spacing: -0.05em;
 font-size:120%;
 }

/*カテゴリのアカウント数*/	
.post-count {
margin-left: 0.2em;	
font-weight:600;
}
/*外部リンクにアイコン*/	
.content a[target=_blank] {
text-decoration:underline;/*下線を引く*/
/*padding-left: 12px;
background: url(../img/link-solid.svg) left center/10px auto no-repeat;画像*/
}
/*カエレバ*/	
.kaerebalink-image{
margin:0 0px 0px 0;
}
.kaerebalink-image img{
width: 85%;
}
.kaerebalink-box a {
font-size:90%;	
}
.kaerebalink-image2 {
margin:0 0px 0px 0;
}
.kaerebalink-image2 img{
/* width: 85%; */
}
.kaerebalink-box2 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);
}
hr.s001{
border-top: 10px solid #292F33;
}
.search-highlight {
	border-bottom:solid 2px #bcbcbc;
}

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

	Swiper

================================*/
.swiper-container {
background: #bcbcbc;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
margin-bottom: 20px;
margin-top: 10px;
/*border-radius:6px;*/
/*border: solid 2px #575649;/*実線*/
}
.swiper-slide .post__thumb--img {
margin: 0 0 0 0px;
}
.swiper-slide .post__thumb--img a {
padding-top: 75%;
width: 100%;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.swiper-pagination{
margin-bottom: 10px;
}
.swiper-container .text-block {
position: absolute;/*絶対配置*/
font-family:'Montserrat', sans-serif;
font-weight:700;
top: 10px;
left: 10px;	
line-height: 1.2em;
}
.swiper-container .text-block a{
font-family: "M PLUS Rounded 1c";
font-weight:500;
}
.post__thumb--img {
/* 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: grayscale(40%);/*彩度を落とす（元は95%＝ほぼモノクロ）*/
-webkit-filter: grayscale(40%);/*彩度を落とす（元は95%＝ほぼモノクロ）*/
}
.post__thumb--img:hover{
filter: none;/*画像をカラーに*/
transition: 1.5s;
-webkit-filter: grayscale(0%);/*画像をカラーに*/
}
.swiper-pagination-bullet {
 background:#292F33!important;
}
.swiper-button-next,
.swiper-button-prev {
	--swiper-navigation-color: #f2f2f2; /*ここに変更する色を指定*/
}
/*===============================

	Swiper02

================================*/
.swiper-slide .post__thumb--img02 {
margin: 0 0 0 0px;
}
.swiper-slide .post__thumb--img02 a {
padding-top: 75%;
width: 100%;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

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

valuecommerceAD

================================*/
.valuecommercead{
font-family: "M PLUS Rounded 1c"; 
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
ins[style]{
background-color:transparent;
}
/*===============================

GoogleAD

================================*/
.non-googlead{
display: none;		
}

.googlead{
margin-top: 15px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
}
ins[style]{
background-color:transparent;
}
/*.googlead ins{
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: grayscale(95%);/*画像をモノクロに*/
/*-webkit-filter: grayscale(95%);
}/*画像をモノクロに*/
/*.googlead ins:hover{
/*filter: none;/*画像をカラーに*/
/*ransition: 1.5s;
-webkit-filter: grayscale(0%);
}/*画像をカラーに*/





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

	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:220%;
margin-top:0px;
padding-bottom :15px;
padding-top :20px;
}
.sharebtn ul {
margin-left:-10px;
text-align:left;
}
.sharebtn li a {
transition: 0.5s;
}
.sharebtn ul li {
display:inline-block;
margin-left:10px;
letter-spacing:-5px;
}
.twitter a:hover {color:#55acee;}
.facebook a:hover {color:#3B5998;}
.line a:hover {color:#1dcd00;}
.pin a:hover {color:#cb2027;}
.rss a:hover {color:#ff9900;}
.pocket a:hover {color:#EB4654;}

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

	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:#FCFCFC;
}


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

	PageHeader

================================*/
.page-header {
/* background:#FCFCFC; */
position:static;
}
.page-header-inner {
margin-bottom:0px;
margin-top:30px;
}

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

	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

================================
.searchform02{
margin-top: 10px;
margin-bottom: 10px;
}
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;
}*/
.searchform{
margin-top: 10px;
margin-bottom: 10px;
}
.search_container{
box-sizing: border-box;
}
.search_container input[type="text"]{
border: none;
border-bottom: 1px solid #000;
padding: 0px 0px;
overflow: hidden;
background-color: #FCFCFC;
}
.search_container input[type="text"]:focus {
outline: 0;
}
.search_container input[type="submit"]{
cursor: pointer;
font-family: FontAwesome;
font-size: 1.3em;
border: none;
background: none;
color: #2b2b2b;
outline : none;
display: inline-block;
vertical-align: middle;
}
input:-webkit-autofill {
box-shadow: 0 0 0 1000px #FCFCFC inset;
}

/*	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;
}



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

	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;
padding-left: 3px;
}
.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: 80%;
line-height: 20px;
padding: 15px 0;
}
.wp-pagenavi{
clear: both;
font-size: 80%;
font-family:'Montserrat', sans-serif;
}
.wp-pagenavi a, .wp-pagenavi span {/*全体の指定*/
color: #2b2b2b;
background-color: #FCFCFC;
border: solid 1px #c4c4c4;/*ボーダ色*/
padding: 5px 5px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration:none;
}
.wp-pagenavi a:hover{/*マウスオン時の指定*/
color: #FCFCFC;
/*background-color:#2b2b2b;背景色*/ 
/*border: solid 1px #2b2b2b;ボーダ色*/
background-color:#3C3C3B;/*背景色*/ 
border: solid 1px #3C3C3B;/*ボーダ色*/
}
.wp-pagenavi span.current{/*現在ページの指定*/
color: #FCFCFC;
background-color:#3C3C3B;/*背景色*/ 
border: solid 1px #3C3C3B;/*ボーダ色*/
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: #FCFCFC;
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: 100%;}

/* .form-width { max-width: 100%;} */
.wpcf7 form input[type="text"],
.wpcf7 form textarea{
width: 400px; 
/* background-color: #ffcfba; */
border: none;
border: 0px solid #6e6e6e;
color: #666;
padding: 10px 0px;
background-color: #F2f2f2;
/* background-color: #FCFCFC; */
height: 15px;
border-radius:5px;
}
.wpcf7 form p {
text-transform: uppercase;
border-bottom: 0px solid #000;
color: #666;
padding-bottom: 0;
}
.wpcf7 form input[type="email"]{
border: none;
border: 0px solid #6e6e6e;
color: #666;
font-size: 100%;
padding: 10px 0px;
vertical-align: text-bottom;
background-color: #F2f2f2;
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: #FCFCFC;
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: #FCFCFC;
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;
}

/*===============================
	
  Blog Card
  
================================*/
.blog-card {
/* background: #FCFCFC; */
border-left:solid 0px #828384;/*点線*/
border-right:solid 0px #828384;/*点線*/
word-wrap:break-word;
max-width:100%;
border-radius:0px;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 0px;
/* sp用 ※4 */
}
.blog-card a {
text-decoration: none;
}
.blog-card-title {
display: block;
}
.blog-card-thumbnail {
float:left;
padding-top:0px;
padding-bottom:4px;
padding-left:0px;
padding-right: 10px;
}
.blog-card-thumbnail img {
filter: grayscale(95%);
-webkit-filter: grayscale(95%);
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-thumbnail img:hover{
filter: none;/*画像をカラーに*/
transition: 1.5s;
-webkit-filter: grayscale(0%);
}
.blog-card-content {
line-height:1.0em;
}
.blog-card-title {
font-size:100%;
line-height: 1.2em;
}
.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;
}

/*===============================
	
  Post List
  
================================*/
.postlist01 {
font-family: "M PLUS Rounded 1c"; 
/* background: #FCFCFC; */
border-top:dashed 0px #292F33;/*点線*/
border-bottom:dashed 0px #292F33;/*点線*/
word-wrap:break-word;
max-width:100%;
border-radius:0px;
margin-top: 10px;
margin-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 0px;
/* sp用 ※4 */
}
.postlist01 a {
text-decoration: none;
}
.postlist01-title {
display: block;
}
.postlist01-thumbnail {
float:right;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right: 0px;
border-radius: 10%;
overflow: hidden;
margin-left: 10px;
}
.postlist01-thumbnail img {
width: 75px;
height: 75px;
margin-right: .4rem;
border: solid 1px #a6a;
border-radius: 8px;	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;
}
.postlist01-thumbnail 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: grayscale(95%);/*画像をモノクロに*/
-webkit-filter: grayscale(95%);/*画像をモノクロに*/
}
.postlist01-thumbnail img:hover{
filter: none;/*画像をカラーに*/
transition: 1.5s;
-webkit-filter: grayscale(0%);/*画像をカラーに*/
}
.postlist01-content {
line-height:120%;
}
.postlist01-title {
font-size:100%;
line-height: 1.5em;
}
.postlist01-excerpt {
color:#333;
line-height: 1.5em;
}
.postlist01 .clear {
clear: both;
}
.tmt-postlist01-site {
color: #b2b2b2;
font-size: 11px;
padding-left: 5px;
}
/*===============================
	
  Post List02
  
================================*/
.postlist02 {
font-family: "M PLUS Rounded 1c"; 
/* background: #FCFCFC; */
border-top:dashed 0px #292F33;/*点線*/
border-bottom:dashed 0px #292F33;/*点線*/
word-wrap:break-word;
max-width:100%;
border-radius:0px;
margin-top: 10px;
margin-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 0px;
/* sp用 ※4 */
}

.postlist02 a {
text-decoration: none;
}
.postlist02-title {
display: block;
}
.postlist02-thumbnail {
float:left;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right: 10px;
border-radius: 0%;
overflow: hidden;
}

.postlist02-thumbnail img {
width: 80px;
height: 60px;
object-fit: cover;
margin-right: .4rem;
border: solid 1px #a6a;
border-radius: 0px;	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;
}
.postlist02-thumbnail 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: grayscale(95%);/*画像をモノクロに*/
-webkit-filter: grayscale(95%);/*画像をモノクロに*/
}
.postlist02-thumbnail img:hover{
filter: none;/*画像をカラーに*/
transition: 1.5s;
-webkit-filter: grayscale(0%);/*画像をカラーに*/
}
.postlist02-content {
line-height:120%;
}
.postlist02-title {
font-size:100%;
line-height: 1.5em;
}
.postlist02-excerpt {
color:#333;
line-height: 1.5em;
}
.postlist02 .clear {
clear: both;
}
.postlist02-site {
color: #b2b2b2;
font-size: 11px;
padding-left: 5px;
}
.postlist02-view {
color: #FCFCFC;
background-color: black;
font-size: 80%;
width:50px;
text-align:center;
}

.sga-ranking  {
padding:0;
margin-top:20px;
}
.sga-ranking ol {
counter-reset:num;
list-style-type: none!important;
padding:0;
margin:0;
}
.sga-ranking ol li {
position: relative;
padding-left: 30px;
line-height: 1em;
padding: 0.5em 0.5em 0.5em 25px;
}
.sga-ranking ol li:before {
content: "";
position: absolute;
counter-increment: num;
content: counter(num);
display:inline-block;
background: #2b2b2b;
color: #FCFCFC;
font-family:'Montserrat', sans-serif;
font-weight:700;  font-weight:bold;
font-size: 100%;
border-radius: 50%;
left: 0;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
top: 2px;
}
.sga-rankingdate {
padding-left: 25px;	
font-family:'Montserrat', sans-serif;
font-size:18px;
font-weight:600;
letter-spacing:0px;	
margin-bottom: 4px;
}
/*===============================

Post List03

================================*/
.postlist03 {
font-family: "M PLUS Rounded 1c"; 
background: #FCFCFC;
border-top:dashed 0px #292F33;/*点線*/
border-bottom:dashed 0px #292F33;/*点線*/
word-wrap:break-word;
max-width:100%;
border-radius:0px;
margin-top: 10px;
margin-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 0px;
/* sp用 ※4 */
}
.postlist03 a {
text-decoration: none;
}
.postlist03-title {
display: block;
}
.postlist03-thumbnail {
float:left;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right: 10px;
border-radius: 0%;
overflow: hidden;
}
.postlist03-thumbnail img {
width: 160px;
height: 120px;
object-fit: cover;
margin-right: .4rem;
border: solid 1px #a6a;
border-radius: 0px;	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;
}
.postlist03-thumbnail 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: grayscale(95%);/*画像をモノクロに*/
-webkit-filter: grayscale(95%);/*画像をモノクロに*/
}
.postlist03-thumbnail img:hover{
filter: none;/*画像をカラーに*/
transition: 1.5s;
-webkit-filter: grayscale(0%);/*画像をカラーに*/
}
.postlist03-content {
line-height:120%;
}
.postlist03-title {
font-size:100%;
line-height: 1.5em;
}
.postlist03-excerpt {
color:#333;
line-height: 1.5em;
}
.postlist03 .clear {
clear: both;
}
.postlist03-site {
color: #b2b2b2;
font-size: 11px;
padding-left: 5px;
}
.postlist03-view {
color: white;
background-color: black;
font-size: 80%;
width:50px;
text-align:center;
}
/*===============================
	
  Post List04
  
================================*/
.postlist04 {
font-family: "M PLUS Rounded 1c"; 
/* background: #FCFCFC; */
border-top:dashed 0px #292F33;/*点線*/
border-bottom:dashed 0px #292F33;/*点線*/
word-wrap:break-word;
max-width:100%;
border-radius:0px;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 0px;
/* sp用 ※4 */
}
.postlist04 a {
text-decoration: none;
}
.postlist04-title {
display: block;
}
.postlist04-thumbnail {
float:left;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right: 10px;
border-radius: 0%;
overflow: hidden;
}
.postlist04-thumbnail img {
width: 100px;
height: 80px;
object-fit: cover;
margin-right: .4rem;
border: solid 1px #a6a;
border-radius: 0px;	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;
}
.postlist04-thumbnail 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: grayscale(90%);/*画像をモノクロに*/
-webkit-filter: grayscale(90%);/*画像をモノクロに*/
}
.postlist04-thumbnail img:hover{
filter: none;/*画像をカラーに*/
transition: 1.5s;
-webkit-filter: grayscale(0%);/*画像をカラーに*/
}
.postlist04-content {
line-height:120%;
}
.postlist04-title {
font-size:100%;
line-height: 1.5em;
}
.postlist04-excerpt {
color:#333;
line-height: 1.5em;
}
.postlist04 .clear {
clear: both;
}
.postlist04-site {
color: #b2b2b2;
font-size: 11px;
padding-left: 5px;
}
.postlist04-view {
color: white;
background-color: black;
font-size: 80%;
width:50px;
text-align:center;
}
/*===============================

	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%;
}
.type-20f {
font-size:160%;
}
h1.type-36f2 {
font-family:'Montserrat', sans-serif;
font-size:160%;
font-weight:700;
letter-spacing:-1.8px;
line-height:1.5em;
margin-bottom:20px;
margin-top:40px;
padding:0em;
border-top: dashed 1px #292F33;
border-bottom: dashed 1px #292F33;
}
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: 0px;
}
.container03-1{
margin-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: 10px;
}
.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: #FCFCFC; */
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;
}
.wpcf7-response-output {
width: 100%;
}
.wpcf7 form input[type="email"]{
width: 100%;
}
.wpcf7{width: 100%;}
.wpcf7 form textarea{
width: 100%;
}
.wpcf7 form input[type="text"]{
width: 100%;
}

}

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

	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: #FCFCFC;
}
#mainnav.changenav{
background: rgba(255,255,255,1);
border-bottom: 1px solid #d1d1d1;
}
#mainnav.changenav li{
padding: 20px 10px;
}
.page-nav{
background: #FCFCFC;
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: 90px;
-moz-box-sizing: border-box;
padding-right: 80px;
-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;
}
}


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

	HIDE ADS FOR ADMIN

================================*/
/* ログイン中に広告の代わりに出る「HIDE ADS FOR ADMIN」（アイコンも含む）を薄いグレーに
   ・.type-x はリンク（MORE など）でも使っているので、🚫アイコン（.fa-ban）を含む p だけを対象にする
   ・:has() は Safari 15.4 / Chrome 105 / Firefox 121 以降で有効（ログイン中の管理者にしか表示されないので問題なし） */
p.type-x:has(> .fa-ban) {
color: #bcbcbc;
}