@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
body.contact #main{width:850px; position:static !important;margin:0 auto 30px;}
body.contact .blog{margin-top:-7px !important;}
body.contact .blog #main{width:890px; position:static !important;margin:0 0 30px;}
.entry-content>*{line-height:1.5 !important;}
.content{margin-top:0px;}
.article h1{font-size: 18px; font-weight: bold; border-left: solid 12px #F90; text-indent: 13px;}
body.contact .blog #main .article h1{font-size:20px;font-weight:bold; border-left:2px solid #000;text-indent:7px;line-height:150%;}
body.contact .blog #main .article h2{font-size:20px;font-weight:bold;line-height:150%;background:#eee;padding:15px !important;}
body.contact .blog #main .article h3{font-size:20px;font-weight:bold; border-left:2px solid #000;text-indent:7px;line-height:150%;}
body.contact .blog #main .article .entry-content > *, .demo .entry-content p{line-height:200% !important;padding:10px 20px;}
#main{font-size:15px;}

.form_box{width:100%; margin:0 auto 20px; border:2px solid #F90; padding:20px 20px 10px;}

.contact_footer{background-color:#f4f5f7;}

.entry-card-title, .related-entry-card-title{line-height:1.3; margin:5px 0 10px 0;}
.entry-category{border:1px solid #ddd;margin-right:5px;padding:3px 8px !important;border-radius:4px;}
.wp-block-separator {border-top: none !important; border-bottom: 1px solid !important;padding:0 !important;}
.entry-card-thumb{ aspect-ratio:16 / 9; overflow:hidden;}
.entry-card-thumb img{ width:100%; height:100%; object-fit:cover;}
.copyright{margin-right:10px;}
.footer-meta{display:none;}


.pack_link {
    margin-bottom: 0px;
    text-indent: 0px;
    letter-spacing: 0.1em;
    font-size: 13px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}
.pack_link a {
    font-size: 15px;
    margin-left: 8px;
    padding: 8px 12px;
    background: #F93;
    color: #ffffff !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-bottom: none !important;
	text-decoration:none !important;
}
.pack_link a:hover{
	background:#39C;
	border-bottom:none !important;
	text-decoration:none !important;
}

.hissu {
    font-size: 11px;
    color: #ffffff;
    background: #e51616;
    padding: 2px 4px;
    border-radius: 3px;
    @-webkit-border-radius: 3px;
    @-moz-border-radius: 3px;
    line-height: 150%;
	float:right;
}

.form_style{line-height:170%;}

.form_style table tr th{text-align:left; width:200px !important;}
.form_style table tr td{padding:15px 10px !important;}
.form_style table tr td .form_text{margin-top:5px;}
.form_style table tr td select{font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;}


#honpo_att{
	font-size:16px;
	line-height:140%;
}

#honpo_att .form_box{
	padding:20px 20px 10px;
	border:2px solid #F90;
	height:auto;
	margin-bottom:20px;
}

#honpo_att .pack_link{
	letter-spacing:0.1em;
	font-size:14px;
	font-weight:bold;
	margin:20px 0 22px;
}

#honpo_att .pack_link a{
	font-size:16px;
	margin:5px 2px;
	padding:8px 10px;
	background:#F93;
	color:#ffffff !important;
	border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;  
	text-decoration-line:none !important;
}

#honpo_att .pack_link a:hover{
	background:#39C;
	text-decoration-line:none !important;
}

#honpo_att table td{
	padding:7px;
}

#honpo_att table th{
	text-align:left;
	text-indent:5px;
	width:250px;
}

#honpo_att .hissu{
	font-size:12px;
	background-color:#ff002b;
	text-align:center;
	color:#ffffff;
	border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
	float:right;
	width:40px;
	height:22px;
	letter-spacing:0.1em;
	text-indent:0;
}

#honpo_att .chuui{
	text-align:center;
	font-weight:bold;
	color:red;
}

#honpo_att span.wpcf7-list-item {display:block;line-height:170%;margin:3px;}

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{font-size:16px;padding:5px;background-color:#ffffff;}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus{background:#FFFFE7;
	border:solid 1px #AB6F48;}

input[type="submit"]{
	background-color:#2a70c8;color:#ffffff;font-weight:bold;font-size:14px;border:none;border-radius:3px;width:200px;margin:10px auto;
}
input[type="submit"]:hover{
	background-color:#f28840;
}
.wpcf7 input[name="text-530"] { /* 本文入力欄 */
	width: 100px !important;
	margin-right:2px;
}

input.form_w_20{width:100px !important;}

.wpcf7-textarea {
    height: 200px;
}

.douijikou{
	background:#fafafa;
	padding:10px 20px 5px;
	margin-bottom:20px;
}

.douijikou .box{
	width:680px;
	padding:15px;
	height:200px;
	overflow:auto;
	margin:10px auto 20px;
	border:solid #666666 1px;
	line-height:150% !important;
	font-size:16px;
	color:#666666;
	background:#ffffff;
}

.douijikou .box table{width:90% !important;
	margin:5px auto;
	border:solid 1px #999999;
    border-collapse:collapse;
    border-spacing:0;}

.douijikou .box table th{
	font-size:12px;
	width:100px;
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	font-weight:normal;
	padding:5px;
	background-color:#BBD9F7;
	text-align:center;}

.douijikou .box table td{
	font-size:14px;
	width:auto;
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	font-weight:normal;
	padding:5px;}

#main.jimu_box{width:600px;background:#ffffff;margin:15px auto;padding:30px;border-radius:5px;}
#main.jimu_box select{width:90%;}

.att_txt{color:red;font-weight:bold;}
.form_txt{text-indent:-14px;margin-left:14px;margin-top:5px; margin-bottom:5px !important;line-height:140% !important;}

.mw_wp_form .error{
	color:#ffffff !important;
	margin-left:20px;
	margin-top:3px;
	z-index:9999 !important;
	border-radius:3px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .5);
}


.error {
  color: #ffffff !important;
　display: inline-block;
  position: relative; 
  margin: 2px 0 0 50px !important;
  padding: 2px 10px;
  max-width: 150px;
  border-radius: 5px;
  background: #cd0022;
  z-index:-1 !important;
}

.error:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -2px; 
  left: -15px;
  border: 8px solid transparent;
  border-right: 18px solid #cd0022;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}

.markerYellow{background-color:yellow;color:red;}

/*確認画面のみ非表示するアイテム*/
.mw_wp_form_confirm .douijikou .confirm-hidden,
.mw_wp_form_confirm .form_style .confirm-hidden,
.mw_wp_form_confirm .form_style .hissu{display: none;} 

/*共有CSS*/
.font_b{font-weight:bold;}

.item_c{text-align:center;}
.item_l{text-align:left;}
.item_r{text-align:right;}

.mb_20{margin-bottom:20px;}
.mb_10{margin-bottom:10px;}

#go-to-top{display:none;}
.mobile-footer-menu-buttons,
.mobile-menu-buttons{display:none;}

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

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

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

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