label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #bdc3c7;
  cursor: pointer;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
    background-color: #ecf0f1;
}
label.panel-label:hover {
}

#panels {
  background-color: white;
}
.panels-home {
  height: 940px;
}
.panels-chiro {
  height:2200px;
}
#panels .nakami {
  margin: 0 auto;
  width: 100%;
}
#panels section header label.panel-label {
  padding: 12px 24px;
  box-sizing: border-box;
}
#panels section main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  /*overflow-y: hidden;*/
  overflow-y: visible;
}

#panel-1-ctrl:checked ~ #panels #panel-1 main {
  max-height: initial; max-height: auto;
  opacity: 1;
  padding: 48px 24px;
}
#panel-1-ctrl:checked ~ #panels #panel-1 main img {
　/*height:920px;*/ max-height: auto;
  height: auto;
}
#panel-2-ctrl:checked ~ #panels #panel-2 main {
  max-height: initial; max-height: auto;
  opacity: 1;
  padding: 48px 24px;
}
#panel-2-ctrl:checked ~ #panels #panel-2 main img {
  /*height:920px;*/ max-height: auto;
  height: auto;
}


#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
  border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
  background-color: white;
  padding-top: 24px;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after {
  height: 6px;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
  border-right: 1px solid transparent;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
  background-color: white;
  padding-top: 24px;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {
  height: 6px;
}


ul#tabs-list {
  display: flex;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
  padding: 0;
}
ul#tabs-list li {
  text-align: center;
  font-size: 0.875em;
  width: 50%;

  border-right: 1px solid #dfdfdf;
  position: relative;
}
ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}
ul#tabs-list li:hover.last {
  border-right: 1px solid transparent;
}
ul#tabs-list li:hover + li {
  border-left: 1px solid #dfdfdf;
}
ul#tabs-list li label.panel-label {
  position: relative;
  padding: 24px 0;
  font-size: 0.875em;
}
ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #003399;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
ul#tabs-list li label.panel-label:hover {
  padding-top: 24px;
}
ul#tabs-list li label.panel-label:hover::after {
  height: 6px;
}
.panel-radios {
  display: none;
}




.clear{clear:both;}
.ta1 {virtical-align:middle;}
.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;}
.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;}

.footer-widgets-wrapper{backgound-color:#ffa500;}
.footer-socket-wrapper{backgound-color:#973602;}
.cpright {color: #cccccc; font-size: 14px;}

@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;}
}