@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
******* 子テーマスタイル*******↓↓*******/


/*--------訪問フォームのトップ画-----------*/
@media (max-width: 834px) { /* 以下 */ 
#houmonf{
	min-height:130px!important;
}
}
/*-------------------*/
/*---------------*/
/*-----------------*/
/*------yoyakuf-----------*/
#fmodoru a{
	font-weight:100!important;
	padding:7px 50px!important;
	margin-top:0px!important;
}

/*------各種フォームへ進むための共通ボタン上段の小窓の幅-------------*/
.btn1 a{
	padding;0px 50px!important:
}

/*------各種フォームへ進むための共通ボタン---↓↓↓↓↓↓-----------*/
.btn-wrap{
	margin-top:20px!important;
}
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-wrap {
    margin-top: 30px;
	text-align:center!important;
}

.btn-c{
	width:100%!important;
}
@media (min-width: 700px) { /* 700以上 */ 
.btn-c{
	width:90%!important;
}
}

a#btn-cc {
  font-size: 1.3rem;
  position: relative;
  padding: 0.25rem 1.6rem 1rem 1.6rem!important;
  color: #fff;
  background:#99b;
  -webkit-box-shadow: 0 5px 0 #7777a8;
  box-shadow: 0 5px 0 #7777a8;
  margin-top:0px!important;
}
@media (min-width: 700px) { /* 700以上 */ 
   a#btn-cc{
	font-size: 1.5rem;
	padding: 0.2rem 1.6rem 1.6rem 1.6rem!important;
	color: #fff;
	}
} 
@media (min-width: 920px) { /* 920以上 */ 
   a#btn-cc{
	font-size: 1.8rem;
	padding: 0.2rem 1.6rem 1.6rem 1.6rem!important;
	color: #fff;
	}
} 

a.btn-c span {
  font-size: 1rem;
  position: absolute;
  top: -12px;
  left: calc(8% - 20px);
  display: block;
  width: 52%;
  padding: 0.2rem 0.2rem;
  color: #7777a8;
  border: 2px solid #7777a8;
  border-radius: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
@media (min-width: 700px) { /* 700以上 */ 
 a.btn-c span {
  font-size: 1.2rem;
  position: absolute;
  top: -15px;
  left: calc(8% - 40px);
  display: block;
  width: 35%;
  padding: 0.2rem 0.2rem;
  color: #7777a8;
  border: 2px solid #7777a8;
  border-radius: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	}
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  opacity:0.6;
}

a.btn-c:hover:before {
  left: 2rem;
}
/*------フォームへ飛ぶボタン---↑↑↑↑-----------*/


/*------パスワードページメイン見出し---↓-----------*/
@media screen and (min-width: 834px){/*----834px-以上-----*/
.pasp{
	margin:30px 50px!important;
}
}

/*------宅配修理ページ↓↓---宅配予約（メール）フォーム-------*/
.tr_gray th{
	text-align:center!important;
}
.horizontal-item{
	display:block;
	margin-left:0px!important;
}
/*------宅配修理ページ↑↑---宅配予約（メール）フォーム-------*/

.ikoup4 {padding:10px!important;
	font-size: 25px;
	font-weight:500;
	border-bottom:solid 5px #b0b8f3;
	line-height:2.8;
	background-color:#;
}
.ikou_p3 {
	position: relative;
	padding-bottom: 10px;
	font-size: 26px;
}
.ikou_p3::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: repeating-linear-gradient(45deg, #b4a983 0px, #b4a983 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}
.ikou_p{
	margin: 0.6rem 1rem 1.2rem 1rem!important;
	padding:!important;
	
}
.ikou_p2{
	margin: 0.6rem 1rem 1.2rem 1rem!important;
	padding: 0.5rem 2rem 2rem 2rem!important;
}


/*------topメニュースクロール時　サブメニュー表示----*/
.fixed-header .navi-in > ul li:hover > ul {
display: block;
}

@media screen and (min-width: 834px){/*----834px-以上---訪問先様例ギャラリー8枚----*/
.gaa{
	margin:0px 40px!important;
}
}
/*------訪問先様例ギャラリー8枚----*/
.ga{
	margin:0px!important;
	padding:0px!important;
	border: 2px dotted #ddd!important;
}

@media screen and (min-width: 834px){/*----834px-以上---ばな３両端を短くしている----*/
#bana3{
	padding:0px 20px!important;
}
}



@media screen and (min-width: 834px){/*----834px-以上---web制作ページ４色カラー----*/
.web1{
	height:555px;
}
}
.web1{
	background-color:#c3d825;
}

.web2{
	background-color:#ffd900;	
}

.web3{
		background-color:#f39800;
}

.web4{
		background-color:#ea5506;
}


/*----集荷依頼ー左----*/
.sei-l{
	width:50%!important;
	margin-right:20px!important;
}
/*----集荷依頼ー右----*/
.sei-r{
	width:50%!important;
}
@media (max-width: 600px) { /* 600以下 */ 
/*----集荷依頼ー左----*/
.sei-l{
	width:80%!important;
	margin-right:20px!important;
	}
}
@media (max-width: 600px) { /* 600以下 */ 
/*----集荷依頼ー右----*/
.sei-r{
	width:80%!important;
}
}
@media (max-width: 430px) { /* 430以下 */ 
/*----集荷依頼ー左----*/
.sei-l a{
	width:120%!important;
	margin-right:20px!important;
	padding:20px 10px 20px 10px!important;
	}
}
@media (max-width: 430px) { /* 430以下 */ 
/*----集荷依頼ー右----*/
.sei-r a{
	width:120%!important;
	padding:20px 10px 20px 10px!important;
}
}
/*--------*/
.seino a{
	margin:0px!important;
	color:#ff3636;
	font-size:2rem;
}
/*--------*/
.seino {
	margin:0px!important;
}
/*----お客様で集荷依頼する----*/
.sh-l{
	padding:0px 30px 15px 30px;
}
/*---お客様で集荷依頼する-----*/
.sh-r{
	padding:0px 0px 0px 10px;
}
/*---お客様で集荷依頼する----*/
#shh{
	border-top: 0px solid #99b!important;
	border-bottom: 3px solid #99b!important;
	border-right: 3px solid #99b!important;
	border-left: 3px solid #99b!important;
}
/*----お客様で集荷依頼する----*/
#sh{
	background-color:#99b!important;
	margin-bottom:0px!important;
}

/*-------宅配ページの　01　ご連絡・申し込み-----↓↓---問い合わせボタン整形--------*/
#taku_pp1 {
 color:#fff;
	text-decoration:none;
}
#taku_ppp::before {
 content: '\f0e0';
 font-family: "Font Awesome 5 Free";
}
#taku_ppp {
	color:#fff;
	text-decoration:none;
}
.taku_pp:hover{
	transition:0.5s;
	opacity:0.3;
}
#takuu a{
	display:block;
	text-align:left;
}
.taku_pp a{
	width:450px;
	margin:0px 0px 10px 0px!important;
	padding:0px 0px 0px 10px!important;
	background-color:#b0b0d6;
	color:#fff;
}
@media screen and (max-width: 834px){/*----834px-以下---ボタンの幅----*/
.taku_pp a{
	width:100%;
}
}
/*-------宅配ページの01ご連絡・申し込み--------問い合わせボタン整形----↑↑-----*/

/*----宅配ページ　最上部のp----*/
.taku_p{
	margin-left:10px;
}
/*----プライバシーページ　全体のpdding----*/
.privacy{
	padding:30px;
}
/*---- 宅配ページ　各ブロックのボーダー ----*/
.send{
	padding:30px;
	height:px;
	width:px;
	border: 1px solid #8c8c8c!important;
    border-radius:30px 30px 30px  30px;
}
/*----href ＃アンカー 自動スクロール--↓↓--*/
#cl_gaiyou {
	scroll-margin-top: 200px;
}
#cl {
	scroll-margin-top: 200px;
}
html {scroll-behavior: smooth;}
/*----href ＃アンカー 自動スクロール--↑↑--*/


/* ---メイン問い合わせ内---#line_qrコード、ホバー拡大---- */
#line_qr{
	transition:0.4s;
	margin-left: 0px!important;
}
#line_qr:hover{
	transition:0.4s;
	opacity:1;
    transform: scale(1.15)
}

/******　アピールエリア**↓↓****/
.appeal-message{
	color:#fff;
	margin:0;
	padding:0;
}
.appeal-message a{
	color:#fff;
	margin:0;
	padding:0;
	text-decoration:none;
}
.appeal{
padding:0 0 .1em;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1);
}
div#appeal-in.appeal-in.wrap{
padding:0;
min-height:0px;
max-height:30px;
}
.appeal-content{
background-color:#99b; /*エリア背景色・ボタン色と同じカラーコードを入力*/
margin:auto;
padding:0;
max-width:100%;
opacity:1;
line-height:1.6;
}
a.appeal-button {
color: #fff!important;/*文字色はこちらで変更できます*/
font-size:.85em;
padding:0 23em 0;
margin:0;
max-width:100%;
white-space: nowrap;
box-shadow: none;
}
@media screen and (max-width: 1023px){
a.appeal-button {
padding:0 18em 0 ;
}}
@media screen and (max-width: 834px){
a.appeal-button {
padding:0 13em 0 ;
}
.appeal{
padding:.1em 0 .25em;
}}
@media screen and (max-width: 652px){
a.appeal-button {
padding:0 8em 0 ;
}}
@media screen and (max-width: 500px){
a.appeal-button {
padding:0 6em 0 ;
}}
@media screen and (max-width: 420px){
a.appeal-button {
padding:0 3em 0 ;
}}
.appeal-button:hover {
transform:none;
box-shadow: none;
}
/******　アピールエリア**↑↑****/


/*------会社概要の大外のDIV枠の-スタイル--↓↓---*/
#divinfo2{
    padding: 1.2em  1em  0.5em 1em;
    color: #5d627b;
    background: white;
    border-top: solid 1px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
#divinfo2 p {
    margin: 0; 
    padding: 0;
}
#divinfo2{
	margin-top:0px;
	margin-bottom:40px;
}

/*----会社概要の左右カラムbk-----*/
.clef{
background-color:#dedede;	
}
.crig{
background-color:#dedede;	
}

/*----会社概要-左右-（お急ぎの-（LINE-ID  ----*/
.p1{
	background-color:#99b;
	text-align:center;
	margin-bottom:px!important;
}
/*----会社概要-左-（会社名住所-----*/
.p3{
	padding-top:20px!important;
	padding-left:15px!important;
	height:%!important;
}
/*--会社概要-右-（--関連店舗-----*/
.p333 a{
	color:#5d627b;
	transition:0.2s;
}
.p333 a:hover{
	opacity:0.3;
}

/*------会社概要の大外のDIV枠の-スタイル--↑↑---*/


/*-------xoカレンダー整形---↓---*/
.xo-event-calendar table.xo-month > thead th {
	color: #565656 !important;
	font-weight:100;
}
.xo-event-calendar table.xo-month > thead th.sunday {
	background-color: ;
}
.xo-event-calendar table.xo-month > thead th.saturday {
	background-color: ;
}
.xo-event-calendar {
	max-width: 26rem;
	margin: 0 auto;
}
.xo-event-calendar .month-event,
.xo-event-calendar .month-event-space {
	display: non;
}
.xo-event-calendar table.xo-month .month-dayname td div {
	padding: 0;
	text-align: center;
	font-size: 1em;
}

.xo-event-calendar table.xo-month td{
	background-color: transparent!important;
}
/*-------イベントの白ラインが出るので修正---↑------イベントの白ラインが出るので修正---↑--------イベントの白ラインが出るので修正---↑------イベントの白ラインが出るので修正---↑----*/
/*-------イベントの白ラインが出るので修正---↑------イベントの白ラインが出るので修正---↑--------イベントの白ラインが出るので修正---↑------イベントの白ラインが出るので修正---↑----*/




.month-event{
	margin-bottom:3px!important;
}
.month-event-space{
	margin-bottom:3px!important;
}
.xo-event-calendar .today {
    color: #ff4d64!important;
	font-weight:300!important;
}
.xo-event-calendar table{
font-weight:200!important;	
}
.xo-event-calendar table.xo-month button > span{
	vertical-align: bottom!important;
}
.xo-month{
	margin-bottom:0px!important;
}
/*-------xoカレンダー整形---↑---*/



/*--------復旧ページ　２連バナー-----*/
#img20{
	margin-bottom:30px!important;
}
#img21{
	margin-bottom:40px!important;
}

/*--------パスワードページ　左右コラム内 P------*/
.h4{
	width:400px;
	padding:6px 10px!important;
	margin-left:20px;
	margin-bottom:10px!important;
}
/*--------パスワードページ内の P------*/
.p8{
	padding:15px!important;
	width:90%!important;
	margin:0 auto!important;
}
#table10{
	width:!important;
}

/*--------店舗ページ 内 マップ右コラム ------*/
.map_r{
	background-image: url(/wp-content/uploads/2023/07/120.png);
    background-repeat: repeat;
    background-position: cover;
    background-size: 65% 65%;
	margin:5px 0px 30px 0px!important;
	padding: 20px 20px 10px 20px!important;
    border: 1px solid #bbb;
    box-shadow: 2px 4px #bbb;
    color: #303030;
	
}
/*--------店舗ページ 内 マップ右コラム P ---グーグールマップ道案内するボタン----↓↓↓↓----*/
.map_p1{
	font-size:1.8rem;
	background-color:#f2f1f0;
	background-image: url(/wp-content/uploads/2023/07/120.png);
 background-repeat: repeat;
 background-position: cover;
 background-size: 65% 65%;
	padding:20px;
}
@media (max-width: 600px) { /* 600以下 */ 
	.map_p1{
	font-size:1.5rem;
	background-color:#f2f1f0;
	background-image: url(/wp-content/uploads/2023/07/120.png);
 background-repeat: repeat;
 background-position: cover;
 background-size: 65% 65%;
		padding:10px!important;
}
}
.map_p2{
	background-color:#ffa33b;
	width:100%;
	padding:30px;
	text-align:center;
}
.map_p2 a{
color:#fff;
font-size:1.5rem;
transition:0.3s;
}
.map_p2 a:hover{
	color:#fff;
font-size:1.7rem;
	transition:0.3s;
}
/*--------店舗ページ 内 マップ右コラム P ---グーグールマップ道案内するボタン----↑↑↑----*/


/*------メール---フォーム整形---↓-----------*/
.error{
	color:#ff8173!important;
}
.submite p{
	margin:0px!important;
	padding:0px!important;
}
.tr_gray {
	text-align:left;
	padding-left:20px;
	background-color:#fff!important;
}
.tr_gray td{
	border: none!important;
}
.tr_gray th{
	border-bottom: solid 1px #ebebeb!important;
	text-align:left!important;
	border-top: none!important;
	border-right: none!important;
	border-left: none!important;
	font-weight:100!important;
}
table th{
	background-color:#fff!important;
	padding-left:20px;
}
.policy_nav{
	text-align:center;
}
.confo{
	text-align:center;
}
.submite{
	margin-top:20px;
	text-align:center;
}

#fo{
	color:#ff9f21;
	margin-left:0.5rem;
}

input[name="submitConfirm"]{/*------確認画面へ--------*/
	background-color:#ffd700!important;
	width:130px!important;
	padding:10px 0px 10px 0px;
	margin-top:0px!important;
	border-radius:0px;
	transition:1s;
	border: 0px!important;
}
input[name="submitConfirm"]:hover{
	opacity:0.3;
	transition:1s;
}
input[name="submitBack"]{/*------入力画面に戻る--------*/
	background-color:#fff!important;
	width:130px!important;
	margin:0px 30px 0px 0px!important;
	border-radius:0px;
	border: solid 1px #e0dede;
	padding:9px;
}
@media (max-width: 500px) { /* 500以下 */ 
input[name="submitBack"]{
	display:block;
	margin-bottom:10px!important;
}
}
input[name="submitBack"]:hover{
	opacity:0.3;
}
button[type="submit"]{/*------この内容で送信する--------*/
	background-color:#ff9f21!important;
	width:130px!important;
	padding:10px 0px 10px 0px;
	margin:0px 0px;
	border-radius:0px;
	transition:1s;
	border: 0px!important;
}
@media (max-width: 500px) { /* 500以下 */ 
button[type="submit"]{
	display:block;
}
}
button[type="submit"]:hover{
	opacity:0.3;
	transition:1s;
	border: 0px!important;
}
.back-button{
border: solid 1px #e0dede;
	padding:9px;
}
.reset-button{/*------入力クリア-ボタン-------*/
	border: solid 1px #e0dede;
	margin-right: 30px;
	padding:9px;
	background-color:#fff;
	border-radius:0px;
}
@media (max-width: 500px) { /* 500以下 */ 
.reset-button{
	margin-bottom:10px;
}
}
.reset-button:hover{
	opacity:0.3;
}
#pkome{
	margin-bottom:5px;
text-align:center}
/*------メール---フォーム整形---↑-----------*/


/*---------実績紹介の左コラムがmobail時
 * 右コラムとの隙間ができるためボトムを消している-----------*/
.colaleft{
	margin-bottom:0px!important;
}

/*------問い合わせグループの左カラムメールのaタグ-------↓-----------*/
#mailb::before {
 content: '\f0e0';
 font-family: "Font Awesome 5 Free";
}
#mailb {
	color:#fff;
	text-decoration:none;
	width:100%!important;
	font-weight:700;
}
#mailb{
	
}
.p5:hover{
	transition:0.5s;
	opacity:0.3;
}
.p5{
	font-size:1.8em;
	text-align:center!important;
	margin:7px 10px 7px 10px!important;
	padding-top:40px!important;
	padding-bottom:40px!important;
	background-color:#99b;
}
/*450px以下*/
@media screen and (max-width: 450px){.p5{font-size:1.2em;}}
/*380px以下*/
@media screen and (max-width: 380px){.p5{font-size:1.2em;}}
/*--------.p5は----その a のpに対してbkカラーしている-------↑-----*/




/*-------は  問い合わせグループの右カラム--↓---------↓---------↓---------↓---------↓---------↓---------↓---------↓---------↓---------↓---------↓-------------*/
#btbt {
margin-left:1.2rem;!important;
	padding-top:17px!important;
	padding-bottom:17px!important;
}



@media (max-width: 700px) { /* 700以下 */ 
#btbt {
margin-left:0rem;!important;
}
}

a.btn--yellow {
color: #fff;
  background-color: #00B900;
}

a.btn--yellow:hover {
  color: #fff;
  background: #00B300;
}

a.btn--yellow.btn--cubic {
  border-bottom: 5px solid #018501;
}

a.btn--yellow.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #018501;
}

a.btn-c {
  font-size: 1.2rem;
  position: relative;
}

a.btn-c i.fa {
  margin-right: 1rem;
}

.btn-copy {
  font-size: 1.2rem;
  font-weight: 100;

  position: relative;

  margin-bottom: .2em;
	margin-top: .4em;

  text-align: center;
}

.btn-copy:before {
  margin-right: 1rem;

  content: '＼';
}

.btn-copy:after {
  margin-left: 1rem;

  content: '／';
}


/*-------info3idは  問い合わせグループの右カラムの下 3連ボタンの a タグ----↓-------------*/
#info3id{
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 25px 0px 25px;
}
#info3{
	color:#fff;
	text-decoration:none;
}
.info33:hover{
	transition:0.5s;
	opacity:0.3;
}
.info33{
	margin:30px 0px 5px 0px!important;
	padding:15px 0px 15px 0px!important;
	background-color:#99b;
	border-radius:20px;
}
/*--------.info33は----その a の p に対して bkカラーしている-------↑-----*/

/*------問い合わせグループの大外のDIV枠の-スタイル-----*/
#divinfo{
    padding: 1.2em  1em  0.5em 1em;
    color: #5d627b;
    background: white;
    border-top: solid 7px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
#divinfo p {
    margin: 0; 
    padding: 0;
}
#divinfo{
	margin-top:20px;
	margin-bottom:40px;
}

/*----問い合わせグループの左右カラムbk-----*/
.clef{
background-color:#dedede;	
}
.crig{
background-color:#dedede;	
}

/*----問い合わせグループ-左右-（お急ぎの-（LINE-ID  ----*/
.p1{
	background-color:#99b;
	text-align:center;
	margin-bottom:px!important;
}

.p11{/*----問い合わせグループ-左-（tel下-お急ぎの...----*/
	font-size:1.3em;
	background-color:#ff927a;
	text-align:center;
	margin-bottom:px!important;
}
/*----問い合わせグループ-左-（会社名住所-----*/
.p3{
	padding-top:20px!important;
	padding-left:15px!important;
	height:%!important;
}
/*--問い合わせグループ-右-（--LINE登録で急な-----*/
.p33{
	padding-top:20px!important;
	padding-left:15px!important;
	height:30%!important;
}

/* --====--- メインinfoの 上段左右クラスP2見出し a のhover 下線 --===↓↓===-- */
.p2 a{
  transition-duration: .4s;
}
.p2 a:hover {
  color:#b9b9d0;
}
.p2 a {
  padding-bottom: 5px;
  position: relative;
}
.p2 a::before {
  background: #99b;
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;å
  transform: scale(0, 1);
  transition: transform .3s;
}
.p2 a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
/* ----メイン P a 整形 ---- */

/*1110px以下*/
@media screen and (max-width: 1100px){.p2 a{font-size:3rem;}}
/*970px以下*/
@media screen and (max-width: 970px){.p2 a{font-size:2.5rem;}}
/*450px以下*/
@media screen and (max-width: 450px){.p2 a{font-size:2rem;}}
/*380px以下*/
@media screen and (max-width: 380px){.p2 a{font-size:1.7rem;}}
/*3300px以下*/
@media screen and (max-width: 330px){.p2 a{font-size:1.4rem;}}
.p2 a{
font-size:;
color:#99b;
margin-left:0px;
text-decoration:none;
}
.p2 {
	white-space:nowrap;
	text-align:center!important;
	padding: 0px 15% 0px 15%;
	margin: 0px!important;
}
/* --=======--- P2 a  --====↑↑↑↑↑=========-- */

/* --====--- メインinfoの 上段左右クラスP21見出し a のhover 下線 --===↓↓===-- */
.p21 a{
  transition-duration: .4s;
}
.p21 a:hover {
  color:#ff8f00;/* ----電話番号ホバー色 ---- */
}
.p21 a {
  padding-bottom: 5px;
  position: relative;
}
.p21 a::before {
  background: #ff8f00;/* ----電話番号ホバー下線色 ---- */
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.p21 a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
/* ----メイン P a 整形 ---- */

/*1110px以下*/
@media screen and (max-width: 1100px){.p21 a{font-size:3rem;}}
/*970px以下*/
@media screen and (max-width: 970px){.p21 a{font-size:2.5rem;}}
/*450px以下*/
@media screen and (max-width: 450px){.p21 a{font-size:2rem;}}
/*380px以下*/
@media screen and (max-width: 380px){.p21 a{font-size:1.7rem;}}
/*3300px以下*/
@media screen and (max-width: 330px){.p21 a{font-size:1.4rem;}}

.p21 a{
font-size:;
color:#f92f00;/* ----電話番号色 ---- */
margin-left:0px;
text-decoration:none;
}
.p21 {
	size:2em;
	border-top:7px solid #f92f00;/* ----電話番号上ボーダー色 ---- */
	background-color:#ffbcad;/* ----電話番号背景色 ---- */
	color:#f92f00;/* ----電話マーク色 ---- */
	white-space:nowrap;
	text-align:center!important;
	padding: 0px 15% 0px 15%;
	margin: 0px!important;
}
.p200_box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin: 0;
}

.p200{
  
}

/*アニメーション*/
.animation{
  animation: buruburu 1.5s linear infinite;
  scale: 1;
}

@keyframes buruburu{
 0%{transform:translateX(0)}
 7%{transform:translateX(-5px)}
 14%{transform:translateX(5px)}
 20%{transform:translateX(-5px)}
 32%{transform:translateX(5px)}
 40%{transform:translateX(0px)}
}

/* --======================================================================================================================================================================================================-- */


/* --=======--- P2 a  --====↑↑↑↑↑=========-- */


/* ------訪問エリア-岐阜名古屋... tabe----整形---- */
.trtop{
	border-bottom:2px solid #ccc;
padding-bottom:1px;
margin-bottom:8px!important;
display:inline-block;
}
@media screen and (min-width: 834px){/*----834px-以上-----*/
#table10{
	margin-bottom:0px!important;
	margin-left:40px!important;
	margin-right:40px!important;
	}
}

.tabletop0{
	margin-bottom:0px!important;
	margin-left:0px!important;
	margin-right:0px!important;
}
table td {
	vertical-align: top;
}
table{
	margin-top:20px;
margin-bottom:30px!important;
}


/* ------制作事例---cocoonボタン-div-整形-- */
.weightbutton a{
margin:0px 0px 0px 0px!important;
padding:10px 0px 10px 0px!important;
font-weight:200!important;
}
.weightbutton {
margin:0px 4% 16px 4%!important;
}

/* ------img ホバー-- */
.imghover:hover {transition:0.4s;
	opacity:0.8;
    transform: scale(1.03)
}
.imghover{transition:0.4s;}


/*-------へっだー　高さ調整------*/
.header-container-in.hlt-top-menu{
padding-top:10px;
}
.navi{
padding-bottom:8px!important;
}

/*-------商品写真の下の隙間を埋めている------*/
.wp-block-image{
margin-bottom:0px!important;
padding-bottom:0px!important;
}

/*-------商品欄 コラムの下線------*/
.cola11{
border-right: 0px solid #f0f7ff!important;
border-bottom: 5px solid #8c8c8c!important;
border-radius:0% 0% 0% 0%;
}

/*-------背景に一つの丸　CSS見出し------*/
.hhhhh {
    display: inline-block;
    position: relative;
    margin: calc(3.5em / 2) 0 calc(3.5em / 4) calc(3.5em / 2);
    color: #333333;
    line-height: 1;
}
.hhhhh::before {
    position: absolute;
    bottom: calc(2.5em / 4);
    left: calc(0.8em / 2);
    z-index: -1;
    width: 2.7em;
    height: 2.7em;
    border-radius: 50%;
    background: #f2f2f2;
    content: '';
}
/*-------立体Box　CSS見出し------*/
.h2222 {
    position: relative;
    padding: .5em .7em;
    border: 3px solid #333333;
    color: #333333;
}
.h2222::before,
.h2222::after {
    position: absolute;
    border: solid #333333;
    content: '';
}
.h2222::before {
    top: 3px;
    right: -16px;
    transform: skewY(45deg);
    width: 10px;
    height: 100%;
    border-width: 4px 3px 3px 0;
}
.h2222::after {
    bottom: -16px;
    left: 4px;
    transform: skewX(45deg);
    width: 100%;
    height: 10px;
    border-width: 0 2px 3px 4px;
}
/*-------付せん　CSS見出し------*/
.h22{
    display: inline-block;
    position: relative;
    padding: .5em 1em;
	margin:25px 0px 20px 20px!important;
    border-right: 27px solid #cecece;
    background-color: #f5f5f5;
    color: #333333;
	font-weight:300!important;
}
.h22::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}
/*-------セロテープ　CSS見出し------*/
.{
    display: inline-block;
    position: relative;
    transform: rotate(0deg);
    padding: .5em .7em;
    border-left: 2px dotted rgba(0, 0, 0, .1);
    border-right: 2px dotted rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .01);
    color: #333333;
	margin:0px 0px 0px 40px;
}
/*-------ボックスとシャドウ　CSS見出し------*/
.{
    padding: 10px!important;
    border: 2px solid #303030;
    box-shadow: 5px 5px #303030;
    color: #303030;
	width:100%;
}
/*---==========----見出し-H2-デフォルト-背景 の on-off-==========-*/
.article h2 {
    padding: 13px 25px;
   background:;
}
/*<h2 class="heading08"><span>Recruit</span>英字とラインのCSS見出し</h2>*/
.h2222 {
	font-size: 26px;
}
.h2222 span {
	display: flex;
	align-items: center;
	color: #498ee0;
	font-size: 18px;
	text-transform: uppercase;
}
.h2222 span::before {
	content: '';
	display: inline-block;
	margin-right: 20px;
	width: 40px;
	height: 1px;
	background-color: #498ee0;
}
/*　-------見出し　縦ストライプ下線-------　*/
#stripe2{
 position:relative;
 padding-bottom:1rem;
}
#stripe2::before{
 position: absolute;
 content: '';
 left: 0;
 bottom: 0;
 width: 100%;
 height: 8px;
 background-image:repeating-linear-gradient(
 90deg, #000, #000 1px, transparent 1px, transparent 6px);
}
/*　-------見出しななめ下線-------　*/
#stripe {
	position: relative;
	padding-bottom: 10px;
	font-size: 26px;
}
#stripe::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: repeating-linear-gradient(45deg, #b4a983 0px, #b4a983 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}

/*　-------見出しクロスxxxxxxxx下線-------　*/
.pxxx{
	position: relative;
	padding-bottom: 10px;
	font-size: 26px;
}
.pxxx::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-image:
		repeating-linear-gradient(45deg, #b4a983 0px, #b4a983 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%),
		repeating-linear-gradient(135deg, #b4a983 0px, #b4a983 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 8px 8px;
}
/* ---- 方眼背景 --- */
.kk{background-image: url(/wp-content/uploads/2023/07/120.png);
 background-repeat: repeat;
 background-position: cover;
 background-size: 65% 65%;
}

.logo {
    text-align:left;
}

 /*固定ページライター名を消す*/
    .page .author-info {
    display: none;
    }
 /*投稿ページページライター名を消す*/
    .post .author-info {
    display: none;
    }

#main{
padding: 0px 15px;
}

/*---固定ページだけページタイトル消す------- */
.page .entry-title {
display: none;
}

/*---投稿ページだけページタイトル消す------- */
.post .entry-title {
display: ---;
}

/*---固定ページだけ日付消す------- */
.page .date-tags {
display: none;
}

.r-rs99b7{
	border-width:0px;
}
.r-oelmt8 {
	background-color: #fff;
}
/* ----SNSボタン縮小化---- */
.nwa .sns-follow-buttons a
{width:50px;}
.sns-follow-message{display:none;}
.nwa .sns-follow-buttons a{margin-right:15px!important;}
.sns-follow-buttons {justify-content:start!important;}

/*　ヘッダーロゴ */
.header-site-logo-image {
	transition:0.3s;}
.header-site-logo-image:hover {
		opacity:0.3;}

/*　モバイルトップメニューホバー */
.slicknav_nav a:hover{
	background:none;
	color:#99b;
	transition: 0.3s;
}
/*　トップメニュー下線　*/
#navi .navi-in a:after{
	position: absolute;
	content: "";
	left: 20%;
	bottom: 1px;
	height: 3px;
	width: 60%;
	background: #99b;
	transform: scale(0,1);
	transition: 0.3s;
}
/*　トップメニュー下線ホバー.  980px 以上　*/
@media screen and (min-width: 980px) {
	#navi .navi-in a:hover:after{
		transform: scale(1);
	}}


/*トップナビの幅*/
#navi .navi-in>ul>li>a{
padding: ;
}　


/*　トップメニュー選択中下線　*/
{}/*←なぜかこれがないと効かなくなってしまった　*/
.current-menu-item:after{
	position: absolute;
	content: "";
	left: 20%;
	bottom: 1px;
	height: 3px;
	width: 60%;
	background: #99b;
}


/*　トップ　フッターメニュー ホバーバックグラウンドfff　*/
.navi-in a:hover {
    background-color: #fff;
}
.navi-footer-in a:hover {
    background-color: #fff;
}

/* ===============フッターウィジェットについて =====親テーマでCSS指定している件===================================================*/

/*　cocoonバージョンupして　フッター左がずれたら　親テーマ　style.css  408行目の
 
    ol, ul { padding-left :40px; }　　をコメアしてください。

/*　ウィジェット　左　1023以下で　左に詰めている　親テーマ　style.css  410行目辺り

@media (max-width: 1023px) {  1023以下 
ol, ul {
  padding: 1em;
  padding-left: 0px;
}
}
=========================================================================================================*/


.footerlink a{text-decoration:none;}

.footer-left li, .footer-right li, .footer-center li, .footer-mobile li{
list-style:none;}

.footer-left lu, .footer-right ul, .footer-center ul, .footer-mobile ul{
padding-left:0px;
text-align:;
margin-left:px;
}

/* ----フッター3コラム色付け確認用---- */
.footer-center{
background-color:#---;
}
.footer-left, .footer-right{
background-color:#---;
}

/* フッター上下に余はく*/
.footer {
	padding: 40px 0px 50px 0px;
}

/*　フッター、モバイル、右、左、中、A、カラー　*/
.footer-mobile .textwidget a,
#footer .footer-left .textwidget a,
#footer .footer-right .textwidget a,
#footer .footer-center .textwidget a { 
color: #555!important;
}
.footer-mobile a:hover,
#footer .footer-left .textwidget a:hover,
#footer .footer-right .textwidget a:hover,
#footer .footer-center .textwidget a:hover { 
color: #99b!important;
}

/*　フッター、モバイル、右、左、中、フォントサイズ　*/
#footer{
font-size:0.8em;
}

/*=========  @max-width:1023px以下でフッターのblockスタイル拒否
 3カラム横並びを維持したいのでコメアしている。
 親テーマ style.css の 10325 行
.footer-widgets {         
 display: block;
===============================================*/
#booking-package-locale-ja{margin-bottom:15px;
width:60%;}	  
.footer-widgets{margin:15px;}
/*1023px以下*/
@media screen and (max-width: 1023px)
{
#booking-package-locale-ja{
	margin-bottom:15px;
	width:60%;
	}	  
.footer-widgets{
	margin:15px;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
.footer-widgets-mobile{display:none!important;}/*消している*/             
#booking-package-locale-ja{margin-bottom:15px;}
.footer-widgets{margin:15px;}
.logo {text-align:left;}
}

/*834px以下*/
@media screen and (max-width: 834px){
.footer-widgets{display:block!important;}/*ここでフッター３コラムを縦にしている*/
.footer-widgets{margin-left:17px;}
#booking-package-locale-ja{margin-bottom:15px;
width:60%;}
}
/*550px以下*/
@media screen and (max-width: 550px){
	#booking-package-locale-ja{margin-bottom:15px;
	width:100%;}
}
/*480px以下*/
@media screen and (max-width: 480px){
	             }

/*==========　834px以下でモバイル幅適用時にフッターウィジェット左右中が消され、
  モバイルフッターウィジェットに切り替わるのを防ぐため下記をコメアしている
  親テーマ style.css 10602行目
  .footer-widgets {display: none;}
================================================================*/

/* フッターメニュー */
.navi-footer-in a {
  position: relative;
  display: inline-block;
  text-decoration: none !important;
}
/* 980px以上 フッターメニュー(hover) */
@media screen and (min-width: 980px) {
	.navi-footer-in a:hover{
	 background: none!important;}
}
/* フッターメニューの下線 */
.navi-footer-in a::after {
  position: absolute;
  bottom: -3px;
  content: '';
  left: 6%;
  width: 88%;
  height: 1.3px;
  background: #99b;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
/* 980px以上 フッターメニューの下線(hover) */
@media screen and (min-width: 980px) {
	.navi-footer-in a:hover::after {
	  transform: scale(1, 1);
	}
}
/*　フッターメニュー縦線区切りけす　*/
#navi-footer li {
  border: none;
}

.dtp img{
	width:30%!important;
}