@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


html {
  scroll-behavior: smooth;
}

.wrap {
  width: 100%;
}

.main {
  padding-left: 0;
  padding-right: 0;
}

.appeal::before {
  background: none;
}

.header-container-in.hlt-top-menu .logo-header img {
  max-height: 50px;
}

h1.bm {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 0 0 0;
  color: #666;
  font-size: 14px;
  font-family: Meiryo, sans-serif !important;
  text-align: center;
}

h1.entry-title {
  font-size: 18px;
  font-family: serif;
  font-weight: 700;
  font-style: normal;
  color: #00636C;
  text-align: center;
  text-decoration: none;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 100px;
}

h2.sgd {
  padding-top: 100px;
  padding-left: 0;
  padding-right: 0;
}

.is-count-on #content-in .article h2::before {
  content: none;
}

h3.sgd {
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  border-left: none;
  font-style: italic;
  font-size: 18px;
}

.is-count-on #content-in .article h3::before {
  content: none;
}

span.waku {
  display: inline-block;
}

p.cfc {
  font-size: 14px;
  font-family: Meiryo, sans-serif !important;
  font-weight: normal;
}

label {
  font-size: 14px;
  font-family: Meiryo, sans-serif !important;
  font-weight: normal;
}

.top-mc {
  clear: both;
  margin: 0 auto;
  padding: 0 0 0 0;
  max-width: 600px;
}

.top-md {
  clear: both;
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 100%;
}

.top-mb {
  clear: both;
  margin: 0 auto;
  padding: 0 0 0 0;
  max-width: 700px;
}

.top-mb p {
  text-align: left;
  margin-bottom: 0;
}

.rbs-imges-container {
  margin-top: 60px;
}








/***** コンタクトフォーム *****/

#ttr_content .dh-mcc .table-srt th {
  border-bottom: 1px solid #999999 !important;
}

#ttr_content .dh-mcc .table-srt td {
  border-bottom: 1px solid #999999 !important;
}

@media screen and (max-width: 900px) {
#ttr_content .dh-mcc .table-srt th {
   border-bottom: none !important;
}
}

.table-srt {
  overflow: hidden;
  table-layout: fixed;
  margin-bottom: 40px;
}
 
.required-srt {
  font-size: 10pt;
  padding: 2px 5px 2px 5px;
  background: #B2876C;
  color: #fff;
  margin-right: 40px;
  font-weight: bold;
  float: right;
  margin-top: 6px;
}

@media only screen
and (max-width : 767px)
{
.required-srt {
  float: left;
  margin-right: 10px;
}
}
 
.unrequired-srt {
  font-size: 10pt;
  padding: 2px 5px 2px 5px;
  background: #669966;
  color: #fff;
  margin-right: 40px;
  font-weight: bold;
  float: right;
}

@media only screen
and (max-width : 767px)
{
.unrequired-srt {
  float: left;
  margin-right: 10px;
}
}
 
.table-srt th {
  text-align: left;
  vertical-align: top;
  font-weight: normal !important;
  font-size: 14px !important;
}
 
.table-srt input,
.table-srt textarea {
  max-width: 90% !important;
}
 
.address-100 input {
  max-width: 90% !important;
}
 
.message-100 textarea {
  width: 100%;
}

@media screen and (min-width: 900px) {
 .table-srt th {
  width: 28%;
}
}
 
@media screen and (max-width: 900px) {
.table-srt {
  display: block;
}
	
.table-srt tbody,
.table-srt tr {
  display: block;
  width: 100%;
}
	
.table-srt th {
  width: 100%;
  text-align: left;
  display: block;
  margin: 0 auto;
  border-left: none;
  border-right: none;
  border-bottom: none;
  font-family: Meiryo, sans-serif;
}
	
.table-srt td {
  display: list-item;
  list-style-type: none;
  margin:  0;
  width: 100%;
  border-top: none !important;
  border-left: none;
  border-right: none;
  font-family: Meiryo, sans-serif;
}
}
.recaptcha {
  padding: 5px 0;
}
.soushin-button {
  padding: 15px 0 15px 0;
  text-align: center;
}


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

.inq {
  clear: both;
  margin: 0 auto;
  padding: 0 0 20px 0;
  margin-top: 30px;
}

/* 送信ボタンのカスタマイズ */
.soushin {
  -moz-box-shadow: 0px 0px 0px 0px #c1ed9c !important;
  -webkit-box-shadow: 0px 0px 0px 0px #FFF !important;
  box-shadow: 0px 0px 0px 0px #FFF !important;
  background-color:#F3985F !important;
  -webkit-border-top-left-radius:0px;
  -moz-border-radius-topleft:0px;
  border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topright:0px;
  border-top-right-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-right-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-bottomleft:0px;
  border-bottom-left-radius:0px;
  text-indent:0;
  border:2px solid #F3985F !important;
  display:inline-block;
  color:#ffffff !important
  font-family: Meiryo, sans-serif !important;
  font-size:16px !important;
  font-style:normal;
  height:50px;
  line-height:50px;
  width:140px;
  text-decoration:none;
  text-align:center;
}.soushin:hover {
  background-color:#FFFFFF !important;
  color:#F3985F !important;
}.soushin:active {
  position:relative;
  top:1px;
}

.table-bordered {
  border: 1px solid #FFFFFF !important;
}

.table-srt th {
  vertical-align: middle !important;
  font-family: Meiryo, sans-serif !important;
}

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

table.about td.pb8 {
  padding: 0 0 8px 10px !important;
}

@media screen and (max-width: 479px) {
table.about td.pb8 {
  padding: 0 0 8px 15px !important;
}
}

table.about td.ptb8 {
  padding: 8px 0 8px 6px !important;
}

@media screen and (max-width: 479px) {
table.about td.ptb8 {
  padding: 8px 0 8px 9px !important;
}
}

table.about td.pl6 {
  padding: 0 0 0 6px !important;
}

@media screen and (max-width: 479px) {
table.about td.pl6 {
  padding: 0 0 0 9px !important;
}
}




table-srt td {
  width: 100%;
}

tr, td {
  font-family: Meiryo, sans-serif !important;
}

input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="url"], select {
  font-family: Meiryo, sans-serif !important;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #fff;
}

.table-srt input, .table-srt textarea {
  max-width: 50% !important;
}

@media screen and (max-width: 900px) {
.table-srt input, .table-srt textarea {
  max-width: 100% !important;
}
}

.table-srt textarea {
  max-width: 100% !important;
}

.table-srt textarea:focus {
  outline: 1px solid #F3985F;
}

.table-srt input:focus {
  outline: 1px solid #F3985F;
}

.table-srt select:focus {
  outline: 1px solid #F3985F;
}

.address-100 input {
  max-width: 100% !important;
}

.address-100 input:focus {
  outline: 1px solid #F3985F;
}

textarea, textarea.form-control {
  font-family: Meiryo, sans-serif !important;
}

.soushin {
  font-family: Meiryo, sans-serif !important;
}

.thirtys input {
  max-width: 30% !important;
  margin: 0 0 0 0;
}

@media screen and (max-width: 479px) {
.thirtys input {
  max-width: 50% !important;
}
}

.thirtys input:focus {
  outline: 1px solid #05acb9;
}

.fiftys input {
  max-width: 50% !important;
  margin: 0 0 0 0;
}

@media screen and (max-width: 479px) {
.fiftys input {
  max-width: 100% !important;
}
}

.fiftys input:focus {
  outline: 1px solid #05acb9;
}

.onehuns input {
  max-width: 100% !important;
  margin: 0 0 0 0;
}

.onehuns inpu:focus {
  outline: 1px solid #05acb9;
}

input[type="submit"] {
  color: #FFF;
}

input[type="submit"], #bbp_reply_submit, .bp-login-widget-register-link a {
    padding: 0 0 0 0 !important;
}

.table tr td{
    border-top: none !important;
}
.table.table-striped tr:hover{
    background: #fff !important;
}





/* モバイルメニュー */

body .mobile-menu-buttons {
  background-color: #9bdee4 !important;
}

body .mobile-menu-buttons .menu-button:hover {
  background-color: #9bdee4 !important;
}

body .mobile-menu-buttons .navi-menu-button .navi-menu-content a {
  color: #666;
  margin: 0.5em 0 0.5em 0;
  border-bottom: solid #00aaba 1px !important;
}

.menu-close-button {
  background-color: #00aaba;
}





@media screen and (max-width: 768px) {
.logo-header{
display: none;
}
}

.mobile-menu-buttons {
background: #0056ff;
color: white;
}

.mobile-menu-buttons .menu-button > a {
color: white;
}

div#header-in {
  flex-direction: row;
}

.example4 a{
  position: absolute;
	right: 1%;
	top: 10%;
	display: block;
	width: 80px;
	box-sizing: border-box;
  background: #0056ff;
	border: 1px solid #FFF;
  padding: 20px;
  text-align: center;
  color: #FFF;
  font-size: 80%;
  font-weight: bold;
	border-radius: 200px 200px 200px 200px;
}

.example4 a:hover{
    background: #FFF;
    color: #333;
}







.go-to-top-button {
  border-radius: 100% !important;
}








@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


html {
  scroll-behavior: smooth;
}

.wrap {
  width: 100%;
}

.main {
  padding-left: 0;
  padding-right: 0;
}

.appeal::before {
  background: none;
}

.header-container-in.hlt-top-menu .logo-header img {
  max-height: 50px;
}

h1.bm {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 0 0 0;
  color: #666;
  font-size: 14px;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif !important;
  text-align: center;
}

h1.entry-title {
  font-size: 18px;
  font-family: serif;
  font-weight: 700;
  font-style: normal;
  color: #00636C;
  text-align: center;
  text-decoration: none;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 100px;
}

h2.sgd {
  padding-top: 100px;
  padding-left: 0;
  padding-right: 0;
}

.is-count-on #content-in .article h2::before {
  content: none;
}

span.waku {
  display: inline-block;
}

.top-mc {
  clear: both;
  margin: 0 auto;
  padding: 0 0 0 0;
  max-width: 600px;
}

.top-md {
  clear: both;
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 100%;
}

.top-me {
  clear: both;
  margin: 0 auto;
  padding: 0 0 0 0;
  max-width: 1000px;
}

.rbs-imges-container {
  margin-top: 60px;
}








/***** コンタクトフォーム *****/

#ttr_content .dh-mcc .table-srt th {
  border-bottom: 1px solid #999999 !important;
}

#ttr_content .dh-mcc .table-srt td {
  border-bottom: 1px solid #999999 !important;
}

@media screen and (max-width: 900px) {
#ttr_content .dh-mcc .table-srt th {
   border-bottom: none !important;
}
}

.table-srt {
  overflow: hidden;
  table-layout: fixed;
  margin-bottom: 40px;
}
 
.required-srt {
  font-size: 10pt;
  padding: 2px 5px 2px 5px;
  background: #00636C;
  color: #fff;
  margin-right: 40px;
  font-weight: bold;
  float: right;
  margin-top: 0;
}

@media only screen
and (max-width : 767px)
{
.required-srt {
  float: left;
  margin-right: 10px;
}
}
 
.unrequired-srt {
  font-size: 10pt;
  padding: 2px 5px 2px 5px;
  background: #05acb9;
  color: #fff;
  margin-right: 40px;
  font-weight: bold;
  float: right;
}

@media only screen
and (max-width : 767px)
{
.unrequired-srt {
  float: left;
  margin-right: 10px;
}
}
 
.table-srt th {
  text-align: left;
  vertical-align: top;
  font-weight: normal !important;
  font-size: 14px !important;
}
 
.table-srt input,
.table-srt textarea {
  max-width: 90% !important;
}
 
.address-100 input {
  max-width: 90% !important;
}
 
.message-100 textarea {
  width: 100%;
}

@media screen and (min-width: 900px) {
 .table-srt th {
  width: 28%;
}
}
 
@media screen and (max-width: 900px) {
.table-srt {
  display: block;
}
	
.table-srt tbody,
.table-srt tr {
  display: block;
  width: 100%;
}
	
.table-srt th {
  width: 100%;
  text-align: left;
  display: block;
  margin: 0 auto;
  border-left: none;
  border-right: none;
  border-bottom: none;
  font-family: Meiryo, sans-serif;
}
	
.table-srt td {
  display: list-item;
  list-style-type: none;
  margin:  0;
  width: 100%;
  border-top: none !important;
  border-left: none;
  border-right: none;
  font-family: Meiryo, sans-serif;
}
}
.recaptcha {
  padding: 5px 0;
}
.soushin-button {
  padding: 15px 0 15px 0;
  text-align: center;
}


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

.inq {
  clear: both;
  margin: 0 auto;
  padding: 0 0 20px 0;
  margin-top: 30px;
}

/* 送信ボタンのカスタマイズ */
.soushin {
  -moz-box-shadow: 0px 0px 0px 0px #c1ed9c !important;
  -webkit-box-shadow: 0px 0px 0px 0px #FFF !important;
  box-shadow: 0px 0px 0px 0px #FFF !important;
  background-color:#05acb9 !important;
  -webkit-border-top-left-radius:0px;
  -moz-border-radius-topleft:0px;
  border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topright:0px;
  border-top-right-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-right-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-bottomleft:0px;
  border-bottom-left-radius:0px;
  text-indent:0;
  border:2px solid #05acb9 !important;
  display:inline-block;
  color:#ffffff !important
  font-family: Meiryo, sans-serif !important;
  font-size:16px !important;
  font-style:normal;
  height:50px;
  line-height:50px;
  width:140px;
  text-decoration:none;
  text-align:center;
}.soushin:hover {
  background-color:#FFFFFF !important;
  color:#05acb9 !important;
}.soushin:active {
  position:relative;
  top:1px;
}

.table-bordered {
  border: 1px solid #FFFFFF !important;
}

.table-srt th {
  vertical-align: middle !important;
  font-family: Meiryo, sans-serif !important;
  background-color: #fff;
  border: none !important;
}

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

table.about td.pb8 {
  padding: 0 0 8px 10px !important;
}

@media screen and (max-width: 479px) {
table.about td.pb8 {
  padding: 0 0 8px 15px !important;
}
}

table.about td.ptb8 {
  padding: 8px 0 8px 6px !important;
}

@media screen and (max-width: 479px) {
table.about td.ptb8 {
  padding: 8px 0 8px 9px !important;
}
}

table.about td.pl6 {
  padding: 0 0 0 6px !important;
}

@media screen and (max-width: 479px) {
table.about td.pl6 {
  padding: 0 0 0 9px !important;
}
}




table-srt td {
  width: 100%;
}

tr, td {
  font-family: Meiryo, sans-serif !important;
}

input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="url"], select {
  font-family: Meiryo, sans-serif !important;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #fff;
}

.table-srt input, .table-srt textarea {
  max-width: 50% !important;
}

@media screen and (max-width: 900px) {
.table-srt input, .table-srt textarea {
  max-width: 100% !important;
}
}

.table-srt textarea {
  max-width: 100% !important;
}

.table-srt textarea:focus {
  outline: 1px solid #F3985F;
}

.table-srt input:focus {
  outline: 1px solid #F3985F;
}

.table-srt select:focus {
  outline: 1px solid #F3985F;
}

.address-100 input {
  max-width: 100% !important;
}

.address-100 input:focus {
  outline: 1px solid #F3985F;
}

textarea, textarea.form-control {
  font-family: Meiryo, sans-serif !important;
}

.soushin {
  font-family: Meiryo, sans-serif !important;
}

.thirtys input {
  max-width: 30% !important;
  margin: 0 0 0 0;
}

@media screen and (max-width: 479px) {
.thirtys input {
  max-width: 50% !important;
}
}

.thirtys input:focus {
  outline: 1px solid #F3985F;
}

.fiftys input {
  max-width: 50% !important;
  margin: 0 0 0 0;
}

@media screen and (max-width: 479px) {
.fiftys input {
  max-width: 100% !important;
}
}

.fiftys input:focus {
  outline: 1px solid #F3985F;
}

.onehuns input {
  max-width: 100% !important;
  margin: 0 0 0 0;
}

.onehuns inpu:focus {
  outline: 1px solid #F3985F;
}

input[type="submit"] {
  color: #FFF;
}

input[type="submit"], #bbp_reply_submit, .bp-login-widget-register-link a {
  padding: 0 0 0 0 !important;
}

.table tr td{
  border: none !important;
  padding-bottom: 20px;
  padding-top: 20px;
}
.table.table-striped tr:hover{
  background: #fff !important;
}

input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea,
select, .search-edit {
  padding: 11px;
  border: 1px solid #9bdee4;
  border-radius: var(--cocoon-basic-border-radius);
  font-size: inherit;
  width: 100%;
  font-size: 22px !important;
  color: #333 !important;
  font-family: Meiryo, sans-serif !important;
  background-color: #fff;
  font-size: 14px !important;
}

input[type="text"]:focus {
 outline: 2px solid #05acb9;
}

input[type="email"]:focus {
 outline: 2px solid #05acb9;
}

.message-100 textarea:focus {
 outline: 2px solid #05acb9;
}









.inqtab p {
  margin-bottom: 0;
}

.wpcf7-list-item {
  margin: 0;
}

th.line p {
  margin-bottom: 0;
}

td.line p {
  margin-bottom: 0;
}

td.line {
  padding-bottom: 20px;
  padding-top: 20px;
}

@media screen and (max-width: 479px) {
td.line {
  padding-bottom: 0;
  padding-top: 0;
}
}





.wpcf7-spinner {
  display: block;
  margin: 0 auto;
  padding-top: 20px;
}

input[type="submit"], #bbp_reply_submit, .bp-login-widget-register-link a {
    width: 100%;
}

@media screen and (max-width: 479px) {
input[type="submit"], #bbp_reply_submit, .bp-login-widget-register-link a {
    width: 100%;
}
}



select, .search-edit {
  width: 50%;
}

@media screen and (max-width: 479px) {
select, .search-edit {
  width: 100%;
}
}





@media screen and (max-width: 479px) {
.table-srt th {
 padding-bottom: 10px
}
}

@media screen and (max-width: 479px) {
td.line {
 padding-bottom: 20px
 padding-top: 0px;
}
}

@media screen and (max-width: 479px) {
.table-srt td {
 padding-bottom: 20px
 padding-top: 0px;
}
}





ul {
  list-style-image: url(images/HomeDesktoplistimg.png);
  font-size: 12px;
  font-family: "Amaranth","Arial";
  font-weight: 400;
  font-style: normal;
  color: #333333;
  text-align: left;
  text-decoration: none;
  text-indent: 5px;
  margin-left: 0px;
  padding-left: 17px;
}

ul li {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}


.top-mc a:hover, a:focus{
  color:#05E6FB;
  text-decoration:none;
}









#header-container #navi .navi-in a::before {
  background: #FFF;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
  line-height: 1.25;
  font-weight: bold;
  text-align: center;
}
.mobile-menu-buttons {
  background: #6D91A0;
}
.fa, .far, .fas {
  color: #fff;
}
.mobile-menu-buttons .menu-caption {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .is-pcmenu-on .mobile-menu-buttons.mobile-footer-menu-buttons {
    display: none;
  }
}
.maxw {
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
}
p.tppg {
  margin: 30px 0 0 0;
  padding: 0 0 0 0;
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif !important;
  color: #505600;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
}





/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
