@charset "utf-8";
/*
Theme Name: Storefront Child
Description: Storefront Child Theme
Template:storefront
Version:      2.5.3
*/

body {font-family: 'Acme', sans-serif;}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {border-radius: 5px;background-color: #f43c0b;border-color: #f43c0b;color: #fff;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {border-radius: 5px;background-color: rgba(244,164,96,0.5);border-color: #f43c0b;color: #f43c0b;}
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {width: auto;float: left;margin-right: 4%;}
:focus {outline: none;text-decoration: none !important;}
a {outline: none;text-decoration: none !important;}
img{margin: 0 auto;}

.entry-header{margin-bottom: 5rem;}
.entry-header h1 {font-size: 2.6rem;}
.entry-header h2 {font-size: 2rem;}
.entry-header h1 span.small-text {font-size: 0.8em;}
.entry-header h2 span.small-text {font-size: 0.7em;}
.entry-header span {font-size: 1.8em;color: #333;}
.entry-header h1.beginners-title {font-size: 2.2rem;}

.fast-contents {margin: 5em 0;}
.wp-block-group {margin-bottom: 5rem;}
.button-guide{padding: 0.25rem 1rem !important;}
.button-guid a{font-size: 1.25rem;font-weight: normal;}
.br-pc{display: block;}
.br-sp{display: none;}

.flexBox {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
}
.flexBox-guide .foot-button {width: 100%;margin: 2%;}
.flexBox-guide .foot-button a {color: #fff;background-color: transparent;}
.flexBox-guide .foot-button:hover a{background-color: transparent;color: #f43c0b;}

@media (max-width: 767px){
.br-pc{display: none;}
.br-sp{display: block;}
.flexBox {display: block;}
.flexBox div {width: 100%;}
.flexBox-guide .foot-button {width: 100%;}
}


/* homepage */
.homepage .button-guide{width: auto;}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded{opacity: 0;}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {height: 35vw;background-position: top center;}
.gform_wrapper ul.gform_fields li.open {border: solid 1px;padding: 10px;}
.gform_legacy_markup_wrapper .gfield_checkbox li input, .gform_legacy_markup_wrapper .gfield_checkbox li input[type=checkbox], .gform_legacy_markup_wrapper .gfield_radio li input[type=radio] {
    vertical-align: text-top;
}

.top-power {padding: 20px 10px 0;text-align: center;box-shadow: 0 1px 8px rgba(0,0,0,0.3);-webkit-transition: box-shadow .1s ease-in;transition: box-shadow .1s ease-in;height: -webkit-fill-available;}
.top-power a {color: #f43c0b;}
.top-power li:hover {opacity: 0.7;}
i.arrow_right {vertical-align: middle;}


/* fastcontact */
.marker-orange {font-size: 2rem;background: linear-gradient(transparent 70%, #f8d9ac 70%);background-size: 200% 1.3em;}
.fastcontact-listmark{font-size: 1.25rem;}
.fastcontact-listmark:before {width: 1.5rem;display: inline-block;position: relative;padding: 0 10px 0 0;content: url('/img/web_point.svg');vertical-align: middle;}
.inTxtBox {font-size: 1rem;line-height: 1.5em;margin: 0 2em;}

/* designprice */
.header-textBox {width: 50%;}
.header-imgBox {width: 45%;}
span.small-text {font-size: 0.8em;}
.top-flow{margin-bottom: 3rem !important;}
.section-title{margin: 2rem 0;}
.center {text-align: center;margin: 1em 0;}
.inquiry {text-align: center;margin: 1em 0;padding: 2em 0 0;border: solid 1px;}
.designprice-checkmark + p{margin: -1rem 0 3rem 4rem;}
.ul-indent {margin: -2rem 0 3rem 5.5rem;}
.text-indent {margin: -1rem 0 2rem 2rem;}
.shop-block{margin-left: 0;}

.flow a {font-size: 1.3rem;}
.flow a i.arrow_right {font-size: 1.5rem;}
.flow .button-guide {width: 35%;padding: 0 0 0 1rem;}
.flow .wp-block-button__link:not(.has-background){color: #fff;background-color: transparent;}
.flow .wp-block-button__link:hover {background-color: transparent;color: #f43c0b;}
@media screen and (max-width: 1068px){
.flow {margin: 2rem 0 1rem;}
.flow .button-guide {width: auto;}
}

.priceBox {border: solid 1px #333;}
.priceBox table{margin: 0;}
.priceBox td, .priceBox th {text-align: center;padding: 1rem !important;border-left: solid 1px;line-height: 1.1rem !important;}
.priceBox th {line-height: 0.6em;background-color: #333 !important;color: #fff;}
.priceBox th:not(:first-child){border-left: solid 1px #fff !important;}
.priceBox td {line-height: 1.5em;}
.priceBox td:not(:first-child){border-left: solid 1px #333 !important;}
span.price {font-size: 1.8em;}

.designprice-checkmark{font-size: 1.2rem;}
.designprice-checkmark{background: url(/img/web_check.svg) no-repeat 0 center/3rem auto;padding: 0.2rem 0 0.2rem 4rem;}

.category-button a:hover {background-color: rgba(244,164,96,0.5) !important;border-color: #f43c0b !important;color: #f43c0b !important;}

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span {font-size: 0;}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button span:before {font-size: 0.8rem; font-weight: 600; content:'デザインの詳細を見る'; } 

/* orderflow */
ul.flow-mokuji {padding: 1em 3em;border: solid 2px #ddd;}
ul.flow-mokuji {margin: 0;}
ul.flow-mokuji li {margin: 0.5em 0;list-style: none;}
ul.flow-mokuji li:before {font-weight: bold;font-family: 'FontAwesome';content: "\f105";}
.flow-pdf {margin: 2rem 0 2rem 3.2rem;font-size: 1.1rem;}
.flow-pdf i{font-weight: bold;}

/* guide */
.guide-mokuji h3{margin-left: 1.5rem;}
.guide-mokuji{border: solid 1px;padding: 1rem;}
.guide-mokuji ul{margin: 0 0 0 2rem;}
.guide-mokuji ul li{margin: 0.5em 0;list-style: none;}
.guide-mokuji ul li:before {padding-right: 0.25rem;font-weight: bold;font-family: 'FontAwesome';content: "\f105";}
.button-guide a {padding: 0 !important;}

/* faq */
.faq-lists {width: auto;margin-bottom: 5rem;padding: 1rem;border: solid 1px;}
.faq-lists ul{margin: 0 0 0 2rem;}
.faq-lists ul li {margin: 0.5em 0;list-style: none;}
.faq-lists ul li:before {padding-right: 0.25rem;font-weight: bold;font-family: 'FontAwesome';content: "\f105";}

ul.faq-all li .wp-block-latest-posts__post-title{font-size: 2rem;}
ul.faq-all li .wp-block-latest-posts__post-full-content{margin: 3rem 0 5rem;}
ul.faq-all li h3{margin: 3rem 0 1rem;}
ul.faq-all li h4{margin: 3rem 0 1rem;}

.faq {margin-bottom: 100px;}
.faq h2 {margin-top: 100px;}

/* about */
.about-table th{width: 30%;}