/*
Theme Name:     child01
Description:    子テーマ
Author:         daina-group
Template:       colormag

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

body,
button,
input,
select,
textarea {
	color: #444444;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:16px;
	line-height: 1.6;
	word-wrap: break-word;}
#site-navigation {background-color:#ffa500;}
.red {color:#f00;} .blue {color:#00f;} .green {color:#0f0;} 
.bold {font-weight:bold;} .font-L{font-size:120%;} .font-LL{font-size:150%;} .block{border:3px solid #333; padding:10px; margin-bottom:20px;}
.clear{clear:both;}

.toprightbox{text-align:right;}
.top-message{width:100%; text-align:right; font-size:70%; }
.tel{font-weight:bold; font-size:160%;}
.su-tabs.my-custom-tabs { background-color: #84ADEA }
  .su-tabs.my-custom-tabs .su-tabs-nav span { font-size: 1.3em }
  .su-tabs.my-custom-tabs .su-tabs-nav span.su-tabs-current { background-color: #EDFAFF }
  .su-tabs.my-custom-tabs .su-tabs-pane {
    padding: 1em;
    font-size: 1.3em;
    background-color: #EDFAFF;
  }
.entry-title{font-size:50%; border-bottom:1px #666 solid; margin-bottom:10px;}
.center{text-align:center;}
.banner{float:right;} .banner img {width:200px;}
.staffphoto{width:91%; margin:0 auto;} .staffphoto img{width:21%; margin:5px 2%;}
.side img{ width:100%; margin:10px 0;}
.half {width:41%; margin:10px 2%; float:left;}
.half a {color:#289dcc;} .entry-content a {color:#289dcc;}

.topic{width:100%; padding:0 10px;} .topic img {width:21%; margin:5px 2%;}
.homepage{text-align:center;}

h3 .widget-title span {color:#333;}
.photo_2line {width:100%; padding:0 10% 10px; margin-bottom:10px;} .photo_2line  img {margin:10px;}

.setsumei{margin:10px; padding:10px; border:1px solid #333; overflow:auto; height:250px;}

#tabmenu{ width:100%;
    text-align: left;
    padding:0px;
    margin:0px;
    color:#333;
    font-size: 11px;
    position:relative;
}
#tabmenu div#tab{
    text-align: center;
} 
#tabmenu div#tab a{ display:block; float:left; margin-left:80px;
    height: 80px;
    line-height: 40px;
    text-decoration:none;
    color:#333;
    background:#fff;
}
#tabmenu div#tab a:hover{
    background:#333;
    color:#333;
}
div#tab_contents img {width:97%; margin-left:10px; float:left;}
div#tab_contents{ text-align:center;
    width:100%;
    overflow:
    hidden;clear:both;
}
div#tab_contents ul{
    width:2500px;
    padding:0px;
    margin:0px;
}
div#tab_contents ul li{
    float: left;
    list-style-type:none;
    background:#fff;
}


/***** Smart Responsive Table *****/
span.wpcf7-list-item { display: block; }
.type-form th{width:30%;}
.table-srt {overflow: hidden;table-layout: fixed;}
.required-srt {font-size: 8pt;padding: 5px;background: #DE8686;color: #fff;border-radius: 3px;margin-right: 3px;}
.unrequired-srt {font-size: 8pt;padding: 5px;background: #BDBDBD;color: #fff;border-radius: 3px;margin-right: 3px;}
.table-srt th {font-weight: bold;text-align: left;vertical-align: top;}
.table-srt input,
.table-srt textarea {max-width: 90% !important;margin: 5px 10px 10px 5px;}
.address-100 input {max-width: 90% !important;margin: 5px 10px 10px 5px;}
.message-100 textarea {width: 100%;margin: 5px 10px 10px 5px;}


.table-srt tbody,
.table-srt tr {display: block;width: 99%;}
.table-srt th {width: 95%;text-align: left;display: block;margin: 0 auto;border-left: none;border-right: none;border-bottom: none;}
.table-srt td {display: list-item;list-style-type: none;margin:  0;width: 95%;border-top: none !important;border-left: none;border-right: none;}
}
.recaptcha {padding: 5px 0;}
.soushin-button {padding: 15px 0 15px 0;text-align: center;}

.wpcf7 input[name="your-name"], .wpcf7 input[name="your-email"], .wpcf7 input[name="your-subject"] {  width: 200px;   height: 35px !important;}
.wpcf7 textarea[name="your-message"] {  width: 80%;   height: 100px !important;}
.wpcf7 .day input[type="text"],.wpcf7 .age input[type="text"] {width:50px; display:inline;}
.wpcf7 .name input[type="text"]  ,.wpcf7 .work input[type="text"],.wpcf7  {width:200px; display:inline;}
.post input[type="text"]{width:60px; display:inline;}

/* Contact Form 7のラジオボタンを縦並びに　class:list-blockをclass指定する */
.list-block .wpcf7-list-item {display: block;}
.list-inline .wpcf7-list-item {display: block;}
span.wpcf7-list-item {display: block;}

/* 送信ボタンのカスタマイズ */
.soushin {
	-moz-box-shadow: 0px 1px 0px 0px #c1ed9c;	-webkit-box-shadow: 0px 1px 0px 0px #c1ed9c;	box-shadow: 0px 1px 0px 0px #c1ed9c;
	background-color:#33ab3b;	-webkit-border-top-left-radius:7px;	-moz-border-radius-topleft:7px;
	border-top-left-radius:7px;	-webkit-border-top-right-radius:7px;	-moz-border-radius-topright:7px;
	border-top-right-radius:7px;	-webkit-border-bottom-right-radius:7px;	-moz-border-radius-bottomright:7px;
	border-bottom-right-radius:7px;	-webkit-border-bottom-left-radius:7px;	-moz-border-radius-bottomleft:7px;
	border-bottom-left-radius:7px;
text-indent:0;border:1px solid #089e00;display:inline-block;color:#ffffff;font-family:Arial;font-size:20px;font-weight:bold;
	font-style:normal;height:50px;line-height:50px;width:140px;text-decoration:none;text-align:center;text-shadow:1px 1px 0px #689324;}
.soushin:hover {background-color:#1ea117;}
.soushin:active {position:relative;top:1px;}
.red a {color:#f00;}

@media only screen and (max-width: 979px) {
} /*デバイスの横幅が979px以下の場合*/
 
@media only screen and (min-width: 321px) and (max-width: 768px) {

} /*デバイスの横幅が321以上768以下の場合*/
 
@media only screen and (max-width: 320px) {    
    header{
        Width:90%;
    } 
} /* デバイスの横幅が320px以下の場合 */

@media screen and (min-width: 900px) {
  .table-srt th {	width: 28%;}
}
@media screen and (max-width: 900px) {
  .table-srt {display: block;}
}


/***** 施術院検索関連Styles *****/
.res-header {
	position: relative;
}
.res-header .ret-form {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
}

/***** 施術院検索フォーム *****/
.search_form {
	margin: 0 0 20px 0;
	padding: 10px;
	border: solid 2px #C05E1F;
}
.search_form h1 {
	margin: 10px 0;
	padding: 0;
	font-size: 18px;
	font-weight: 600;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.search_form p {
	font-size: 14px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.search_form .list .areas:after,
.search_form .list .prefectures:after {
	content: url(./images/next.png);
	margin: 10px;
}
.search_form .list .prefectures {
	display: none;
}
.search_form .list ul {
	margin: 0;
	padding: 0 4px;
	list-style: none;
	background-color: #DCDDDD;
}
.search_form .list ul li {
	display: inline-block;
	padding: 0 4px;
	font-size: 12px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	border-left: solid 1px #666;
}
.search_form .list ul li:first-child,
.search_form .list .cities ul li:nth-child(2) {
	border: none;
}
.search_form .list {
	margin-bottom: 20px;
}
.search_form .map {
}
.search_form .map div {
	margin: 0 auto;
}
.search_form .map img {
	width: 100%;
	max-width: 300px;
}

@media screen and (min-width: 768px) {
	.search_form {
		min-height: 260px;
	}
	.search_form .list {
		float: left;
		padding-bottom: 20px;
		display: block;
		width: calc(100% - 320px);
	}
	.search_form .map {
		float: right;
		display: block;
		padding: 0;
		width: 300px;
	}
	.search_form .map div {
	}
	.search_form .map img {
		width: 300px;
		height: 240px;
	}
}

/***** 施術院検索結果 *****/
.res-header .res-title {
	color: #006835;
	font-size: 22px;
}
.res-header h2 {
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	font-size: 14px;
	line-height: 36px;
	background-color: #DCDDDD;
}

.res-list {
	margin: 0 0 20px 0;
}
.res-list > div {
	float: left;
}
.res-list .res-img {
	padding: 0 10px 0 0;
	width: calc(15% - 10px);
}
.res-list .res-text {
	width: 55%;
}
.res-list .res-text h3 {
	margin: 0 0 6px 0;
	padding: 0;
	color: #006835;
	font-size: 16px;
}
.res-list .res-text .res-adr,
.res-list .res-text .res-tel,
.res-list .res-text .res-hour {
	font-size: 12px;
}
.res-list .res-text .res-adr:after {
	content: "\A" ;
	white-space: pre ;
}
.res-list .res-text .res-tel {
	margin-right: 20px;
}
.res-list .res-text .res-link {
	display: block;
	margin: 6px 0;
	color: #053592;
	font-size: 12px;
}
.res-list .res-cat {
	width: 30%;
}
.res-list .res-cat ul {
	margin: 0;
	padding: 0;
}
.res-list .res-cat ul li {
	display: inline-block;
	padding: 0 4px;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	box-shadow:1px 1px 1px 1px #666666;
	-moz-box-shadow:1px 1px 1px 1px #666666;
	-webkit-box-shadow:1px 1px 1px 1px #666666;
	border-radius: 4px;
}
.res-list .res-cat ul li.cat-01 {
	background-color: #25833A;
}
.res-list .res-cat ul li.cat-02 {
	background-color: #E33E90;
}

.res-list .res-cat ul li.cat-03 {
	background-color: #E3913E;
}

.res-list .res-cat ul li.cat-04 {
	background-color: #E3913E;
}

.res-list .res-cat ul li.cat-def {
	background-color: #E3913E;
}

.res-list .res-cat ul li span {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 100%;
}

/***** 施術院詳細ページ *****/
.sejutu {
	
}
.sejutu h1 {
	color: #006835;
	font-size: 22px;
}
.sejutu .images {
	margin: 0 0 10px 0;
	padding: 0;
}
.sejutu .images li {
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 32%;
	text-align: center;
}
.messages {
	margin-bottom: 20px;
}
.messages .message {
	float: left;
	margin: 0 20px 0 0;
	padding: 10px 20px;
	width: calc(50% - 60px);
	background-color: #FFF8A4;
}
.messages .message h2 {
	margin: 0;
	font-size: 14px;
}
.messages .message p {
	margin: 5px 0;
	font-size: 12px;
}
.messages .coupon {
	float: right;
	width: 50%;
}
.messages .coupon img {
	width: 100%;
	height: auto;
}
.information {
	margin: 0 0 20px 0;
	padding: 20px 40px;
	background-color: #FFF8A4;
}
.information dl {
	margin: 0;
}
.information dl dt {
	float: left;
	clear: both;
	margin: 0;
	width: 100px;
}
.information dl dt span {
	display: block;
	padding: 2px 0;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 200;
	text-align: center;
	background-color: #C05E1F;
	border-radius: 6px;
}
.information dl dt .yoyakupage {
	display: block;
	padding: 2px 0;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 200;
	text-align: center;
	background-color: #ff0000;
	border-radius: 6px;
}
.information dl dd {
	margin: 0 0 4px 140px;
	padding: 2px 0;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.information dl dd p {
	margin: 0;
	padding: 0;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 16px;
}
.information dl dd p a {
	color: #333;
}
.map {
	margin: 0 0 20px 0;
	width: 100%;
	height: 240px;
}
.map iframe {
	width: 100%;
	height: 100%;
}

.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

#refinement {
	margin: 0 0 40px 0;
	background-color: #eee;
	padding: 5px 10px;
	text-align: center;
}
#refinement .h2 {
	margin: 0 10px 0 0;
	font-size: 13px;
}
#refinement label {
	margin: 0 10px 0 4px;
	font-size: 12px;
}
#refinement input[type="checkbox"] {
	margin: 0;
	vertical-align:middle;
}
#refinement input[type="submit"] {
	margin: 0;
	padding: 2px 20px;
	font-size: 12px;
	background-color: #289dcc;
	vertical-align: middle;
	border-radius: 4px;
	border: solid 1px #DDD;
}