.section-inner {
width: 1000px;
margin: 0 auto;
}
.sp {
display: none;
}
a {
text-decoration: none!important;
}
.mr-8 {
margin-right: 8px !important;
}
.color-red {
color: #de1122;
}
.color-red.warn {
font-weight: normal!important;
}
.static-catch {
margin-bottom: 12px;
}
.static-catch .section-en-title {
margin-bottom: 8px;
}
.section-en-title {
margin: 12px 0 20px;
color: #323232;
font-size: 20px;
letter-spacing: .01em;
font-weight: bold!important;
}
.static-catch img {
position: relative;
left: 50%;
width: 100vw;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-bottom: 8px;
}
.static-catch .static-sub-ttl {
margin-bottom: 8px;
font-size: 16px;
font-weight: 700!important;
}
.static-catch p {
font-size: 12px;
font-weight: 700;
}
.ttl-box-red {
display: block;
margin-bottom: 12px;
padding: 12px;
font-size: 16px;
color: #fff;
background: #de1122;
border-radius: 4px;
}
.accordion-purchase-ex .accordion .accordion-item,
.shop-detail-faq .accordion .accordion-item,
.accordion-section .accordion .accordion-item,
.tokei-pricetable .accordion .accordion-item {
border-bottom: 1px solid #8f8f8f;
}
.accordion-purchase-ex .accordion .accordion-item .accordion-head a,
.shop-detail-faq .accordion .accordion-item .accordion-head a,
.accordion-section .accordion .accordion-item .accordion-head a,
.tokei-pricetable .accordion .accordion-item .accordion-head a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 12px 20px 4px 0;
color: #323232;
font-size: 14px;
font-weight: 700;
line-height: 1.5;
}
.accordion-purchase-ex .accordion .accordion-content,
.shop-detail-faq .accordion .accordion-content,
.accordion-section .accordion .accordion-content,
.tokei-pricetable .accordion .accordion-content {
margin-top: 8px;
padding: 0 12px;
}
.accordion-purchase-ex .accordion .accordion-content p span,
.shop-detail-faq .accordion .accordion-content p span,
.accordion-section .accordion .accordion-content p span,
.tokei-pricetable .accordion .accordion-content p span,
.card-pricetable .accordion .accordion-content p span {
font-weight: 700;
}
.accordion-purchase-ex .accordion .accordion-item .accordion-head a:before,
.accordion-purchase-ex .accordion .accordion-item .accordion-head a:after,
.shop-detail-faq .accordion .accordion-item .accordion-head a:before,
.shop-detail-faq .accordion .accordion-item .accordion-head a:after,
.accordion-section .accordion .accordion-item .accordion-head a:after,
.tokei-pricetable .accordion .accordion-item .accordion-head a:before,
.tokei-pricetable .accordion .accordion-item .accordion-head a:after {
position: absolute;
display: inline-block;
top: 50%;
bottom: 0;
right: 8px;
width: 6px;
height: 6px;
margin-top: -3px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: rotate( 45deg);
-ms-transform: rotate(45deg);
transform: rotate( 45deg);
content: "";
border-bottom: solid 2px #323232;
border-right: solid 2px #323232;
-webkit-transition: .2s;
transition: .2s;
}
.accordion-purchase-ex .accordion-item[data-active] .accordion-head a:after,
.shop-detail-faq .accordion-item[data-active] .accordion-head a:after,
.accordion-section .accordion-item[data-active] .accordion-head a:after,
.tokei-pricetable .accordion-item[data-active] .accordion-head a:after,
.card-pricetable .accordion-item[data-active] .accordion-head a:after {
-webkit-transform: rotate( -135deg);
-ms-transform: rotate(-135deg);
transform: rotate( -135deg);
}
.accordion-purchase-ex .accordion .accordion-content p,
.shop-detail-faq .accordion .accordion-content p,
.accordion-section .accordion .accordion-content p,
.tokei-pricetable .accordion .accordion-content p {
margin-bottom: 12px;
padding: 12px;
font-size: 12px;
background: #f1f1f1;
}
@media screen and (min-width: 1000px) {
.section-en-title {
margin: 40px 0 50px;
font-size: 36px;
letter-spacing: .05em;
line-height: 1;
}
.static-catch .static-sub-ttl {
font-size: 24px;
margin: 40px 0;
text-align: center;
}
.static-catch img {
width: 100%;
}
.accordion-purchase-ex .accordion .accordion-item .accordion-head a,
.shop-detail-faq .accordion .accordion-item .accordion-head a,
.accordion-section .accordion .accordion-item .accordion-head a,
.tokei-pricetable .accordion .accordion-item .accordion-head a {
font-size: 16px;
}
}
@media screen and (min-width: 501px) {
.accordion-purchase-ex .accordion .accordion-content p,
.shop-detail-faq .accordion .accordion-content p,
.accordion-section .accordion .accordion-content p,
.tokei-pricetable .accordion .accordion-content p {
font-size: 14px;
}
}
@media screen and (max-width: 647px) {
.sp {
display: block;
}
}
@media screen and (max-width: 960px) {
.section-inner {
width: 90vw;
margin-bottom: 30px;
}
.pc {
display: none!important;
}
a:hover {
opacity: 1!important;
}
}