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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*見出し*/

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
	padding: 0;
	margin: 0;
	font-size: medium;
	border-collapse: separate;
	border-spacing: 0;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background:transparent;.
	line-height: normal;
	position:relative;
}

.article h1, .entry-card-title {
	font-size:115%;
	color: #3f2726;
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border-bottom: dashed 2px #3f2726;
}

.article h1 {
	margin-bottom: 3em;
}

.article h1:before, .entry-card-title:before {
	position: absolute;
	content: "";
	top: -2px;
	left: 0;
	width: 100%;
	height: 5px;
	background: -webkit-repeating-linear-gradient(45deg, #3f2726, #3f2726 2px, #614335 2px, #614335 4px);
	background: repeating-linear-gradient(45deg, #3f2726, #3f2726 2px, #614335 2px, #614335 4px);
}

.article h1:after, .entry-card-title:after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3f2726;
}

.article h2 {
	position: relative;
	padding-left: 20px !important;
	margin-bottom: 0.5em;
	border-bottom: solid 2px #3f2726;
}

.article h2:before {
	position: absolute;
	left: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	content: '\f02b';
	font-weight: 900;
}


.article h3,.article h2 {
	font-size: 105%;
	color: #3f2726;
	margin-bottom: 12px;
}

a {
	text-decoration: none;
}

/*グローバルメニュー*/

.logo-header .site-name-text-link {
	position: absolute;
	top: -22px;
	width:250px;
	height:94px;
	max-height:94px !important;
	background-image:url(http://carps.co.jp/2025/wp-content/uploads/carps_logo.png);
}

.logo-header .site-name-text {
	position: absolute;
    left: -999em;
}

#header-container {
	width:100%;
	height:86px;
	margin-top:34px;
	padding-top:12px;
	background-color:transparent;
	background-image:url(http://carps.co.jp/2025/wp-content/uploads/gmenu_back.png);
	background-repeat: repeat-x;
}

.navi-in > ul li {
	height:40px;
}
#header-container .navi {
	background-color:transparent;
}

#menu-g_navi li {
	border-left:3px dotted #fff;
}

#menu-g_navi li:last-child {
	border-right:3px dotted #fff;
}



/*footerをウィンドウ下部に固定 コンテンツが多い時はコンテンツの下部*/
#container {
	min-height: 100vh;
    position: relative;
    padding-bottom: 90px;
    box-sizing: border-box;
}

#footer{
    position: absolute;
	width:100%;
    bottom: 0;
}

.footer-bottom {
	margin-top:0;
}

.header-container, .main, .sidebar{
	background-color: transparent;
}

/*トップページ*/

.toggle-button {
	border-radius: 0;
	border-width:1px;
	background-color: #2c48ac;
	color: #fff;
	padding: 0;
}

.toggle-button:before {
	color: #fff;
	opacity:1;
}

.top-banner {
	max-width:100%;
	margin: 0 !important;
	justify-content: center;
	gap:0;
}

.top-banner .toggle-content {border-width:1px !important;}

.studio .toggle-content,
.tips .toggle-content,
.snow .toggle-content,
.jack .toggle-content {
	z-index: 1;
	position: relative;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	padding:0;
	color:#fff !important;
	line-height:1.4em;
	font-size: 90%;
}

.studio .toggle-content::after,
.tips .toggle-content::after,
.snow .toggle-content::after,
.jack .toggle-content::after {
	z-index: 2;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}

.studio .toggle-content>div,
.tips .toggle-content>div,
.snow .toggle-content>div,
.jack .toggle-content>div {
	position:relative;
	z-index:3;
}

.studio .toggle-content {background: url("https://carps.co.jp/2025/wp-content/uploads/top_bg_studio.png");}
.tips .toggle-content {background: url("https://carps.co.jp/2025/wp-content/uploads/top_bg_tips.png");}
.snow .toggle-content {background: url("https://carps.co.jp/2025/wp-content/uploads/top_bg_snow.png");}
.jack .toggle-content {background: url("https://carps.co.jp/2025/wp-content/uploads/top_bg_jack.png");}

.studio h3,.tips h3,.snow h3,.jack h3 {
	position: relative;
	color: #fff;
	font-size: 120%;
}

.jack h3 {padding-left: 24px !important;}
.studio h3,.tips h3 {padding-left: 18px !important;}
.snow h3 {padding-left: 28px !important;}

.studio h3:before,.tips h3:before,.snow h3:before,.jack h3:before {
	position: absolute;
	left: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
}

.studio h3:before {
	content: '\f1c8';
	line-height: 1.3;
}
.tips h3:before {content: '\f0eb';}
.snow h3:before{content: '\f7d2';}
.jack h3:before {content: '\f7d9';}

.studio .btn:hover,
.tips .btn:hover,
.snow .btn:hover,
.jack .btn:hover {
	opacity:1;
	background-color: #6dc5d2 !important;
}

section {margin-bottom: 3em !important;}

/*トップページニュースリストのレイアウト*/

.top-news h2 {
	position:relative;
	padding: 6px 18px;
	margin-bottom: 0.8em;
	background-image: repeating-linear-gradient(45deg, #2c48ac, #2c48ac 4px, #143290 4px, #143290 8px);
	color: #fff;
	border:none;
	font-size: 120%;
}
.top-news h2:after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #fff;
}

.top-news h2:before {
	content: '';
}

.news-post { 
	margin-left: 8px;
	padding-left: 8px !important;
	list-style: none;
	position: relative;
	font-size: 90%;
	margin-bottom: 12px !important;
}
.news-post li {
	display: flex;
	/*align-items: center;*/
	border-bottom: 1px dotted #989284 ;
}

.news-post li:before {
	position: absolute;
	left: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	color:#02207f;
	content: '\f0da';
	font-size:150%;
	line-height:1.2em;
  }

.news-post li time {
	width:140px;
	white-space: nowrap;
	order: 1;
}

.news-post li a,
.news-post li p {
	flex: 1;
	order: 2;
}
/*	
.wp-block-latest-posts__post-date { 
	margin-right: 10px;
	order: 1;
	white-space: nowrap;
	line-height:2;
}
.wp-block-latest-posts__post-title {
	order: 2;
	white-space:nowrap;
	flex-grow: 0;
}*/

.h-tel, .h-form {
	position: relative;
	padding-left: 20px !important;
}

/*画像hover*/
figure img {
  transition: .3s ease-in-out;
}
figure:hover img {
  filter: brightness(80%);
}
/*
.wp-block-cover__inner-container {
	background-image:url(http://carps.co.jp/2025/wp-content/uploads/carp_logo.svg);
	background-repeat:no-repeat;
 	background-position: center;
	width: 15em !important;
	height: 15em;
}
.top-logo {
	position: absolute;
    left: -999em;
}*/

/*会社概要ページ*/
.profile_dl {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 4em !important;
	border: solid 3px #3f2726;
}

.profile_dl dt,.profile_dl dd {
	padding:12px;
	border-bottom: solid 2px #fff;
}


.profile_dl dt:nth-last-child(2) {
	border-bottom: none;
}
.profile_dl dd:last-child {
	border-bottom: none;
}

.profile_dl dt {
	width: 20%;
	display: flex;
 	align-items: center;
	font-weight: bold;
	color: #fff;
	background: -webkit-repeating-linear-gradient(45deg, #3f2726, #3f2726 3px, #614335 3px, #614335 6px);
	background: repeating-linear-gradient(45deg, #3f2726, #3f2726 3px, #614335 3px, #614335 6px);
}
.profile_dl dd p {
	margin: 0;
}

.profile_dl dd {
	width: 80%;
	display: flex;
	align-items: center;
	margin-left: 0;
	background-color: #dedede;
}

.profile_dl ul {
 	list-style: none;
 	padding: 0;
 	margin: 0;
}

.profile_dl ul li {
	position: relative;
	padding: 0 0 0 1em;
	margin: 0;
}

.profile_dl ul li::before {
	position: absolute;
	left: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f0da';
	color: #3f2726;
}

/*問い合わせフォーム*/

.form {
	font-size:14px;
	margin: 0 auto;
	width: 90%;
	padding: 3em;
	background-color:#F9F1E6;
}

.h-tel, .h-form {
	position: relative;
	padding-left: 20px !important;
}

.h-tel:before,.h-form:before {
	position: absolute;
	left: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
}

.h-tel:before {content: '\f879';}
.h-form:before {content: '\f0e0';}

@media screen and (min-width: 1023px){
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

.form p {
	font-size:95%;
	color:#630;
}

.form input[type=submit] {
	color:#630;
	border:1px solid #630;
	background:#ECD2B0;
	transition: .3s ease-in-out;
}
.form input[type=submit]:hover {
	background:#f2b362;
} 

/*ニュースページ*/
.archive-title, .pagination-next {
	display:none;
}

.page-numbers.current,.page-numbers, .page-numbers.dots {
	font-size:14px;
	color:#989284;
	width: 32px;
	height: 32px;
	line-height: 30px;
	border-color:#989284;
}

.post .entry-content {
	padding: 0 1em 1.5em;
	margin-bottom: 1em;
	border-bottom:dashed 2px #3f2726;
}

/*ニュースサイドバーアーカイブ*/

.year-list {
	padding-left: 8px !important;
	list-style: none;
}

.year-list li {
	position: relative;
	padding-left: 28px;
	font-size: 105%;
	letter-spacing: 1px;
	border-bottom: 2px dotted #989284 ;
}

.year-list li:before {
	position: absolute;
	left: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	color:#2c48ac;
	content: '\f152';
	font-size:120%;
	line-height:1.5em;
}

.entry-card-categorys,.entry-categories-tags {
	display:none !important;
}
/*
:root {
  --color-primary: #02207F;
  --color-secondary: #3eb370;
}

.footer {
	margin-top: 0 !important;
}
/*footer直前のCATボタン*/
/*
.content-bottom {
	margin: 0;
	display: flex;
 	align-items: center;
	justify-content: center;
 	position: -webkit-sticky;
 	position: sticky;
	bottom: 0;
}

.content-bottom-in.wrap {
	width: 100% ;
	padding: 1.5em 2em;
	background-color: #333;
}

/*電話番号リンク*/
/*
.tel {
	margin-top: -0.7em !important;
}
.bh {
	margin-top: -0.9em !important;
}

.tel a {
	text-decoration: none;
}

@media screen and (min-width: 1023px){
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}*/

/*テーブルスタイル 作品リストなどに使用
table tr:nth-of-type(2n + 1),pre, .pager-links span, .scrollable-table table th, table th, .pagination .current {
  background-color: inherit;
}

.table_style01 {
	font-size : 14px;
}

.table_style01 th {
	text-align: left;
	vertical-align: baseline;
	width: 200px;
}

.table_style01 th, .table_style01 td {
	border-top: 1px dashed !important;
}*/

/*作品リストなど共通dl*/
.common_dl {
	display: flex;
	flex-wrap: wrap;
	font-size : 14px;
	margin-bottom: 4em !important;
	padding: 0 1em;
}

.common_dl dt, .common_dl dd ul li {
	border-top: 1px dashed #989284;
}

.common_dl dt {
	width: 20%;
	font-weight: bold;
}

.common_dl dd {
	width: 80%;
	margin-left: 0;
}

.common_dl dd ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

.common_dl dd ul li {
	margin: 0;
	position:relative;
	padding: 0em 0.3em 0em 1.3em;
}

.common_dl dd ul li::before {
	position: absolute;
	content: '';
	display: block;
	top: 0.5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 3px solid #00BCD4;
	border-bottom: 3px solid #00BCD4;
	transform: rotate(-45deg);
}

.entry-content {
	padding: 0 1em 2em;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	 .search-menu-button {
		display:none !important;
	}
	.logo-header .site-name-text-link {
		left:0;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/*検索ボタン*/
	 .search-menu-button {display:none !important;}
	
	.footer-bottom {font-size: 10px !important;}
	.site-name-text {font-size: 14px !important;}
	.top-banner {gap:0 !important;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	/*検索ボタン*/
	 .search-menu-button {
		display:none !important;
	}
	.profile_dl {
		font-size:60%;
	}
	.entry-content {
		padding:0;
	}
	.form {
		width:100%;
		padding:2em 0.5em;
		font-size:80%;
	}
}