/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

#onlynav ul li a {
  font-size:0.9em;
}

#onlynav .menu_desc, #nav_fixed #nav .menu_desc {
    font-size: 1em;
    opacity: .9;
     height: 14px;  
}


#onlynav {
background: #87e0fd;
background: -moz-linear-gradient(top,  #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
background: -webkit-linear-gradient(top,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
background: linear-gradient(to bottom,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
    color: #fff;
}









.reforemsotowaku{
border: 2px solid #dfdfdf;
padding:1em;
margin-bottom:1em;
}
.reforemsotowaku h2 {
margin:0.5em 0 1em;
}



.content p {
    padding: 0 1em;
}

.content .sc_heading, .sc_heading {
padding: .5em 1em;
margin: 0.5em 0 0.5em;
}
.reforemsotowaku{
border: 2px solid #dfdfdf;
padding:1em;
margin-bottom:1em;
}
.reforemsotowaku h2 {
margin:0.5em 0 1em;
}

/*ナビベーションメニュー*/
#menu ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0;
}

#menu li a{
display: block; 
border: 1px solid #e8e8e8;
background-color: #f8f8f8;
padding: 5px 15px;
text-decoration: none;
color: #333;
width: 100%; 
margin: 3px 0px;
text-align: left;
font-size: 1em;
}
#menu li a:hover{
border: 1px solid #e0f8ff;
background-color: #e0fff8;
}

/*ナビベーションメニュー*/



/*ページ送りナビゲーション*/
#footernav ul.pageNav {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	text-align: center;
}

#footernav ul.pageNav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#footernav ul.pageNav li span,
#footernav ul.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #eeeff7;
	text-decoration: none;
	vertical-align: middle;
}

#footernav ul.pageNav li a:hover {
	color: #000;
	background: #ccf;
	border-color: #00f;
}

/*ページ送りナビゲーション*/







/*リンク画像を明るくする*/
a:hover img { opacity: 0.7; filter: brightness(105%); }
img { -webkit-transition: all .3s; transition: all .3s;}
@media only screen and (max-width: 750px) {
img { max-width: 100%; }}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc{ display: block !important; }
.sm{ display: none !important; }

/* スマートフォンで見たときは"sm"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc{ display: none !important; }
.sm{ display: block !important; }
}



/* youtube レスポンシブ */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.sc_getpost .date {
  display:none;
}

.post_list_wrap .date {
     display:none;
}

/*コンタクトフォームの幅を100%にする*/
.inquiry {
width: 100%;
}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.content .inquiry th,.content .inquiry td {
 display:block;
 width:100%;
 border-top:none;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;	
}
.content .inquiry tr:first-child th{
 border-top:0px solid #d7d7d7;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto .inquiry .any {	
font-size:10px;
}
}

/*見出し欄*/
.c_form table {
    border: solid 0px #ffffff;
}


.inquiry th{
 	text-align:left;
 	font-size:14px;
 	color:#444;
	padding-right:5px;
 	width:30%;
 	background:#fff;
	border:solid 0px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.content .inquiry tr,.content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:10px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:10px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}

input {
    margin: 0;
    padding: 10px;
}
select {
    height: 50px;
    max-width: 100%;
 }

.inquiry td {
    font-size: 13px;
    border: solid 0px #d7d7d7;
	background: #fff;
}
.inquiry tr td ri_kasyo{
	line-height: 2.8em;
		margin-bottom:15px;
} 

.wpcf7c-conf {
    background-color: #fffee1;
    color: black;
    border: 0px solid #333333;
}

/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}


/*送信ボタンのデザイン変更*/
.wpcf7-form-control.wpcf7-submit {
font-size:14px;	
width: 34%;
margin-left: 30%;
background-color: #FF8000;
border-radius: 3px;
}

/*確認ボタンのデザイン変更*/
.wpcf7-form-control.wpcf7-confirm {
font-size:14px;
width: 34%;
margin-left: 30%;
background-color: #FF8000;
border-radius: 3px;
}

/*再編集ボタンのデザイン変更*/
.wpcf7-form-control.wpcf7-back {
width: 30%;
margin-left: 30%;
background-color: #FF8000;
border-radius: 3px;
color:#fff;
}

/*送信ボタンマウスホバー時*/
.wpcf7-form-control.wpcf7-submit:hover{
opacity: 0.8;
 color:#fff;
 border:2px solid #F7BE81;
}

.inquiry tr td .ri_kasyo{
 background:#666;
	margin-bottom:15px;
padding:0.3em 1.5em;
	color:#fff;
	line-height: 2.0em;
}

.inquiry tr td .ri_meyasu{
 background:#46B283;
	margin-left:15px;
padding:1em 1.5em;
	color:#fff;
	line-height: 2.0em;
}
/*Contact Form 7カスタマイズ*/
/*来店予約ｃｓｓ*/

@media only screen and (min-width: 751px) {
.merit{
max-width:870px;
margin: auto;
padding:0 12%;
}

.merit h1{
font-size:2.5rem;
line-height:3.5rem;
}

}

@media only screen and (max-width: 750px) {
.merit{
}

.merit h1{
font-size:1.6rem;
line-height:3.5rem;
}

.inquiry tr td .ri_meyasu{
 background:#46B283;
margin-left:10px;
padding:1em 0.5em;
color:#fff;
line-height:2.0em;
}

}



.font_kimidori{
font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-style: italic;
font-style: oblique;
color:#00800d;font-weight: bold;
font-size: 2.8rem;
}
.merit p{
text-align: justify;text-justify: inter-ideograph;
line-height: 1.2rem;
margin:0.2rem 0;
}
.merit p.indentback{
  text-indent: -3.3em;
  padding-left: 3em;
line-height: 1rem;
padding-bottom:0.5rem;
font-weight: bold;
}
.merit img{
margin:0 auto;
display: block; margin-left: auto;margin-right: auto;
}

/*来店予約ｃｓｓ*/

/*個別インタビューCSS*/

.bluebox{
margin-bottom:4em;
color:#002060;
padding:1rem 1rem 1rem 1rem;
border: double 1px #002060;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(10,214,255,0.6003443613773635) 100%);
 box-shadow: 10px 10px #002060;
}

.bejubox{
margin-bottom:4em;
color:#002060;
padding:1rem 1rem 1rem 1rem;
border: double 1px #002060;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(186,220,196,1) 100%);

 box-shadow: 10px 10px #002060;
}







.diver_question div {
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #002060;
    font-weight: bold;
font-size:1.2rem;
}
/*
.diver_question:before {
    background: url(https://yellhouse.jp/wp-content/uploads/2019/03/Q_aicon3.png) no-repeat;
overflow: hidden;
}
*/

.diver_question:before {
    content: "Q";
    background: #002060;
}
.diver_answer:before {
    background: url();
}


/* 簡便のために全要素のマージンとパディングを0に */
* {
  margin: 0;
  padding: 0;
}

/* 商品一覧エリアの背景 */
#item-list {
  background: #fff;
}

/* クリアフィックス */
#item-list ul:after {
  content: "";
  clear: both;
  display: block;
}

/* 商品一覧のリストの設定 */
#item-list ul li {
border: 1px solid #dfdfdf;
padding:0 0.1em;
margin:0.1em;
  display: block;
  float: left;
  height: 100%;
  list-style-type: none;
  background: #fff;
  text-align: center;
}

#item-list ul li {
  width: 19%;
}

.content ul {
padding-left: 0em;
}



@media only screen and (max-width: 750px) {

#item-list ul li {
  width: 49%;
}

.button a.small {
    padding: .5em .7em;
    font-size: 0.7em;
}
#item-list ul li {
  font-size: 0.5rem;
}
.content .wp-caption-text, .content .gallery-caption {
    font-size: 100%;
    padding: 0;
    margin-top: 0.5rem;
}
.content p {
    padding: 0 0 0.5em;
}
.button a.midium {
    padding: .4em  .9em;
    font-size: .9em;
}
}


#item-list ul li {
  font-size: 1rem;
}
.content .wp-caption-text, .content .gallery-caption {
    font-size: 100%;
    padding: 0;
    margin-top: 1rem;
}

.content p {
    padding: 0 0 0.1em;
}

}

/*個別インタビューCSS終わり*/