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

/************************************
** 子テーマ用のスタイルを書く
************************************/
body{
	overflow-x:hidden;
}
/*
body:not(.home) #navi-in{
	display:none;
}
*/
#custom_html-8{
	width:100vw;
	margin:-40px calc(50% - 50vw) 0;
	background-color: #4183dc;
	padding:50px 3% 100px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
}
#custom_html-8 .title{
	font-size:2.5em;
}
#custom_html-8>*{
	max-width:1200px;
	margin:0 auto;
}
#search-0{
	max-width:600px;
	margin:-80px auto 80px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 2px 8px rgba(0,0,0,.3);
}
#search-0 form{
	margin:0;
	padding:20px 5% 15px;
	display:block;
}
#search-0 form input{
	padding:10px 35px 10px 10px;
	border:3px solid #4183dc;
	border-radius:10px;
	background:#FFF3CD;
}
#search-0 form button{
	top: calc(50% - 10px);
	right:calc(5% + 5px);
	color:#4183dc;
}
.search-tag{
	padding:10px 4% 20px;
}
.search-tag a{
	font-size:.8em;
	color:inherit;
	display:inline-block;
	margin:0 0 0 5px;
}
.search-tag a:before{
	content:"";
	width:1em;
	height:1em;
	background:url(https://container119.com/wp-content/uploads/2025/02/tag_icon.png) center / 100% auto no-repeat;
	display:inline-block;
	margin:0 2px -2px 0;
}
.index-tab-buttons label.index-tab-button{
	border:none!important;
	border-bottom:2px solid #ccc!important;
	border-radius:0;
	font-weight:bold;
	font-size:1em;
	line-height:1.2;
}
#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-1], #index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-2], #index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-3], #index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-4]{
	background:none;
	color:#4183dc;
	border-bottom:3px solid #4183dc!important;
}

#index-tab-wrap .new-entry-cards a{
	border-bottom: 1px solid #DCE1E1;
	max-width:unset;
	font-weight:500;
}
#index-tab-wrap .new-entry-cards a>div{
	display:flex;
	flex-wrap:wrap;
}
#index-tab-wrap .new-entry-cards a>div>figure{
	width:90px;
	height:auto;
}
#index-tab-wrap .new-entry-cards a:first-child>div>figure{
	width:260px;
	height:auto;
}
.new-entry-card-date{
	display:block;
}
.new-entry-card-post-date {
	display:none;
}
.new-entry-card-update-date:before {
	font-family: Font Awesome\ 5 Free;
	content: "\f017";
	margin:0 3px 0 0;
	opacity:.7;
}
#index-tab-wrap .new-entry-cards+a,.view_ranking,.more_cat{
	color:#4183dc;
	text-decoration: none;
	display: block;
	margin: -8px auto 32px;
	width: calc(100% - 64px);
	height: 50px;
	line-height: 50px;
	font-size:.9em;
	text-align: center;
	border: 1px solid #4183dc;
	border-radius: 25px;
}
#index-tab-wrap .new-entry-cards+a:before,.view_ranking:before,.more_cat:before{
	font-family: Font Awesome\ 5 Free;
	content: "\f107";
	font-size:1.2em;
	margin:0 10px 0 0;
	display:inline-block;
	vertical-align: top;
}
.ranking_title{
	font-weight:bold;
	font-size:1.3em;
	margin:60px 0 -20px
}
.wpp-list{
	padding:0!important;
	margin:0!important;
	border-bottom: 1px solid #dce1e1;
}
.wpp-list li{
	border-top: 1px solid #dce1e1;
	padding:5px 0 20px 40px;
}
.wpp-list li a{
	display:block;
	padding:5px 0;
	color:inherit;
}
.wpp-list li{
	position:relative;
	text-decoration:none!important;
  counter-increment: number 1;
}
.wpp-list li:before,.wpp-list li:after{
  content:counter(number);
	position:absolute;
	top:40px;
	left:10px;
	font-size:1.2em;
	font-weight:bold;
}
.wpp-list li:after{
	content:"\f521";
	font-family: Font Awesome\ 5 Free;
	top:9px;
	left:2px;
	color:#666;
}
.wpp-list li:first-child:after{
	color:gold;
}
.wpp-list li:nth-child(2):after{
	color:#ccc;
}
.wpp-list li:nth-child(3):after{
	color:#815a2b;
}
.wpp-list li:nth-child(n+10):before{
	left:1px
}
.wpp-post-title{
	line-height:1.3!important;
}
.wpp-excerpt{
	font-size:.85em;
	line-height:1.4;
	font-weight:500;
	text-decoration:none!important;
	color:#666!important;
	height:calc(3em * 1.4);
	overflow:hidden;
}
.view_ranking{
	margin:-40px auto 60px;
}
.related-entry-card-wrap{
	border:none!important;
	border-bottom: 1px solid #DCE1E1!important;
	padding:25px 20px;
	border-radius: 8px;
	box-shadow:0 0px 6px rgba(0, 0, 0, 0.1),0 6px 10px rgba(0, 0, 0, 0.1);
	margin:5px 0;
}
.related-entry-card-wrap figure{
	display:none;
}
.related-entry-card-content{
	margin:0;
}
.related-entry-card-snippet{
	font-weight:500;
	color:#777;
	margin:0 0 -20px
}
.related-entry-card-title{
	font-size:1.15em;
	line-height:1.3;
}
.related-entry-card-title{
	font-size:1.15em;
	line-height:1.3;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.related-entry-card-title:after{
	font-family: Font Awesome\ 5 Free;
	content: "\f105";
	font-size:1.1em;
	margin:0 0 0 10px;
	display:inline-block;
	vertical-align: top;
}
body:not(.home) #search-0{
	margin:-40px auto -80px;
	padding:0;
	box-shadow:none;
	position:relative;
	z-index:1
}
@media screen and (max-width:1023px){
	#header-in{
		display:none
	}
body:not(.home) #search-0{
	margin:60px auto -70px;
	font-size:16px;
}
}
@media screen and (max-width:834px){
	#custom_html-8{
		font-size: 3vw;
	}
	#custom_html-8 .subtitle{
		font-size: 1.3em;
	}
}
@media screen and (max-width:480px){
	#index-tab-wrap .new-entry-cards a>div>*{
		width:100%!important;
	}
}

/* Caldera Forms装飾 */
#CF686241cbc9fa9_1-row-2{
	display:none
}
#CF686241cbc9fa9_1 label.control-label{
	font-size:2em;
	color:#1a65a6;
	font-weight:bold;
}
#fld_4283185_1-wrap,#fld_6011639_1-wrap,#fld_5859807_1-wrap,#fld_2335816_1-wrap{
	margin:0 0 60px!important;
}
.caldera-grid #CF686241cbc9fa9_1 .radio label{
	padding-left:1.5em;
}
.caldera-grid #CF686241cbc9fa9_1 .radio label:hover{
	background:#f9f9f9;
}
.caldera-grid #CF686241cbc9fa9_1 .radio input[type=radio]{
	transform:scale(1.8) translate(-2px,-1px);
}
.caldera-grid #CF686241cbc9fa9_1 .form-control{
	font-size:1em;
	height:45px;
	border: solid 1px #ccc;
	border-radius:5px;
	box-shadow: inset 1px 4px 9px -7px rgba(0, 0, 0, 0.2);
	width:98%;
}
#CF686241cbc9fa9_1 .last_col{
	background:#eee;
	padding:25px!important;
	font-size:.85em;
	position:sticky;
	top:60px;
	max-height:calc(100vh - 60px);
	overflow:auto;
}
#CF686241cbc9fa9_1 .last_col h6{
	font-size:1em;
	letter-spacing:0;
	margin:-10px 0 0;
}
#CF686241cbc9fa9_1 .last_col h6>span{
	font-size:1.5em;
}
#CF686241cbc9fa9_1 .cta-button-group{
	margin:10px 0!important;
}
#CF686241cbc9fa9_1 .estimate-btn,
#CF686241cbc9fa9_1 .consult-btn{
	background:#4BA0D8!important;
	background-image: linear-gradient(145deg,#4BA0D8,#27547D)!important;
	border:none;
	box-shadow:0 2px 5px rgba(0,0,0,.3);
	width:100%;
	max-width:300px;
	font-size:1.25em;
	transition:.3s;
	color:#fff!important;
	text-decoration:none!important;
	padding:15px 5px
}
#CF686241cbc9fa9_1 .estimate-btn:before,
#CF686241cbc9fa9_1 .consult-btn:before{
	content:"⇒";
	font-size:1em;
	opacity:.5;
	font-weight:bold;
}
#CF686241cbc9fa9_1 .estimate-btn:hover,
#CF686241cbc9fa9_1 .consult-btn:hover{
	transform:translate(0,3px);
	box-shadow:0 0 3px rgba(0,0,0,.3);
}
@media (max-width:768px){
	.caldera-grid .row{
		margin:0!important
	}
	#CF686241cbc9fa9_1 .last_col{
		max-height:unset;
		margin:0 -15px;
		padding:25px 15px!important;
	}
	#CF686241cbc9fa9_1 .last_col h6{
		font-size:.9em;
	}
	#fld_4283185_1-wrap,#fld_6011639_1-wrap,#fld_5859807_1-wrap,#fld_2335816_1-wrap,#fld_1336585_1-wrap{
		margin: 0 0 40px !important;
	}
}