/*
    Theme Name:N child
    Theme URI:
    Description:WordPressテーマ「Noel」の自作子テーマです。
    Template:noel_tcd072
    Author:Beaver Ak
    Author URI:https://beaver-record.co.jp/
    Version:1.9.0
    */



*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
p,dl dt,dl dd,ul li {font-size:16px;font-weight:500;}
.post_content {font-size:16px;font-weight:500;color:var(--black);}
.post_content p {margin-bottom:1em;line-height:2.2;}
img {height:auto;max-width:100%;}

:root {
--key-color:#ec673c;
--key-color-rgb: 236,103,60;
--key-color-hover:#ed4710;
--kisela-color1:#ede9e8;
--kisela-color1-rgb:237,233,232;	
--kisela-color2:#6b6562;
--kisela-color2-rgb:107,101,98;
--black:#231815;
--red:#d80025;
--pd1:100px;
--pd2:80px;
--pd3:50px;
}
@media screen and (max-width:750px) {
:root {	
	--pd1:80px;		
	--pd2:50px;
	--pd3:30px;
	}	
}	
.pd1-top {padding-top:var(--pd1);}
.pd2-top {padding-top:var(--pd2);}
.pd3-top {padding-top:var(--pd3);}

/* root */

@font-face {
font-family: "ZenMaruGothic";
src: url("https://spa-kisela-kawanishi.jp/wp1/font/ZenMaruGothic-Bold_min.ttf") format("truetype"), url("https://spa-kisela-kawanishi.jp/wp1/font/ZenMaruGothic-Bold_min.woff") format("woff"),
url("https://spa-kisela-kawanishi.jp/wp1/font/ZenMaruGothic-Bold_min.ttf") format("truetype"),
url("https://spa-kisela-kawanishi.jp/wp1/font/ZenMaruGothic-Bold_min.woff") format("woff");
font-display: swap;font-weight:500;
}
@font-face {
font-family: "Banana";
src: url("https://spa-kisela-kawanishi.jp/wp1/font/YDWbananaslipplus_min.ttf") format("truetype"), url("https://spa-kisela-kawanishi.jp/wp1/font/YDWbananaslipplus-min.woff") format("woff"),
url("https://spa-kisela-kawanishi.jp/wp1/font/YDWbananaslipplus-min.ttf") format("truetype"),
url("https://spa-kisela-kawanishi.jp/wp1/font/YDWbananaslipplus-min.woff") format("woff");
font-display: swap;
}





/* common */
body {overflow:hidden;}
.key-color {color:var(--key-color);}
.red {color:var(--red) !important;}
.pc #one_col {width:100%;margin:0;margin-bottom: 150px;}
.post_content,.post_content p {font-weight:500;}
.post_content table,.post_content th,.post_content td {font-weight:500;}
.dashicons {font-family: dashicons;vertical-align:middle !important;}
#bread_crumb li.last span {color:var(--black) !important;}
.tcd_category_list a:hover,#side_faq_category_list a:hover,#faq_category li a:hover {color:var(--key-color) !important;}
#footer_banner .box {width: calc(100%/4 - .01px);}

#container {position:relative;}
.page-template-page-noside #container:before,.page-template-page-noside #container:after {
position: fixed;content:"";width:50%;height:50%;z-index:-1;
background:url(https://spa-kisela-kawanishi.jp/wp1/wp-content/uploads/2024/04/img_circle-gradation.png) no-repeat top left;
background-size: contain;
animation: scale 20s ease-in 1s alternate forwards infinite;
}
@keyframes scale {
  0% {
  transform:rotate(0deg) translateY(-50px) scale(3.6);
  }
  50% {
 transform:rotate(180deg) translateY(0px) scale(2.0);
  }
  100% {
 transform:rotate(0deg)  translateY(-50px) scale(3.6);
  }
}
#container:before {bottom:20%;left:-10%;}
#container:after {top:40%;right:-10%;}
@media screen and (max-width:1250px) {
	#container:before,#container:after {width:50%;height:50%;}
	#container:before {left:-25%;bottom:50%;}
	#container:after {right:-5%;top:30%;}
}
@media screen and (max-width:750px) {
	#container:before,#container:after {width:50%;height:50%;}
	#container:before {left:-25%;bottom:31%;}
	#container:after {right:-5%;top:6%;}
}

#container h1.commonTt {margin-bottom:80px;}
#container .commonTt {font-size: 55px;font-weight:300;text-align: center;letter-spacing: 0.2em;line-height:100%;position:relative;font-family:"Banana";margin-bottom:80px;}
#container .commonTt:after {position:absolute;content: attr( data-title );color:var(--key-color);font-size:30%;letter-spacing:0.1em;line-height: 100%;bottom:-50px;left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}
#container .commonTt .eng {color:var(--key-color);display:block;font-size:30%;letter-spacing:0.1em;line-height: 100%;margin-top: 20px;}

#container .commonTt2 {font-size:35px;letter-spacing: 0.2em;background-color: rgba(var(--key-color-rgb),1);color:#fff;padding: 1em 0;text-align: center;}
#container .commonTt2:after {position:absolute;content: attr( data-title );font-size:40%;font-weight:500;letter-spacing:0.1em;line-height: 100%;bottom:-50px;left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}

@media screen and (max-width:750px) {
	.open_menu #container:before {bottom:auto;animation:none;}
	#container h1.commonTt {margin-bottom:50px;}
	#container .commonTt {font-size:40px;margin-bottom:50px;}
	#container .commonTt:after {bottom:-30px;}
	#container .commonTt .eng {margin-top:10px;}
	#container .commonTt2 {font-size:22px;}
}

/* common END */


#container #one_col {
	max-width:100%!important;
	width:100%!important;
	margin:0 auto!important;
	padding:50px 0 150px;
}
.inner {
	margin: 0 auto;
	width: 1182px;
}
@media screen and (max-width:1182px) {
.inner {width:90%;}
}
@media screen and (max-width:750px) {
#container #one_col {padding-top:20px;}
}


/* blog */
.post_content h3.styled_h3 {border-color:var(--key-color);}
#side_col .side_headline {color:var(--black);}
.page_navi a, .page_navi a:hover, .page_navi span {background:var(--kisela-color2);}
.page_navi a:hover {background:var(--key-color) !important;}
.page_navi span.current {background:var(--key-color) !important;}

/* blog END */

/* キーワードサーチ */

.faq-search-btn a {
    font-size: 1.1rem;
    display: block;
	position:relative;
    padding: 1em;
    background: rgba(var(--kisela-color1-rgb),1);
    border: 1px solid rgba(var(--kisela-color2-rgb),0.1);
    border-radius: 3px;
    transition: background .4s ease;
    color: ;
}
.faq-search-btn a:hover {
    background: rgba(var(--kisela-color2-rgb),0.4);
}
.faq-search-btn a:after {
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.4rem;
    color: #555;
    position: absolute;
    right: .8em;
    top: .7em;
}
.returnBtn a {background:rgba(var(--kisela-color1-rgb)) !important;color:var(--black) !important;border:0 !important;text-align:center;box-shadow:0 0 0 !important;}
/* .returnBtn.return a {padding-left:2.5em;}
.returnBtn.return a:before {position:absolute;content:'\f3bf';font-family: 'Font Awesome 5 Free';left: 1em;transform:rotate(270deg);} */
.returnBtn a:hover {background:rgba(var(--kisela-color2-rgb),0.3) !important;}
/* キーワードサーチEND */

.flexbox {
	display: flex;
	flex-wrap: wrap;
}
.flexbox.between {
	justify-content:space-between;
}
.fll {float: left}
.flr {float: right}
.pc_left {float: left;}
.pc_right {float: right;}

.over {transition:0.2s;opacity:1;}
.over:hover {opacity:0.8;}

body .mgnA {margin-left:auto;margin-right:auto;}
body .mgnb0 {margin-bottom:0!important;}
body .mgnt5 {margin-top:5px;}
body .mgnt10 {margin-top:10px;}
body .mgnt15 {margin-top:15px;}
body .mgnt20 {margin-top:20px;}
body .mgnt25 {margin-top:25px;}
body .mgnt30 {margin-top:30px;}
body .mgnt40 {margin-top:40px;}
body .mgnt50 {margin-top:50px;}
body .mgnt60 {margin-top:60px;}
body .mgnt70 {margin-top:70px;}
body .mgnt80 {margin-top:80px;}
body .mgnt90 {margin-top:90px;}
body .mgnt100 {margin-top:100px;}
.wid10 {width:10%;}
.wid20 {width:20%;}
.wid25 {width:25%;}
.wid30 {width:30%;}
.wid33 {width:33%;}
.wid40 {width:40%;}
.wid45 {width:45%;}
.wid48 {width:48%;}
.wid49 {width:49%;}
.wid50 {width:50%;}
.wid55 {width:55%;}
.wid60 {width:60%;}
.wid70 {width:70%;}
.wid75 {width:75%;}
.wid80 {width:80%;}
.wid85 {width:85%;}
.wid90 {width:90%;}
.wid100 {width:100%;}
.wid20_m100 {width:20%;}
.wid25_m100 {width:25%;}
.wid30_m100 {width:30%;}
.wid33_m100 {width:33%;}
.wid35_m100 {width:35%;}
.wid40_m100 {width:40%;}
.wid45_m100 {width:45%;}
.wid48_m100 {width:48%;}
.wid49_m100 {width:49%;}
.wid50_m100 {width:50%;}
.wid55_m100 {width:55%;}
.wid60_m100 {width:60%;}
.wid65_m100 {width:65%;}
.wid70_m100 {width:70%;}
.wid75_m100 {width:75%;}
.wid80_m100 {width:80%;}
.wid85_m100 {width:85%;}
.wid90_m100 {width:90%;}
.mobile_only {display:none;}
.pc_only {display:block;}
.txt-or {color: #ff7f58;}
.txt-lb {color:#b6dfff;}
.txt-ye {color:#fbed47;}

.min2 {
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.small {font-size:13px;}
.text70 {font-size:70%;}
.text80 {font-size:80%;}
.text90 {font-size:90%;}
.text120 {font-size:120%;}
.bold {font-weight:bold !important;}
.encent {text-align: center;}
.enleft {text-align: left;}
.enright {text-align: right;}
.encent_mL {text-align: center;}
.enleft_mC {text-align: left;}
.valm {vertical-align:middle;}
.lt {text-decoration:line-through;}
.lt01 {letter-spacing:0.1em;}
.letter-sp01 {letter-spacing:0.1em;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}
.lh180 {line-height:180%;}
span.br {display:inline-block;}
.kome {
	padding-left:1em;
	text-indent:-1em;
}
.post_content .list-style-none {list-style-type: none;}


@media screen and (max-width:950px) {
.wid20_m100 {width:100%;}
.wid25_m100 {width:100%;}
.wid30_m100 {width:100%;}
.wid33_m100 {width:100%;}
.wid35_m100 {width:100%;}
.wid40_m100 {width:100%;}
.wid45_m100 {width:100%;}
.wid48_m100 {width:100%;}
.wid49_m100 {width:100%;}
.wid50_m100 {width:100%;}
.wid55_m100 {width:100%;}
.wid60_m100 {width:100%;}
.wid65_m100 {width:100%;}
.wid70_m100 {width:100%;}
.wid75_m100 {width:100%;}
.wid80_m100 {width:100%;}
.wid85_m100 {width:100%;}
.wid90_m100 {width:100%;}
.wid95_m100 {width:100%;}
.mobile_only {display:block;}
.pc_only {display:none;}
.encent_mL {text-align: left;}
.enleft_mC {text-align: center;}
.pc_left {float:none;}
.pc_right {float:none;}
}