@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

html {font-size:1em;-webkit-font-feature-settings: "palt";-moz-font-feature-settings: "palt";font-feature-settings: "palt";}
h2 {font-size: clamp(20px,7vw,28px);}
p {font-size: clamp(12px,2vw,18px);}
a {display: block;　}
i {margin: 0px;}
.breadcrumb {display: none;}
/* 画像コピー禁止 */
img {pointer-events: none;}
/* 投稿日・投稿者非表示 */
.entry-meta {display: none;}
/* 著者非表示 */
span.author {display: none;}
/* コピーライト消去 */
.site-footer-copyright p:nth-child(2) {display: none;}
/* PC画像表示 */
.pcpic { display: block !important; }
.sppic { display: none !important; }
/* スマホ画像表示 */
@media only screen and (max-width: 750px) {
.pcpic { display: none !important; }
.sppic { display: block !important; }
}
@media only screen and (max-width: 750px) {
.sppic { max-width: 100%; }
}
/* 各ページメニュー上のヘッダー画像 */
@media (max-width: 1025px){
.page-header-image {width: 100%;max-height: 200px;overflow: hidden;margin-bottom: -1px;}
.page-header-image img {width: 100%;}
}
/* メニューロゴ下表示 */
@media (min-width: 992px) {
    .navbar-header {height: 80px;}
    ul.gMenu {clear: both;float: none;}
    ul.gMenu li {width: 20%;}
}
/* トップへ戻るボタン */
.page_top_btn {box-shadow:none!important;}
/*PC表示の時には電話リンクを無効にする*/
@media (min-width: 992px){
	.tel {pointer-events: none;}
}
/* ロゴ右側のブロック */
.logo-after {display: block;width: 200px;float: right;}
.logo-after img {max-height: 60px;}
/* ヘッダー幅を100%に */
.navbar-header {width: 100%;}
@media (max-width: 991px) {
    .logo-after {width: 100%;margin-top: 10px;margin-bottom: 10px;text-align: center;}
}
/* 新バージョン対応 */
@media (min-width: 1200px) {
    .gMenu_outer,
    .gMenu,
    .gMenu > li {width: 100%;}
}
@media (max-width: 1199.98px) {
    .siteHeader_logo {width: unset;}
}
/* ロゴ縦幅カスタム */
.navbar-brand img {max-height: 85px;}
/* テキストカラム落ち防止 */
.textclumochi {display: inline-block!important;}
/* フッター背景色変更 */
footer.site-footer {background:#499c44;color:#ffffff;}
footer .sectionBox {display:none !important;}
footer .copySection {display:block !important;border-top:none !important;}
footer .footer-nav li a  {color: #ffffff;}
nav.footer-nav ul {text-align:center;}
nav.footer-nav {padding: 10px 0px;border-bottom: none !important;}
/* フッターメニューのスペース追加 */
footer .container {padding: 25px 15px;line-height: 2;}
/* h2見出し太い */
h2 {font-weight: bold;color: #000;border-top: none;border-bottom: none;text-align: center;}
/* h3見出し太い */
h3 {font-weight: bold;}
/* グリッドボックス */
.gridbox {display: grid;grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));grid-auto-rows: 1fr;grid-gap: 0.8em;padding: 0.8em;margin: 0 auto;width:100%;}
.gridbox > div {background: #fff;overflow: auto;min-width: 0;padding: 1em;margin:0 auto;}
@media (max-width: 1024px) {
	.gridbox {grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));width: 100%;}
}
@media (max-width: 820px) {
	.gridbox {grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));}
}
@media (max-width: 720px) {
	.gridbox {grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));width: 85%;}
}
@media (max-width: 430px) {
	.gridbox {grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));width:100%;}
}
@media (max-width: 375px) {
	.gridbox {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
}
@media (max-width: 320px) {
	.gridbox {grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));}
}
@media (max-width: 280px) {
	.gridbox {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}
}
/* 角丸変形ボタン */
.roundbtn {display:block;font-size: 22px;letter-spacing: 5px; width:100%;margin: 0 auto;max-width:225px;text-align: center;font-weight: bold !important;padding: 20px 10px 15px 15px;background: #499c44;color: #ffffff !important;border-radius: 5px;border: 2px solid #499c44;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.roundbtn:hover {background-color: transparent;border: 2px solid #499c44;color: #499c44 !important;border-radius: 20px;cursor: pointer;}
@media (max-width: 414px) {
	.roundbtn {max-width:100%;font-size:18px;}
}
@media (max-width: 320px) {
	.roundbtn {max-width: 90%;}
}
/* フルワイド */
.fullwide {text-align: center;margin: 0 auto;padding: 15px 0px;}
.fullwide {width:100vw; position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;}
/* グーグルマップ */
.googlemaps iframe,
.googlemaps object,
.googlemaps embed {margin-bottom:-10px;}
/* フルワイド内文字 */
.fullwideincopy {text-align: justify;text-justify: inter-ideograph; margin: 0 auto;line-height:1.8;width:100%;max-width: 700px;padding:15px;}
/* 背景指定画像 */
.background-copy {display:  inline-block;padding: 10px 10px;width:100%;max-width: 950px;text-align:  center;margin: 0 auto;}
@media screen and (min-width: 1024px) {
	.background-copy  {width: 90%;}
}
.background-pic {text-align: center;padding: 80px;}
.background-pic{background-image: url("https://okaichi-sk.com/wp-content/uploads/machinami-greentone-bg2.jpg");background-size: cover;background-position: center center;width:100vw; position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;}
@media screen and (max-width: 1024px) {
	.background-pic  { padding: 40px 20px;}
}
/* グリッド各幅設定 */
.grid-space {max-width:1000px;margin:0 auto;}
@media screen and (max-width: 1024px) {
	.grid-space {width:95%;}
}
/* 固定ページヘッダー背景画像 */
.page-header {background: url("https://okaichi-sk.com/wp-content/uploads/page-header-title-background-B.jpg") no-repeat 50% center;background-size: auto;background-size: cover;background-position: center center;color: #30702d;font-weight: bold !important;}
/* ページトップへ戻るボタン */
.page_top_btn{background: url("https://okaichi-sk.com/wp-content/uploads/TOP_modoru_button.png");background-repeat: no-repeat;width: 115px;height: 115px;
border-radius: 90%;background-position: center center;background-size: cover;display: inline-block;}
@media screen and (max-width:1024px){
	.page_top_btn{width: 85px;height: 85px;}
}
@media screen and (max-width:540px){
	.page_top_btn{width: 70px;height: 70px;}
}
@media screen and (max-width:320px){
	.page_top_btn{width: 50px;height: 50px;}
}
/*お問い合わせカスタマイズ*/
/*スマホお問い合わせカスタマイズ*/
.inquiry p {margin: 20px 0;}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {margin: 0!important;}
@media(max-width:500px){
	.inquiry th,.inquiry td {display:block!important;width:100%!important;border-top:none!important;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
	.inquiry tr:first-child th{border-top:1px solid #d7d7d7!important;}
	/* 必須・任意のサイズ調整 */	
	.inquiry .haveto,.inquiry .any {font-size:10px;}
}
/*見出し欄*/
.inquiry th{text-align:left;font-size:16px;color:#444;padding-right:5px;width:30%;background:#fff3b8;border:solid 1px #fff;}
/*通常欄*/
.inquiry td{font-size:16px;border:solid 1px #fff;	}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{border:solid 1px #fff;	}
/*必須の調整*/
.haveto{font-size:8px;padding:5px;background:#b7282e;color:#fff;border-radius:2px;margin-right:5px;position:relative;bottom:1px;}
/*任意の調整*/
.any{font-size:8px;padding:5px;background:#2b7343;color:#fff;border-radius:2px;margin-right:5px;position:relative;bottom:1px;}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{display:block;}
/*送信ボタンのデザイン変更*/
#formbtn{display: block;padding:0.7em 0 0.7em;margin-top:30px;width:100%;background:#ee7800;color:#fff;font-size:18px;font-weight:bold;border-radius:5px;border: none;}
/*送信ボタンマウスホバー時*/
#formbtn:hover{background:#fff1cf;color:#ee7800;}
/* コンタクトフォーム選択項目縦並び */
#listtate span.wpcf7-list-item {display: block;}
/* アイテムオプションラジオボタンラベル縦並び */
#formlabel span.wpcf7-list-item  {display: block !important;}
/* アイテムオプションラジオボタンラベル縦並び */
.iopt_radio_label {display: block !important;}
input[type=checkbox]{/* チェックボックス設定 */-ms-transform: scale(2); /* IE */-moz-transform: scale(2); /* FF */-webkit-transform: scale(2); /* Safari and Chrome */-o-transform: scale(2); /* Opera */transform: scale(2);padding: 10px;margin-right: 10px;}
/* チェックボックステキスト設定 */
.checkboxtext {font-size: 110%;display: inline;}
/* グリッドレクタングル */
.gridrec {display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));grid-auto-rows: 1fr;grid-gap: 0.2em;padding: 0.2em;margin: 0 auto;width:100%;}
.gridrec > div {background: #fff;overflow: auto;min-width: 0;padding: 1em;margin:0 auto;}

.g-recaptcha-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}

.textcenter{text-align:center;}

@media (max-width: 1024px) {
	.gridrec {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));max-width: 100%;margin: 0 auto;}
}
@media (max-width: 820px) {
	.gridrec {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));max-width: 100%;margin: 0 auto;
	}
}
@media (max-width: 441px) {
	.gridrec {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));max-width: 100%;margin: 0 auto;}
}
@media (max-width: 375px) {
	.gridrec {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));max-width: 100%;margin: 0 auto;
	}
}
@media (max-width: 320px) {
	.gridrec {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));max-width: 100%;margin: 0 auto;padding: 0.3em;
	}
}
/* 画像1.1倍拡大 */
.jitsurei img {transition: .3s cubic-bezier(.4, 0, .2, 1);}
.jitsurei img:hover {transform: scale(1.05);}
/* 文章両端揃え */
.mojijustify {text-align: justify;text-justify: inter-ideograph; margin: 0 auto;max-width:500px;}
/* フッターメニュー中央寄せ */
@media (min-width: 1025px){
	.footerMenu li{float: none;}
	.footerMenu li {float: none;position: relative;left: 25%;display: inline-block;text-align: center;}
}
@media screen and (min-width:769px) and ( max-width:1024px){
	.footerMenu li{float: none;}
	.footerMenu li {float: none;position: relative;display: inline-block;text-align: center;margin: 0 auto;}
}
@media (max-width: 820px){
	.footerMenu li{margin: 0 auto;text-align:center;}
}
/* アイコングリッドボックス */
.icongrid {display: grid;grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));grid-auto-rows: 1fr;grid-gap: 0.5em;padding: 0.8em;margin: 0 auto;width:100%;max-width:1000px;}
.icongrid > div {background: #fff;overflow: auto;min-width: 0;padding: 1em;margin:0 auto;}
.icongrid > div:hover {opacity: 0.5;}
.icongrid img {max-width:200px;}
@media (max-width: 1024px) {
	.icongrid {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));max-width: 80%;margin: 0 auto;}
	.icongrid img {max-width: 125px;}
}
@media (max-width: 820px) {
	.icongrid {grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));max-width: 100%;margin: 0 auto;}
	.icongrid img {max-width: 125px;}
}
@media (max-width: 320px) {
	.icongrid {grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));max-width: 100%;margin: 0 auto;}
	.icongrid img {max-width: 105px;}
}
@media (max-width: 280px) {
	.icongrid {grid-template-columns: repeat(auto-fit, minmax(95px, 1fr));max-width: 100%;margin: 0;}
	.icongrid img {max-width: 100px;}
}

/* マウスホバー半透明 */
.mouseopacity img:hover{opacity:0.6;}
@media (max-width: 320px) {
	.mouseopacity {padding: 0.8em 0em;}
}
/* グリッド各幅設定 */
.grid-width {max-width:1000px;margin:0 auto;width:100%;}
/* ブラウザ幅いっぱい背景色 */
.colorblueback {text-align: center;padding: 60px 0px 35px;}
.colorblueback {background-color: #daf5ec;width:100vw; position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;}
/* 全幅背景内文字スペース */
.colorbluebackspace {text-align: justify;text-justify: inter-ideograph; margin: 0 auto;line-height:1.8;width:100%;max-width: 1000px;padding:15px;}
/* グリッド画像配置 */
.gridback {width:100vw; position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;}
.griditem {display: grid;grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));grid-auto-rows: 1fr;grid-gap: 0em;padding: 0em;margin: 0 auto;width:100%;}
@media (max-width: 540px) {
	.griditem {grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));}
}
@media (max-width: 375px) {
	.griditem {grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
}
/* 文章と画像が交互に配置 */
.grid-container-top {display: grid;grid-template-columns: 50% 50%;grid-auto-rows: 1fr;grid-gap: 0em;width:100%;max-height: 560px;}
.grid-container-bottom {display: grid;grid-template-columns: 50% 50%;grid-auto-rows: 1fr;grid-gap: 0em;width:100%;max-height: 560px;}
.phototgriditem {width:100%;display: grid;place-items: center;}
.textgriditem {padding:18%;width:100%;background-color: #387d39;color:#fff!important;display: grid;place-items: center;}
.textgriditem h2 {line-height: clamp(2,4em,3);font-size: clamp(18px,3vw,33px);color:#fff!important;margin-left: 0;margin-right: 0;}
.textgriditem p {font-size: clamp(9px,1.7vw,18px);line-height: clamp(1.5,3em,2.3);margin-bottom: 0px;text-align: justify;text-justify: inter-ideograph; }
.textgriditemB {padding: 18%;width:100%;background-color: #f0f6da;color: #000;display: grid;place-items: center;}
.textgriditemB h2 {line-height: clamp(2,4em,3);font-size: clamp(18px,3vw,33px);margin-left: 0;margin-right: 0;}
.textgriditemB p {font-size: clamp(9px,1.7vw,18px);line-height: clamp(1.5,3em,2.3);margin-bottom: 0px;text-align: justify;text-justify: inter-ideograph; }
@media (max-width: 414px){
	.grid-container-top{grid-template-columns: 1fr;}
	.grid-container-bottom{grid-template-columns: 1fr;}
}
@media (min-width:912px) {
	.textgriditem {padding: 10%;}
	.textgriditem h2 {margin-bottom: 0px !important;}
	.textgriditemB {font-size:100%;padding: 10%;}
	.textgriditemB h2 {margin-bottom: 0px !important;}
	}
@media (max-width: 499px){
	.textgriditem h2 {font-size: clamp(18px,5vw,25px);}
	.textgriditemB h2 {font-size: clamp(18px,5vw,25px);}
	.textgriditem p {font-size: clamp(9px,3vw,17px);}
	.textgriditemB p {font-size: clamp(9px,3vw,17px);}
}
@media (min-width:821px) and (max-width: 912px){
	.textgriditem {padding: 12%;}
	.textgriditemB {padding: 12%;}
	.textgriditem p {font-size: clamp(9.5px,3vw,14px);}
	.textgriditemB p {font-size: clamp(9.5px,3vw,14px);}
	.textgriditem h2 {font-size: clamp(18px,5vw,24px);}
	.textgriditemB h2 {font-size: clamp(18px,5vw,24px);}
	}
@media (min-width:541px) and (max-width: 820px){
	.textgriditem {padding: 10%;}
	.textgriditemB {padding: 10%;}
	}
@media (min-width:415px) and (max-width: 540px){
	.textgriditem {padding:8%;}
	.textgriditemB {padding:8%;}
	}
@media (min-width:376px) and (max-width: 414px){
	.textgriditem {padding:10%;}
	.textgriditemB {padding:10%;}
	}
@media (min-width:361px) and (max-width: 375px){
	.textgriditem {padding:10%;}
	.textgriditemB {padding:10%;}
	}
@media (min-width:321px) and (max-width: 360px){
	.textgriditem {padding:11%;}
	.textgriditemB {padding:11%;}
	}
@media (min-width:281px) and (max-width: 320px){
	.textgriditem {padding:7%;}
	.textgriditemB {padding:7%;}
	}
@media (max-width: 280px){
	.textgriditem {padding:8%;}
	.textgriditemB {padding:8%;}
	}

.textgriditemh2 {margin-bottom: 20px !important;}
@media (min-width:1025px){
	.textgriditemh2 {margin-bottom:15px !important;}
}
@media (min-width:415px) and (max-width: 540px){
	.textgriditemh2 {margin-bottom:11px !important;}
}
@media (min-width:281px) and (max-width: 414px){
	.textgriditemh2 {margin-bottom: 8px !important;}
}
@media (max-width:280px){
	.textgriditemh2 {margin-bottom:11px !important;}
}
/* 幅550px制限 */
.max550 {max-width: 550px;margin: 0 auto;}
/* カスタムボタン */
.btcontainer {font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;text-align: center;padding-top: 40px;}
.btn-open {display: inline-block;padding:20px 60px;text-align: center;background-color: #ff8400;font-size: 20px;line-height: 1.6;color: #FFF;text-decoration: none;font-weight: bold;border: 2px solid #ff8400;position: relative;overflow: hidden;z-index: 1;}
.btn-open:after{width: 100%;height: 0;content:"";position: absolute;top: 50%;left: 50%;background : #FFF;opacity: 0;transform: translateX(-50%) translateY(-50%) rotate(45deg);transition: .2s;z-index: -1;}
.btn-open:hover{color: #ff8400;}
.btn-open:hover:after{height: 240%;opacity: 1;}
.btn-open:active:after{height: 340%;opacity: 1;}
@media (max-width: 441px) {
	.btn-open {padding: 10px 40px;}
}
@media (max-width:320px){
	.btn-open {padding:15px 30px;}
}
@media (max-width:280px){
	.btn-open {padding:10px 20px;font-size: 18px;}
}
/* マージンボトム調整 */
.marginbottom {margin-bottom: -60px;}
.marginplus-top5 {margin-top: 5rem;}
/* マージントップ調整 */
.margintop {margin-top: -80px;}
/* フッターメニュー行間（スマホ） */
@media (max-width: 820px){
	.footer-nav {line-height: 1.5!important;}
	}
@media (max-width: 540px){
	.footer-nav-list li {border-right: none!important;border-bottom: none;}
}