/*
Template: IT-STUDIO
Theme Name: IT-STUDIO_child
Description: New Material Design Theme
Version: 8.30
Author:	IT-STUDIO
Theme URI: https://it-studio.jp/
Domain Path: /languages
*/


@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    html {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    }

#comments .w-form-row.for_checkbox {
    display: none;
}
html { scroll-behavior: smooth;}

.white,.white h1,.white h2,.white h3,.white h4,.white h5,.white h6,.white p{
    color:#fff;
}
.margin0,.margin0 p,.margin0 h1,.margin0 h2,.margin0 h3,.margin0 h4,.margin0 h5,.margin0 h6 {
    margin-bottom: 0 !important;
}
.circle img {
    border-radius: 50%;
}
.circle {
    margin-bottom: 5px;
}
::selection {
    color: silver;
    background:#E3F2FD;
}
::-moz-selection {
    color: silver;
    background:#E3F2FD;
}

.keep h1,.keep h2,.keep h3,.keep h4,.keep h5,.keep h6,.keep p{
    word-break: keep-all !important;
}
.shadow h1,.shadow h2,.shadow h3,.shadow h4,.shadow h5,.shadow h6,.shadow p,.shadow{
    text-shadow: 1px 1px 5px #333;
}
.relative{
    position: relative;
}

span.small{
    font-size: 0.9rem;
}
.line-head h2 {
    text-align: center;
    position: relative;
    display: table;
    margin: 0 auto;
}
.line-head h2:before {
    right: 100%;
    margin-right: 1rem;
}
.line-head h2:after {
    left: 100%;
    margin-left: 1rem;
}
.line-head h2:before, .line-head h2:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 50%;
    height: 0;
    width: 2rem;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: inherit;
}
.line-head h2>* {
    display: inline-block;
    vertical-align: top;
    line-height: inherit !important;
    margin: 0;
}

@media (max-width: 767px){
.padding0 .wpb_column.vc_column_container {
    margin-bottom: 0 !important;
}
}
@media (min-width: 600px){
br.br-sp {
    display: none; 
}
}
@media (max-width: 600px){
br.br-pc {
    display: none;
}
}


/*Responsive Fix*/
@media screen and (max-width: 600px){
	section.l-section {
    padding-left: 1rem;
    padding-right: 1rem;
}
.l-section.height_small, .l-section.height_medium {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
}
@media (max-width: 480px){
    .post_navigation.layout_simple .order_first {
        padding: 0 0 7px 30px;
    }
    .post_navigation.layout_simple .order_second {
        padding: 0 30px 7px 0;
    }
    }

/*Header*/
.l-header.bg_transparent:not(.sticky) {
    background: linear-gradient(rgba(0,0,0,0.5), transparent) repeat-x !important;
}
/*BLOG*/
.blog-list .post_date {
    width: 100px;
    line-height: 1;
    font-size: 0.95rem;
    color: #666;
}
.blog-list .post_title {
    margin-left: 20px;
	position: relative;
}

/*Blog-single*/
.blogrow .entry-title {
    position: absolute;
    bottom: 10%;
    z-index: 10;
    color: #fff;
    margin-left: 15px;
    margin-right: 20px;
}
.blogrow .w-hwrapper.align_left.valign_top.wrap {
    position: absolute;
    bottom: 4%;
    z-index: 12;
    color: #fff;
    margin-left: 15px;
    line-height: 22px;
}
.blogrow .w-post-elm.post_image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.3);
}
.blogrow .w-hwrapper .material-icons {
    font-size: 1.2rem;
}
.blogrow .post_image img {
    height: 500px;
    object-fit: cover;
}
@media (max-width: 480px) {
.single-post .toukou img {
      margin-left: -32px;
      max-width: 100vw;
}
.blogrow .w-post-elm.post_image.stretched {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -20%;
}
.blogrow .w-hwrapper.align_left.valign_top.wrap {
    bottom: 0%;
}
.blogrow .post_image img {
    height: 400px;
}
}

/*Footer*/
span.f-small {
    line-height: 1.2;
    font-size: 0.85rem;
    display: inline-block;
    margin-top: 5px;
}
.footer span.tel {
    display: inline-block;
    font-size: 1.5rem;
    font-family: 'roboto';
    letter-spacing: 1px;
	font-weight: bold;
}
.address {
    line-height: 1.3;
    margin-bottom: 20px;
}
.tel-box {
    line-height: 1.3rem;
}
span.yubin {
    font-size: 0.85rem;
}
span.f-gakubuchi {
    display: block;
    font-size: 1.15rem;
    margin-bottom: 3px;
    font-weight: normal;
}


@media (min-width: 900px){
a.site-logo,li.extend {
    display: none;
}
}
@media (max-width: 899px){
a.user-loggedin, a.exuser-login {
        line-height: 1 !important;
        display: block;
        padding: 15px 5px 12px;
        width: 200px;
        border-radius: 50px;
        border: 1px solid #fff;
        text-align: center;
        margin-top: 30px;
        margin: 30px auto 5px;
        font-weight: bold;
        color: #52c0d9;
        background: #fff;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
span.username {
        display: block;
        text-align: center;
        line-height: 1;
        font-size: 0.95rem;
        max-width: 200px;
        margin: 0 auto;
}
.site-logo img {
    max-width: 300px !important;
}	
}


/*Category*/
.product-category .g-breadcrumbs, .product-category h1 {
    text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px 0px 1px #000, 0px 1px 1px #000, -1px 0px 1px #000, 0px -1px 1px #000, 1px 2px 5px #000;
}
.g-loadmore {
    margin-top: 60px;
    margin-bottom: 100px;
}
.cross-sells .add_to_cart_button {
    display: none;
}

/* WooCommerce */
span.woocommerce-Price-currencySymbol {
    font-size: 0.9rem;
    font-weight: normal;
    margin-right: 2px;
}
small.includes_tax {
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 1;
    display: block;
}
.woocommerce .quantity {
    position: relative;
}
.product-type-simple label[for="length_needed"]:after, .product-type-simple label[for="width_needed"]:after {
    content: '*';
    color: red;
}
abbr.required{
    color: red;
    font-weight: 700;
}
button.single_add_to_cart_button {
    margin-left: auto;
    margin-right: 1rem;
}
.product-div h1.post_title {
    font-size: 1.5rem !important;
}
.product-div small.woocommerce-price-suffix {
    font-size: 14px;
}
span.wc-measurement-price-calculator-price {
    font-weight: normal !important;
    color: #666;
}
.product-div span.woocommerce-Price-amount.amount,.product-div span.wc-measurement-price-calculator-price span.woocommerce-Price-amount.amount{
    font-size: 1.7rem;
    font-weight: bold;
    color: #cf182a;
    font-family: 'Roboto';
}
.product-div p.w-post-elm.product_field.price {
    font-weight: normal !important;
    font-size: 30px !important;
    color: #666;
}
.product-div .single_variation_wrap {
    margin-top: 30px;
}




.single_variation_wrap {
    margin-top: 30px;
}
span.daibiki,span.madonuki,span.jyucyu {
  background: red;
  color: #fff;
  padding: 0px 5px;
  font-weight: bold;
  border-radius: 2px;
  margin-right: 5px;
  margin-top: 10px;
  display: block;
  line-height: normal;
  width: 90px;
  text-align: center;
  font-size: 14px;
}
span.order-frame{
  background: red;
  color: #fff;
  padding: 0px 5px;
  font-weight: bold;
  border-radius: 2px;
  margin-right: 5px;
  margin-top: 10px;
  display: block;
  line-height: normal;
  width: 135px;
  text-align: center;
  font-size: 14px;
}
.short-description {
    margin-bottom: 35px;
    margin-top: 35px;
}
.short-description table {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0.95rem;
}

span.no-order{
  background: #424242;
  color: #fff;
  padding: 0px 5px;
  font-weight: bold;
  border-radius: 2px;
  margin-right: 5px;
  margin-top: 10px;
  display: block;
  line-height: normal;
  width: 90px;
  text-align: center;
}

section.related.products span.woocommerce-Price-amount,.wc-measurement-price-calculator-price span.woocommerce-Price-amount{
    color: #333;
    font-size: 1rem;
    font-weight: bold;
}



label[for="length_needed"],label[for="width_needed"] {
    display: block;
    font-weight: bold;
}
input#length_needed,input#width_needed {
    width: 100px;
}
.calc-it {
    width: 150px;
    float: left;
}
span.step {
    background: #FF9800;
    color: #fff;
    padding: 2px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
    display: inline-block;
}
p.canvas-size {
    margin-bottom: 0;
}

.wccf_field_container.wccf_field_container_product_field.wccf_field_container_text.wccf_field_container_product_field_text {
    width: 150px;
    float: left;
}
input#wccf_product_field_mat_height,input#wccf_product_field_mat_width,input#wccf_product_field_canvas_thickness {
    width: 80px;
}
.product_cat-oil-paint-custom  .wccf_field_container.wccf_field_container_product_field.wccf_field_container_text.wccf_field_container_product_field_text:nth-child(1) {
    width: 300px !important;
}
label small.wccf_min_max_limit {
    display: block;
}


tr.price-table-row.calculated-price td {
    padding-top: 20px;
}
tr.price-table-row.calculated-price {
    font-weight: bold;
    text-align: right;
}
span.product_price span.amount,.woocommerce-variation-price span.woocommerce-Price-amount.amount {
    font-size: 1.6rem;
    font-weight: bold;
    color: #cf182a;
}
.woocommerce-variation-price {
    width: 100%;
    text-align: right;
}
.rightpress_live_product_price {
    margin: 1.5em 0;
    clear: both;
}
.withdrawal {
    text-align: right;
    margin-top: 30px;
    font-size: 13px;
}
.woocommerce div.product .cart .quantity {
    float:left;
}
small.woocommerce-price-suffix {
    font-size: 0.8em;
    font-weight: normal;
    color: #444;
}


@media (max-width: 767px) {
.cate-head {
    position: relative;
    margin-top: -25px;
}
}
.search-no-results p.woocommerce-info {
    margin-top: 60px;
    /* position: relative; */
}
.woocommerce-product-details__short-description {
    font-size: 14px;
}
.woocommerce-product-details__short-description th {
    padding: 5px 10px;
    padding-bottom: 0;
    vertical-align: middle;
    width: 100px;
}
.woocommerce-product-details__short-description td {
    padding: 5px 10px;
    vertical-align: middle;
}

.annotation {
    clear: both;
    display: block;
    position: relative;
    top: 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}
.annotation p {
    line-height: 20px;
}
span.notes {
    color: #e95095;
    margin-right: 3px;
}
a.mat-items:after {
    content: '\f08e';
    font-size: 1rem;
    margin-left: 5px;
    font-family: 'FontAwesome';
}

table.size-one {
    width: 300px;
    border: 1px solid rgba(255,152,0,1);
}
table.size-one th {
    padding: 2px 2px 2px 10px;
    border-bottom: none;
}
table.size-one td {
    padding: 2px;
    border-bottom: none;
    vertical-align: middle;
}
label[for="delivery_time_zone"]:after {
    content: "(大型商品は時間指定出来ません)";
    font-weight: normal;
    margin-left: 10px;
}

h2.woocommerce-loop-product__title {
    border-bottom: none !important;
}
section.related.products h2 {
    font-weight: bold;
    border-bottom: 1px solid #888;
    padding-left: 10px;
    font-size: 18px;
    display: inline-block;
}
.woocommerce-variation-availability {
    width: 100%;
    text-align: right;
}
p.stock.out-of-stock {
    text-align: right;
    display: inline-block;
    background: red;
    color: #fff;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 2px;
    margin-top: 15px;
    font-size: 16px;
}


/* Woo Checkout */
.checkout.woocommerce-checkout h3,h3#order_review_heading {
    font-weight: bold;
    margin-top: 20px;
    display: inline-block;
    color: #fff;
    background: #444;
    padding: 2px 20px !important;
}
h3#ship-to-different-address {
    background: none;
    padding-left: 0;
}


/* woo cart */
.woocommerce-cart .cross-sells h2 {
    font-weight: bold !important;
    color: #444 !important;
    font-size: 1.2rem;
}
.mini_cart_item dl.variation {
    padding-left: 72px;
}

/* Woo Option Mat & Water Color*/
.product_cat-custom .wccf_field_container,.product_cat-water-color .wccf_field_container,.product_cat-option_mat .wccf_field_container,.product_cat-water-color .wccf_field_container{
    width: 230px !important;
}
input#wccf_product_field_mat_mado{
    width: 150px;
}
input#wccf_product_field_mat_soto{
    width: 150px;
    margin-bottom: 25px;
}
.product_cat-option_mat div#wccf_product_field_master_container,.product_cat-water-color div#wccf_product_field_master_container{
    margin-top: 25px;
}
.product_cat-option_mat .woocommerce-variation.single_variation,.product_cat-water-color .woocommerce-variation.single_variation{
    clear: both;
    margin-bottom: 30px;
}
.woocommerce .cart_totals td {
    width: 12rem;
}






/*ART FRAME*/
span.order-karibuchi a {
    font-weight: bold;
    border-radius: 2px;
    line-height: 3rem;
    background: #e95095;
    color: #fff;
    padding: 15px 20px;
    font-size: 18px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
span.order-karibuchi a:hover {
    background: #7049ba;
    color: #fff;
}
.custom-head {
    margin-bottom: 30px;
    margin-left: -1rem;
    margin-right: -1rem;
}
form.woocommerce-product-search button {
    background: #e95095;
    color: #fff;
    margin: 2px;
    border-radius: 3px;
    padding: 2px 20px;
    font-weight: bold;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
form.woocommerce-product-search button:hover{
    background: #7049BA;
}