@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

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

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

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

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

/*グレーbox*/
.secondary-box {
    color: #454545;
    background-color: #fafafa;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: solid 1px #EDEDED;
}
/*Contact Form 7カスタマイズ*/
 /*スマホContact Form 7カスタマイズ*/
 @media(max-width:500px){
   .inquiry th,.inquiry td {
    display:block!important;
    width:100%!important;
    border-top:none!important;
    -webkit-box-sizing:border-box!important;
    -moz-box-sizing:border-box!important;
    box-sizing:border-box!important;
   }
   .inquiry tr:first-child th{
    border-top:1px solid #d7d7d7!important;
   }
   /* 必須・任意のサイズ調整 */	
   .inquiry .haveto,.inquiry .any {	
   font-size:10px;
   }}
   /*見出し欄*/
   .inquiry th{
    text-align:left;
    font-size:14px;
    color:#444;
    padding-right:5px;
    width:30%;
    background:#f7f7f7;
    border:solid 1px #d7d7d7;
   }
   /*通常欄*/
   .inquiry td{
    font-size:13px;
    border:solid 1px #d7d7d7;	
   }
   /*横の行とテーブル全体*/
   .entry-content .inquiry tr,.entry-content table{
    border:solid 1px #d7d7d7;	
   }
   /*必須の調整*/
   .haveto{
    font-size:7px;
    padding:5px;
    background:#ff9393;
    color:#fff;
    border-radius:2px;
    margin-right:5px;
    position:relative;
    bottom:1px;
   }
   /*任意の調整*/
   .any{
    font-size:7px;
    padding:5px;
    background:#93c9ff;
    color:#fff;
    border-radius:2px;
    margin-right:5px;
    position:relative;
    bottom:1px;
   }
   /*ラジオボタンを縦並び指定*/
   .verticallist .wpcf7-list-item{
    display:block;
   }
   /*送信ボタンのデザイン変更*/
   #formbtn{
    display: block;
    padding:15px;
    width:300px;
    background:#ffaa56;
    color:#fff;
    font-size:18px;
    font-weight:bold;	 
    border-radius:2px;
    margin:25px auto 0;
   }
   /*送信ボタンマウスホバー時*/
   #formbtn:hover{
    background:#fff;
    color:#ffaa56;
    border:1px solid #ffaa56;
   }
   /*プレースホルダー*/
 .search-edit, 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 {
   padding: 11px;
   border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 16px;
   width: 100%;
 }
 .search-submit {
   color:#ffaa56;
   font-size: 16px;
   }
@media(max-width:500px){
#header-img img {
  max-width: 100%;
}
}

 /*目次*/
 .toc-title {
    font-size: 1em;
    text-align: left;
    display: block;
    padding: 2px;
    font-weight: bold;
}
.toc {
  /*font-size: 1em;*/
  display: block;
  background-color: #fafafa;
  padding: 1em 2.5em;

}
.toc a {
  color: #1967d2;
  text-decoration:underline solid;
  cursor: pointer;
  
}
.toc a:hover {
  color: #e53900;
}

.toc-list > li{
  font-weight: bold;
}
.toc-list > li li{
  font-weight: normal;
}
.toc .toc-list {
    padding-left: 1em;
    line-height: 2em;
}
/************************************
** 折りたたみテーブル
************************************/
.p-accordion-table {
	line-height:1.6;
	width:100% !important;
	border-collapse: collapse;
	max-width: 100%;
	word-break: break-all;
	border:none !important;
}
.p-accordion-table tr {
	border:none !important;
}
.p-accordion-table th,.p-accordion-table td{
	vertical-align: middle;;
	padding:13px !important;
	border: solid 1px #ddd !important;
	font-size:0.85em !important;
}
.p-accordion-table th {
	background: #fffbf0;
	letter-spacing: 1px;
	font-weight: 500 !important;
	color: #555 !important;
	min-width: calc(5vw + 50px);
	text-align:center;
	max-width:400px;
}
.p-accordion-table td {
	background:#fff;
}
.p-accordion-table td p{
	padding-bottom:1.2em;
	margin:0;
}
.p-accordion-table td p:last-child{
	margin-bottom:0;
	padding-bottom:0;
}
.p-accordion-table ul{
	margin:0;
	padding:0 1.5em;
}
@media screen and (max-width: 560px) {
	.p-accordion-table th,.p-accordion-table td {
		display: block;
		width: 100% !important;
		border-bottom:none !important;
	}
	.p-accordion-table tr:last-child{
		border-bottom:1px solid #ccc !important;
	}
	.p-accordion-table th{
		padding: 8px 45px 8px 12px !important;
		position:relative;
		cursor:pointer;
		max-width:100%;
		text-align:left;
	}
	.p-accordion-table td{
		padding:0 !important;
	}
	.p-accordion-table td span.inner-table{
		padding: 10px;
		display: block;
	}
	.p-accordion-table th:after {
		content: "";
		position: absolute;
		width:7px;
		height: 7px;
		right: 18px;
		top: 18px;
		transition: all 0.2s;
		border-top: 2px solid #555;
		border-right:2px solid #555;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.p-accordion-table .table-active:after {
		top: 15px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
}


.graybox{
	border:solid 1px #EDEDED;
	margin:2em 0px 2em 0px;
	padding:2em 2em 1em 2em;
	background-color:#FAFAFA;
	font-size:1em;
}
 
.graybox b.contents{
	text-align:center;
	font-size:1.3em;
	display:block;
}
@media only screen and (max-width: 480px) {
.graybox p{
		font-size:0.9em;
	}
}

/*-------------------------
ブルーボックス
-------------------------*/
.bluebox{
	border:dotted 1px #6C9FCE;
	margin:2em 0px 2em 0px;
	padding:2em;
	background-color:#F8F9FF;
}
@media only screen and (max-width: 480px) {
	.bluebox{
	border:dotted 1px #6C9FCE;
	margin:1em 0px em 0px;
	padding:1.7em;
	background-color:#F8F9FF;
	font-size:0.85em;
}
}