@charset "utf-8";

.content div.tab-block,
div.tab-block{
display: flex;flex-flow: row wrap;justify-content: flex-start;
margin: 2em auto;
}
.tab-switch{
display: none;
appearance: radio;
-webkit-appearance: normal;
}
.tab-label{
order: 1;
margin: 0 5px 0 0 ;padding: 8px 16px;
border: none;
border-radius: 5px 5px 0 0 ;
font-weight: 700;font-size: 16px;line-height: 1;
background: #ddd;color: #333;
cursor: pointer;
}
.content div.tab-content,
div.tab-content{
display: none;order: 3;
width: 100%;
padding: 0px 0px;margin: 0;
border: 1px solid #ccc;
background: #fff;
}
.entry-content div.tab-content table,
.content div.tab-content table,
div.tab-content table{margin: 0;}
.entry-content div.tab-content table th,
.content div.tab-content table th,
div.tab-content table th{background: #ddd;}
.tab-switch:checked + .tab-label{background: #f25790;color: #fff;}
.tab-switch:checked + .tab-label + .tab-content{display: block;} .sc_meta_table{width: 100%;margin: 1em auto 1em;text-align: left;}
.sc_meta_table th{width: 20%;}
.sc_meta_table td{width: 80%;padding: 0.5rem;}
.sc_meta_table input[type="text"],
.sc_meta_table input[type="url"]{width: 100%;}
blockquote.instagram-media,
iframe.instagram-media {
margin: 0 auto 30px !important;
}   .content div.box-adviser div,
.content div.box-adviser{margin-top: 0px;}
.box-adviser{
display: grid;align-items:flex-start;justify-content:center;
grid-template-columns: 120px auto 1fr;
grid-template-rows:auto;
margin: 0 0 30px;padding: 15px;
border: 1px solid #ddd;
}
.adviser-notes{grid-row: 1 / 2;grid-column: 1 / 4;padding: 0 0 10px;font-size: 24px;font-weight: 400;}
.adviser-image{grid-row: 2 / 5;grid-column: 1 / 2;margin: 10px 0 0;}
.adviser-image .thumbnail, .adviser-image .no-thumb{
width: 90px;height: 90px;
padding-bottom: 0;
border-radius: 50%;
}
.adviser-shop{
grid-row: 2 / 3;grid-column: 2 / 4;font-weight: 700;
margin: 0 0 15px;
font-size: 18px;
border-bottom: 1px solid #ddd;
}
.adviser-position{grid-row: 3/ 4;grid-column: 2 / 3;padding:0 0 0 0;margin:0 0 0;}
.adviser-name{
grid-row: 3 / 4;grid-column: 3 / 4;
margin: 0 0 0;
font-size: 22px;line-height: 1;font-weight: 700;	
}
.adviser-disc{grid-row: 4 / 5;grid-column: 2 / 4;width: 100%;font-size: 0.8em;line-height: 1.8;margin: 15px 0;}
.cps-post-main .adviser-disc p{padding: 0;}
.adviser-disc p.heading{
margin: 10px 0;
padding: 3px 10px;
background: #bbb;
background: linear-gradient(90deg, #bbb 0%,#eee 100%);
color: #fff;
font-weight: bold;
font-size: 120%;
line-height: 1.3em;
border-radius: 4px;
}
.adviser-disc p.words{
margin: 5px 0;
font-size: 120%;
line-height: 1.8em;
} .archive-area .box-adviser{
border: none;border-bottom: 1px solid #ddd;cursor: pointer;
}
.archive-area .box-adviser:hover{opacity: 0.6;}
.archive-area .box-adviser .adviser-disc{display: none;} header.box-adviser{
margin: 0 auto 10px;
border: none;border-bottom: 1px solid #ddd;
}
header.box-adviser:hover{opacity: 1;}
header.box-adviser .adviser-disc{margin: 0 auto 1rem;font-size: 16px;}
header.box-adviser .adviser-disc a,
.cps-post-main .adviser-disc a{color: #f58383;text-decoration: underline;}
header.box-adviser .adviser-disc a:hover{text-decoration:none;}
.section.adviser .entry-date{
margin: 0 auto 3rem;
text-align: right;
font-size: 14px;
}   .supervision-block{
display: flex;justify-content:center;
margin: 0 0 3rem;padding: 0.5rem;
border: 1px solid #ddd;
background: #f5f5f5;
}
.supervision_photo{width: 15%;display: flex;align-items:center;}
.supervision_photo img{border-radius: 50%;overflow: hidden;}
.cps-post-main .supervision_photo img{margin: 0;}
.supervision_comment{
display: flex;justify-content:flex-start;align-items:center;
width: 80%;padding: 0 1.5em;
font-size: 0.9em;
}   .content div.icon-box-block,
.icon-box-block{
display: flex;justify-content:center;
margin: 0 0 3rem;padding: 0.5rem;
border: 1px solid #ddd;
background: #fff;
}
.icon-box_photo{width: 15%;display: flex;align-items:center;}
.icon-box_photo img{overflow: hidden;}
.cps-post-main .icon-box_photo img{margin: 0;}
.icon-box_comment{
display: flex;justify-content:flex-start;align-items:center;
width: 80%;padding: 0 1.5em;
font-size: 0.9em;
}
.icon-box-block.pink{border: 2px solid hsl(13,90%,58%);background: #fff;border-radius: 12px;}
.icon-box-block.blue{border: 2px solid #4C86C0;background: #fff;border-radius: 12px;}
.icon-box-block.orange{border: 2px solid #E57707;background: #fff;border-radius: 12px;}
.icon-box-block.green{border: 2px solid #31A13E;background: #fff;border-radius: 12px;}   .hidden-checkbox{display:none;}
.qa-box{
display: block;
margin: 0 auto 1.3em;padding: 1.3em;
border: 1px solid #d6d6d6;
cursor: pointer;
}
.qa-box .title{display: flex;font-weight: 700;}
.qa-box .title .number {
display: flex;justify-content: center;align-items: center;
width: 24px;height: 24px;
margin-right: 8px;
border-radius: 50%;
background: #f58383;color: #fff;
}
.qa-box .text{
display: none;
border-top: 1px dashed #d6d6d6;
margin-top: 8px;
padding-top: 8px;
}
.qa-box .hidden-checkbox:checked + .text{display:block;}   .content div.concept-box01,
.content div.concept-box02,
.content div.concept-box03,
.content div.concept-box04,
.content div.concept-box05,
.content div.concept-box06 {
position: relative;
margin: 30px auto;padding: 0px 25px 15px;
box-sizing: border-box;
border-radius: 4px;
border: 1px solid #eee;
}
.concept-box01:after,
.concept-box02:after,
.concept-box03:after,
.concept-box04:after,
.concept-box05:after,
.concept-box06:after {
position: absolute;
top:-18px;left:18px;
width: 36px;height: 36px;
margin: 0;padding: 0;
text-align: center;
font-size: 18px;
font-family: "dashicons";font-weight: 700;line-height: 1.5;
content: "A";
border-radius: 50%;
border: 5px solid #fff;
background-color: #aaa;color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.concept-box01>span.title,
.concept-box02>span.title,
.concept-box03>span.title,
.concept-box04>span.title,
.concept-box05>span.title,
.concept-box06>span.title {
display: block;
position: absolute;top: -14px;left: 50px;z-index: 2;
margin: 0;padding: 5px 8px;
font-size: 18px;line-height: 1;font-weight: 700;
letter-spacing: 0;
background: #fff;
}
.concept-box01{border-color: #85db8f!important;}
.concept-box01>span {color: rgb(133, 219, 143) !important;}
.concept-box01:after {background-color: #85db8f!important;content: "\f147";}
.concept-box02{border-color:#f7cf6a!important;}
.concept-box02>span {color: #f7cf6a!important;}
.concept-box02:after {background-color: #f7cf6a!important;content: "\f534";}
.concept-box03{border-color:#86cee8!important;}
.concept-box03>span {color: #86cee8!important;}
.concept-box03:after {background-color: #86cee8!important;content: "\f159";}
.concept-box04{border-color:#ed8989!important;}
.concept-box04>span {color: #ed8989!important;}
.concept-box04:after {background-color: #ed8989!important;content: "\f158";}
.concept-box05{border-color:#9e9e9e!important;}
.concept-box05>span {color: #9e9e9e!important;}
.concept-box05:after {background-color: #9e9e9e!important;content: "\f330";}
.concept-box06{border-color:#8eaced!important;}
.concept-box06>span {color: #8eaced!important;}
.concept-box06:after {background-color: #8eaced!important;content: "\f464";}
.faq-box{
display: block;
padding: 20px;
border: 1px solid #d6d6d6;
}
.faq-box .title{
display: flex;align-items: center;
margin: 10px 0 20px;
font-weight: bold;
}
.faq-box .title .question {
display: flex;justify-content: center;align-items: center;
width: 24px;height: 24px;
margin-right: 8px;
border-radius: 50%;
background: #f58383;color: #fff;
}
.faq-box dd.item {
position: relative;
margin: 0;padding: 0 0 0px 30px;
border-top: 1px dashed #d6d6d6;
}
.faq-box .answer {
display: flex;justify-content: center;align-items: center;
position: absolute;left: 0;top:18px;
width: 24px;height: 24px;
margin-right: 8px;
font-weight: 700;
border-radius: 50%;
background: #a9a9a9;color: #fff;
}   .ranking-box{
display: flex;flex-flow:row wrap;justify-content:center;
}
.ranking-box .title{
width: 100%;
margin: 0 auto 30px;padding: 10px 0 10px 70px ;
font-size: 21px;font-weight: 700;
border-bottom: 2px solid #ffcf24;
background: url(https://ekichica.com/media/wp-content/themes/jin/img/rank01.png) no-repeat left top;
background-size: auto 80%;
}
.ranking-box .image{width: 50%;align-items:center;}
.ranking-box .text{width: 50%;padding: 0 15px 20px;}
@media (max-width: 767px){
.ranking-box{display: block;}
.ranking-box .image{width: 100%;;}
.ranking-box .text{width: 1000%;}
}
.ranking-box .title.rank01{border-color: #ffcf24;background-image: url(https://ekichica.com/media/wp-content/themes/jin/img/rank01.png);}
.ranking-box .title.rank02{border-color: #a0a9b1;background-image: url(https://ekichica.com/media/wp-content/themes/jin/img/rank02.png);}
.ranking-box .title.rank03{border-color: #b26a2b;background-image: url(https://ekichica.com/media/wp-content/themes/jin/img/rank03.png);}
.ranking-box .title.rank04{border-color: #b26a2b;background-image: url(https://ekichica.com/media/wp-content/themes/jin/img/rank04.png);}
.cps-post-main .marker3,span.marker3 {
background: -webkit-linear-gradient(transparent 60%,#f7cf6a 0%);
background: linear-gradient(transparent 60%,#f7cf6a 0%);
}   .graph-box{width: 100%;margin: 20px auto;}
.graph-table {width: 90%;max-width: 600px;margin: 20px auto 45px;border-collapse: collapse;border-spacing: 0;color: #204969;border: none;}
.content table.graph-table th,
.graph-table th{width: 30%;text-align: right;margin: 0;padding: 5px 15px 5px 5px;border-right: 2px solid #204969;font-size: 14px;font-weight: bold;background: none;}
.content table.graph-table td,
.graph-table td{position: relative;width: 70%;margin: 0;padding: 5px 0;font-size: 15px;font-weight: 700;background-image: linear-gradient(90deg,#fdf2dc 0%,#fdf2dc 50%,#fffaf0 50%,#fffaf0 100%);
background-size: calc( 20% * 2 ) 20%;}
.graph-table td em{
font-size: 15px;font-style: normal;line-height: 1;
text-stroke: 1px #fff;
text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
-1px 1px 0 #fff, 1px -1px 0 #fff,
0px 1px 0 #fff,  0-1px 0 #fff,
-1px 0 0 #fff, 1px 0 0 #fff;}
.graph-table td em.big{position: absolute;right: 10px;top:7px;}
.graph-table td em small{font-size: 11px;}
.graph-table td span{background: #ef3e38;display:inline-block;height: 14px;margin: 0 10px 0 0;padding: 0;}
.graph-table tr{color: #ef3e38;background: #fffaf0;}
.graph-table tr:nth-child(n + 2) {color: #2694ab;}
.graph-table tr:nth-child(n + 2) span{background: #a9eaf2;}
.graph-table tr:nth-child(n + 4) {color: #6b778d;}
.graph-table tr:nth-child(n + 4) span{background: #ccc;}
.graph-table tr:last-child{background: none;border-top:1px solid #004d61;margin: 20px 0 0;white-space: nowrap;}
.graph-table tr:last-child th,.graph-table tr:last-child td{border: none;background: none;position: relative;}
.graph-table tr:nth-last-child(2) th,tr:nth-last-child(2) td{padding-bottom: 20px;}
.graph-table tr:last-child i{font-style: normal;font-size: 13px;margin: 0 0 0 -8px;}
.graph-table i:before{position: absolute;width: 1px;height: 8px;background: #004d61;content: "";top:-13px;left:8px;z-index: 2;color: #004d61;}
.graph-table i:nth-of-type(1){position: absolute;left: 0;}
.graph-table i:nth-of-type(1):before{display: none;}
.graph-table i:nth-of-type(2){position: absolute;left: 20%}
.graph-table i:nth-of-type(3){position: absolute;left: 40%;}
.graph-table i:nth-of-type(4){position: absolute;left: 60%;}
.graph-table i:nth-of-type(5){position: absolute;left:80%;}
.graph-table i:nth-of-type(6){position: absolute;left: 100%;}
.graph-table tr:last-child th span{position: absolute;top:5px;right: 1em;background: none;font-size: 12px;}
.graph-table tr.emphasis{border:2px solid #f0444c;} .content .graph-box.simple table th,
.graph-box.simple th{border-right: 2px solid #aaa;background: none;}
.content .graph-box.simple table td,
.graph-box.simple td{background-image: linear-gradient(90deg,#f5f5f5 0%,#f5f5f5 50%,#fff 50%,#fff 100%);}
.graph-box.simple td em{
text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
-1px 1px 0 #fff, 1px -1px 0 #fff,
0px 1px 0 #fff,  0-1px 0 #fff,
-1px 0 0 #fff, 1px 0 0 #fff;}
.content .graph-box.simple table td span,
.graph-box.simple td span{background: #333;}
.graph-box.simple tr{color: #ef3e38;background: #fff;}
.graph-box.simple tr:nth-child(n + 2) {color: #333;}
.graph-box.simple tr:nth-child(n + 2) span{background: #666;}
.graph-box.simple tr:nth-child(n + 4) {color: #6b778d;}
.graph-box.simple tr:nth-child(n + 4) span{background: none;}
.graph-box.simple tr:last-child{border-top:1px solid #aaa;}
.graph-box.simple tr:last-child td{background: none;}
.graph-box.simple i:before{background: #fff;color: #666;}  .content div.tate-graph-box,
.tate-graph-box{position: relative;width: auto;max-width: 760px;margin: 20px auto;}
.tate-graph-box .inner{display: flex;align-items: stretch;justify-content: center;position: relative;}
.tate-graph-box .inner:before,
.tate-graph-box .inner:after,
.tate-graph-box:before,
.tate-graph-box:after{position: absolute;top:55.5px;left: 0px;content: "";z-index: 1;font-size: 13px;}
.tate-graph-box:after{top: 115px;content: "";}
.tate-graph-box .inner:before{top: 177.5px;content: "";}
.tate-graph-box .inner:after{top: 0px;content: "";}
.content div.tate-graph-table,
.tate-graph-table{border-collapse: collapse;flex-basis: 15%;margin: 0;}
.tate-graph-table .tate-graph{
position: relative;
height: 250px;vertical-align: bottom;text-align: center;
background:linear-gradient(to bottom, 
#fdf2dc 25%, #666 calc(25% + 1px ), #fdf2dc calc(25% + 1px ),
#fdf2dc 50%, #666 calc(50% + 1px ), #fdf2dc calc(50% + 1px ),
#fdf2dc 75%,#666 calc(75% + 1px ), #fdf2dc calc(75% + 1px )
);
}
.tate-graph-table:nth-of-type(even) .tate-graph{
background:linear-gradient(to bottom, 
#fffaf0 25%, #666 calc(25% + 1px ), #fffaf0 calc(25% + 1px ),
#fffaf0 50%, #666 calc(50% + 1px ), #fffaf0 calc(50% + 1px ),
#fffaf0 75%,#666 calc(75% + 1px ), #fffaf0 calc(75% + 1px )
);
}
.tate-graph-table .tate-graph span{z-index: 0;background: #a9eaf2;display: block;width: 30px;margin: 0 auto;position: absolute;bottom:0px;left:calc( ( 100% - 30px ) / 2 );color:#a9eaf2;}
.tate-graph-table:nth-child(1) .tate-graph span{background: #ef3e38;}
.tate-graph-table:nth-child(n + 4) .tate-graph span{background: #ccc;}
.tate-graph-table .tate-graph em{z-index: 0;position: absolute;bottom:5px;left:calc( ( 100% - 27px ) / 2 );font-size: 12px;line-height: 1;font-style: normal;text-stroke: 1px #fff;
text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,
-1px 1px 0 #fff, 1px -1px 0 #fff,
0px 1px 0 #fff,  0-1px 0 #fff,
-1px 0 0 #fff, 1px 0 0 #fff;}
.tate-graph-table .graph-title{font-size: 13px;line-height: 1.2;font-style: normal;padding: 5px;text-align: center;font-weight: 700;color:#2694ab;}
.tate-graph-table:nth-child(1) .graph-title{color: #ef3e38;}
.tate-graph-table:nth-child(n + 4) .graph-title{color:#666;}   .comparison-section{
width: 96%;margin: 20px auto;padding: 0;
color: #333;
}
.comparison-box{
margin: 0;padding: 0;
background: #f0f9fc;
}
@media screen and (min-width:768px) {
.content div.comparison-section{margin: 0;padding: 0;}
.comparison-section{
display: flex;
width: 96%;max-width: 760px;margin: 20px auto!important;padding: 0;
color: #333;
}
.content div.comparison-box{margin: 0;padding: 0;}
.comparison-box{
width: 50%;
margin: 0;padding: 0;
background: #f0f9fc;
}
.comparison-section.col3 .comparison-box{width: calc( 100% / 3 );}
.comparison-section.col4 .comparison-box{width: calc( 100% / 4 );}
.comparison-section.col5 .comparison-box{width: calc( 100% / 5 );}
.comparison-section.col6 .comparison-box{width: calc( 100% / 6 );}
}
.comparison-title{
margin: 0;padding: 1em 0;
text-align: center;font-size: 1em;
background: #419eb9;color:#fff;
}
.comparison-list{list-style: none;margin: 0;padding: 1em;}
.comparison-list li{position: relative;padding: 0.5em 0 0.5em 2em;}
.comparison-list li:before{position: absolute;top:0.5em;left: 0;content: "●";color: #419eb9;}
.comparison-box.pink{background: #ffefef;}
.comparison-box.pink .comparison-title{background: #fd9392;}
.comparison-box.pink .comparison-list li:before{color: #fd9392;}
.comparison-box.green{background: #c6ecd9;}
.comparison-box.green .comparison-title{background: #127d47;}
.comparison-box.green .comparison-list li:before{color: #127d47;}
.comparison-box.yellow{background: #ffffdb;}
.comparison-box.yellow .comparison-title{background: #dfdf20;}
.comparison-box.yellow .comparison-list li:before{color: #dfdf20;}
.comparison-box.orange{background: #ffebd6;}
.comparison-box.orange .comparison-title{background: #ff9d00;}
.comparison-box.orange .comparison-list li:before{color: #ff9d00;}
.comparison-box.violet{background: #ddf;}
.comparison-box.violet .comparison-title{background: #8989b8;}
.comparison-box.violet .comparison-list li:before{color: #8989b8;}   #btn-shop-link{
opacity: 0;visibility :hidden;
position: fixed;bottom: 20px;left:3%;overflow: visible;z-index: 2;
width: 96%;
transition:all 0.3s;
}
@media screen and (min-width:992px) {
#btn-shop-link{
left: var(--padding-base,0px);
width: 90%;max-width: calc( 100vw - 350px - calc(var(--padding-base,5%) * 2 ) );
}
}
#btn-shop-link.active{opacity: 1;visibility: visible;}
#btn-shop-link .btn-shop-link-logo{
display: flex;justify-content:center;align-items:center;
position: absolute;top:-10px;left: 10px;z-index: 1;
width: 65px;height: 65px;
border-radius: 50px;
background: #fff;
}
#btn-shop-link .btn-shop-link-logo img{	
overflow: hidden;
width: 65px;height: 65px;
border-radius: 50px;
border: 3px solid var(--color-primary,pink);
}
#btn-shop-link .btn-shop-link-logo:before{
position: absolute;top: 51%;right: -22px;z-index: -1;
margin-top: -15px;
content: "";
border: 12px solid transparent;
border-left: 18px solid var(--color-primary,pink);
}
#btn-shop-link a:after{
position: absolute;top: 50%;right: 22px;z-index:0;
content: '';
width: 8px;height: 8px;
margin-top: -4px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
}
#btn-shop-link a{
-webkit-appearance:none;appearance: none;
text-transform: none;overflow: hidden;
position: relative;
display: block;
width: 100%;max-width: 100%;
margin:0 auto;padding: var(--margin-gap,10px);
text-align: center;
padding: 10px 20px;
text-decoration: none;
border-radius:2em;
background: var(--color-primary-dark,hsl(13,90%,58%));
color: #fff;transition:all 0.3s;
}   .pros-cons-section{
width: 96%;margin: 20px auto;padding: 0;
color: #333;
}
.pros-cons-box{
width: 100%;
margin: 0 auto 2em;padding: 0;
border: 2px solid #ffd35c;
border-radius: 4px;
}
.pros-cons-box .pros-cons-title{
margin: 0;padding: 8px 10px;
font-size: 16px;line-height: 1.3;
background: #ffd35c;
color: #fff;
text-shadow: #b58607 2px 0px, #b58607 -2px 0px, #b58607 0px -2px, #b58607 0px 2px, #b58607 2px 2px, #b58607 -2px 2px, #b58607 2px -2px, #b58607 -2px -2px, #b58607 1px 2px, #b58607 -1px 2px, #b58607 1px -2px, #b58607 -1px -2px, #b58607 2px 1px, #b58607 -2px 1px, #b58607 2px -1px, #b58607 -2px -1px;
}
.pros-cons-box .pros-cons-list{
margin: 0;padding: 8px 5px;
}
.pros-cons-box .pros-cons-list li{position: relative;list-style-type: none;padding: 3px 5px 3px 30px;}
.pros-cons-box .pros-cons-list li:before{
display: block;
position: absolute;top: 0.5em;left: 8px;
content: '';
width: 8px;height: 8px;
border-radius: 8px;
border: 2px solid #b58607;
background: #fbf2c0;
}
.pros-cons-box.demerit{
border-color: #666;
}
.pros-cons-box.demerit .pros-cons-title{
background: #ccc;
color: #fff;
text-shadow: #666 2px 0px, #666 -2px 0px, #666 0px -2px, #666 0px 2px, #666 2px 2px, #666 -2px 2px, #666 2px -2px, #666 -2px -2px, #666 1px 2px, #666 -1px 2px, #666 1px -2px, #666 -1px -2px, #666 2px 1px, #666 -2px 1px, #666 2px -1px, #666 -2px -1px;
}
.pros-cons-box.demerit .pros-cons-list li:before{
border-color:  #666;
background: #ccc;
}   .simple-box{
max-width: 96%;
margin: 20px auto;padding: 10px;
text-align: left;
font-size: 1em;line-height: 1.4;
border-radius: 3px;
border: 2px solid #5fd1f6;
color: #333;
}
.simple-box.pink{border: 2px solid #f65f98;}
.simple-box.green{border: 2px solid #6ec02b;}
.simple-box.yellow{border: 2px solid #c0ad2b;}
.simple-box.orange{border: 2px solid #f57c07;}
.simple-box.violet{border: 2px solid #825ef8;}