@charset "UTF-8";
/*
Theme Name: Binary Theme
version:1.0
*/
/*
font-size
font-size:calc(XX + ((1vw - YY) * ZZ))
XX = min-font-size
YY = min-viewport / 100
ZZ = 100 * font-size-difference / viewport-difference
*/
p:not([class]){line-height:2em;margin:20px 0;}
h1:not([class]){font-size:22px;font-weight:bold;padding-bottom:10px;margin-bottom:40px; color: var(--mainColor);}
h2:not([class]){font-size:20px;font-weight:bold;padding: 0.8em 0.6em;margin-top:50px;margin-bottom:30px; background-color: var(--mainColor); color: #fff; position: relative;}
h2:not([class])::before,h2:not([class])::after {position: absolute; left: 0; width: 100%; content: ""; border-top: 1px solid #fff;}
h2:not([class])::before{top: 3px;}
h2:not([class])::after{bottom: 3px;}
h3:not([class]){font-size:18px;font-weight:bold;padding-bottom:10px;margin-top:50px;margin-bottom:20px;border-bottom:1.5px solid var(--subColor); color: var(--subColor);}
h4:not([class]){font-size:16px;font-weight:bold;}
.mainArticle{display:flex;flex-direction:column;align-items:stretch;min-height:100vh;}
.mainContent{width:100%;max-width:1024px;margin:30px auto;flex:1;padding:0 10px;}
.header-menu{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;background-color:var(--mainColor);color:#fff;font-weight:bold;}
}
li>a{display:block;width:100%;height:50px;line-height:50px;}
}
.mainFooter{text-align:center;line-height:2em;padding:30px;background-color:var(--mainColor);color:#fff;}
.linkCardArea{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 20px;}
.linkCard{width:300px;display:block;position:relative;box-shadow:0 3px 6px rgba(0,0,0,0.5);}
.linkCard>img{width:100%;height:auto;}
.linkCard>p{font-size:14px;line-height:1.4em;width:100%;height:75px;padding:10px;color:#fff;background-color:rgba(0,0,0,0.7);}
.innerText{height:100%;display:block;overflow:hidden;}
/*****logoArea*****/
.logoArea {color: #e36255;}

@media screen and (max-width: 640px){
.logoArea {font-size: 1.2em; padding: 0.3em 0.5em;}
}

/*breadcrumb*/
.breadArea{width:100%;}
.breadCrumb {
font-size: 1rem;
line-height: 4rem;
width: 100%;
height: 2rem;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
white-space: nowrap;
overflow-y: hidden;
}
.breadCrumb>li:first-child {
background-color: var(--bread1);
}

.breadCrumb>li:first-child {
padding-left: 10px;
padding-right: 10px;
}
.breadCrumb>li {
position: relative;
width:250px;
padding-left:1.5rem;
}
.breadCrumb>li:last-of-type{width:100%;}
.breadCrumb>li>a{display:block;}
.breadCrumb>li:not(:last-child)::after {
content: '';
width: 0;
height: 0;
margin: auto;
border-top: 1rem solid transparent;
border-bottom: 1rem solid transparent;
border-left: 1rem solid;
position: absolute;
top: 0;
bottom: 0;
right: -1rem;
z-index: 10;
}
.breadCrumb>li:first-of-type{background-color:#e36255;color:#f1e0ce;}
.breadCrumb>li:first-of-type::after{border-left-color:#e36255;}
.breadCrumb>li:nth-of-type(2){background-color:#ec9a86;color:#fff;}
.breadCrumb>li:nth-of-type(2)::after{border-left-color:#ec9a86;}
.breadCrumb>li:nth-of-type(3){background-color:#f1e0ce;color:#333333;}
.breadCrumb>li:nth-of-type(3)::after{border-left-color:#f1e0ce;}
.breadCrumb>li:nth-of-type(4){background-color:#f1e0ce;color:#333333;}
.breadCrumb>li:nth-of-type(4)::after{border-left-color:#f1e0ce;}
/*◆お問合せフォームスタイル◆*/
.wpcf7 {
margin: 96px 0;
}
.asterisk {
margin: 0 0 0 0.2em;
color: #f5637a;
}
.wpcf7 span.wpcf7-not-valid-tip {
font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
background-color: #fff;
color: #333;
width: 95%;
border: 1px solid #ddd;
font-size: 100%;
padding: 0.5em;
border-radius: 4px;
box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}
.wpcf7 input[type="submit"] {
font-size: 100%;
padding: 0.2em 0.4em;
background: #eee;
color: #333;
border-radius: 4px;
cursor: pointer;
box-shadow: 0 0 1px rgba(0,0,0,.2);
border: 1px solid #ccc;
text-shadow: -1px 1px 0 rgba(255,255,255,1);
}
.wpcf7 input[type="submit"]:hover {
box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}

/**************目次*************/
.custom-toc {padding: 1em 1.5em; background-color:  var(--6thColor); max-width: 60%; margin: auto;}
.toc-title {font-size: 1.1em; text-align: center;}
ul.toc-list li {margin-bottom: 0.6em;}
ul.toc-list li:first-child {margin-top: 0.6em;}
ul.toc-list li:last-child {margin-bottom: 0;}
ul.toc-list li ul li {padding-left: 0.8em;}

/********タクソノミー用*******/
.t-section-container {max-width: 100%; height: auto;}
.inner-main {max-width: 100%;}
.container-flex {display: flex; gap: 2%;}
.t-head-title {font-size: 1em; font-weight:bold; color: #e36255;}
.t-store-icon {display: block; max-width: 150px; height: auto; border-radius: 15px;}
.t-store-name {display:block; font-size: 1.4em; font-weight: bold; color: #e36255;}
.t-store-address {font-size: 0.8em;}
.mgn-b {margin-bottom: 1.2em;}
.t-store-container {border-bottom: 1px solid #333;}
/**.t-store-container:last-child {border: none;}**/
/*****評価エリア****/
.t-store-evaluation-area {align-items: center; line-height: 1; margin-bottom: 0.4em; color: #f3c262;}
.t-store-evaluation-area:last-child {margin: 0;}
.t-store-evaluation-title span,.t-store-price span {font-size: 1.2em; font-weight: bold; line-height: 1;}
.store-star-icon {width: 15px; height:15px; fill: #f3c262; stroke: #f3c262; stroke-width: 1px;}
.store-halfstar-icon {width: 15px; height: 15px;}
.halfstar-bg {fill: none; stroke: #f3c262; stroke-width: 1px;}
.halfstar-fill {fill: #f3c262; clip-path: inset(0 50% 0 0);}
.no-star-icon {width: 15px; height:15px; fill: none; stroke: #f3c262; stroke-width: 1px;}
/*****サービス内容・支払方法*****/
.t-box-erea {margin-bottom: 1em;}
.t-title {font-size: 1.4em; margin-bottom: 0.5em; color: #e36255;}
ul.t-service-list,ul.payment-method-list {display: flex; flex-wrap: wrap; gap: 0.5em;}
ul.t-service-list li span,ul.payment-method-list li span {padding: 3px 7px; border-radius: 15px;}
ul.t-service-list li span {background-color: #a2c5c9; color: #fff;}
ul.payment-method-list li span {background-color: #f1e0ce; color: #fff;}
/*********リンクボタン*********/
.store-link-btn,.store-link-spbtn {background-color: #e36255; color: #fff;}
.store-link-btn {text-align: center; font-size: 1em; display: block; padding: 15px; font-weight: bold; border-bottom-right-radius: 10px; position: relative;}
.store-link-btn::before,.store-link-btn::after {content: ""; width: 20px; height: 3px; display: inline-block; border-radius: 2px; background: #fff; position: absolute;right: 10px;}
.store-link-btn::before {top: calc(50% - 8px); transform: rotate(45deg);}
.store-link-btn::after {bottom: calc(50% - 8px); transform: rotate(-45deg);}
.store-link-spbtn {display: none;}
/**640px以上のサイズ時に適用**/
@media screen and (min-width: 640px) {
.inner-main {margin: auto; max-width: 800px;}
.t-store-container {margin: 40px 0;}
.t-head-title {font-size: 1.6em;}
.t-store-info {margin-right: auto;}
.t-store-price {font-size: 1.4em;}
.store-link-btn {margin:0; width: 15%; padding-right: 30px;}
}
/**640px以下のサイズ時に適用**/
@media screen and (max-width: 640px) {
.custom-toc {padding: 1em 1.2em; max-width: 100%;}
.mgn-b {margin-bottom: 1.6em;}
.t-store-container {padding: 1.2em 0.9em;}
.t-head-title {text-align: center; font-size: 1.38em; margin-bottom: 0.5em;}
.t-store-name {font-size: 1.6em; text-align: center; margin-bottom: 0.3em;}
.container-flex {display: block;}
.t-store-icon {max-width: 75%; height: auto; margin-bottom: 0.4em; margin: 0 auto 0.6em auto;}
.t-box-erea {margin-bottom: 2em;}
.t-title {font-size: 1.1em; margin-bottom: 0.9em; font-weight: bold;}
.t-store-evaluation-area {margin-bottom: 0.1em; text-align: center;}
.t-store-price {text-align: center;}
ul.t-service-list,ul.payment-method-list {font-size: 0.8em; gap: 1em 0.5em;}
.store-link-btn {display: none;}
.store-link-spbtn {text-align: center; font-size: 1.18em; display: block; padding: 15px; font-weight: bold; border-bottom-right-radius: 10px; position: relative; box-shadow: 0px 4px 10px 0px rgba(227, 98, 85, 1);}
.store-link-spbtn::before,.store-link-spbtn::after {content: ""; width: 13px; height: 3px; display: inline-block; border-radius: 2px; background: #fff; position: absolute;right: 10px;}
.store-link-spbtn::before {top: calc(55% - 8px); transform: rotate(45deg);}
.store-link-spbtn::after {bottom: calc(55% - 8px); transform: rotate(-45deg);}
}