@import url("../quality/style.css");
/*
Theme Name: Quality-child
template: quality
Theme URI: http://webriti.com/quality-lite-version-details-page/
Author: Webriti
Author URI: http://webriti.com/
Description: Business theme which is ideal for creating a corporate / business website.It boasts of 2 beautifully designed page templates , Home and Blog Page.
Version:  1.3
Tags: white, red,pink , full-width-template, threaded-comments, custom-menu, two-columns,translation-ready , custom-background , sticky-post,featured-images,theme-options,responsive-layout
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: quality
* Quality Css created By Shahid - Scientech IT
*/

/*!
 * Quality Css created By Shahid - Scientech IT
*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.qua_home_portfolio_caption {height:60px !important;}
.qua_portfolio_image{height: 280px !important;}

.navbar-nav {font-size:1.3em;}

.item-img img{width:100%;height:auto;}
.item_heading h1{font-size:25px;}

.item-separator {background-color: #F8504B;
height: 5px;
margin: 20px auto 20px;


}


.center{margin:0px auto;}
.widget h3{margin-top:0px;color:white;}

ul#footer_navigation{margin:1em;}
ul#footer_navigation li{list-style-type:none;padding:0.3em;margin:0px;}
ul#footer_navigation li a{color:white;}

.menu-item ul.dropdown-menu{left:17px;}

.menu-item .menu-item ul.dropdown-menu{left:197px;top:-3px;position:absolute;}

.flex{display: flex;flex-direction:row;flex-wrap:wrap; }
.box3 	{
	width:29%;
	/*float:left;*/
	margin:0.9em;

 }
.box3 h3{font-size:1.5em;}

.fullwidth img{width:100%;height:auto;}
.clear{clear:both;}

@media screen and (max-width: 900px) {
	.box3 {width:45%;}
}

@media screen and (max-width: 720px) {
	.box3 {width:90%;}
.flex{flex-direction:column;}
.flex div{margin-bottom:2em;margin-left:0px;margin-right:0px;}
}

/*カートボタン*/

input.css3[type=button],
input.css3[type=submit] {
    color:#fff;font-weight:bold;
    text-align: center;
    background-color: #22AAFF;
    padding: 5px 10px;
    border-radius: 3px; /* CSS3 */
    cursor: pointer;
    text-shadow: 0px 0px 2px #39d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#47c1ef), to(#339ade)); /* Safari */
    background: -moz-linear-gradient(top,#47c1ef,#339ade) no-repeat; /* FireFox */
    border: 1px #3399dd solid;
    opacity: 1;
}
input.css3[type=button]:hover,
input.css3[type=submit]:hover {
    opacity: 0.8;
}

input.skubutton[type=button],
input.skubutton[type=submit] {
    color:#fff;font-weight:bold;
    text-align: center;
    background-color: #22AAFF;
    padding: 6px 12px;
    border-radius: 2px; /* CSS3 */
    cursor: pointer;
    text-shadow: 0px 0px 2px #39d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#47c1ef), to(#339ade)); /* Safari */
    background: -moz-linear-gradient(top,#47c1ef,#339ade) no-repeat; /* FireFox */
    border: 1px #3399dd solid;
    opacity: 1;
}
input.skubutton[type=button]:hover,
input.skubutton[type=submit]:hover {
    opacity: 0.8;
}


#customer-info input[type=button], #inside-cart input[type=button], #delivery-info input[type=button], #info-confirm input[type=button], 
#customer-info input[type=submit], #inside-cart input[type=submit], #delivery-info input[type=submit], #info-confirm input[type=submit]
 {
    color:#fff;font-weight:bold;
    text-align: center;
    background-color: #FF9700;
    padding: 7px 12px;
    border-radius: 4px; /* CSS3 */
    cursor: pointer;
    text-shadow: 0px 0px 0px #eee;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9700), to(#E5AF03)); /* Safari */
    background: -moz-linear-gradient(top,#FF9700,#E5AF03) no-repeat; /* FireFox */
    border: 1px #FFA81D solid;
    opacity: 1;
}
#customer-info input[type=button]:hover, #inside-cart input[type=button]:hover, #delivery-info input[type=button]:hover, #info-confirm input[type=button]:hover, 
#customer-info input[type=submit]:hover, #inside-cart input[type=submit]:hover, #delivery-info input[type=submit]:hover, #info-confirm input[type=submit]:hover {
    opacity: 0.8;
}
/*カートボタンここまで*/

.minus, .plus{border:1px solid #bbbbbb !important; padding:5px 10px 5px 10px !important;margin-left:5px !important;margin-right:5px !important;background-color: #cccccc !important;}
.skuquantity{width:35px !important;border:1px solid #bbbbbb !important;padding:5px 10px 5px 10px !important;}

.pagetitle{
text-align: center;
border-bottom: 2px solid #DDD;
padding: 1em;
border-top: 2px solid #ddd;
background-color: #fafafa;}

.qua_blog_post_content h2,.qua_blog_post_content h2,.qua_blog_post_content h2{	padding-left:2em; border-left: 15px solid #DB5673;}
.skubutton{font-family:'FontAwesome';}

div.su-tabs-nav span{font-size:1.3em;padding:10px;}

table.middle-middle tr td{text-align:center;vertical-align:middle !important;}

#bs-example-navbar-collapse-1{float:left;}
@media screen and (max-width: 720px) {
.top-nav{display:none;}
#bs-example-navbar-collapse-1 {
    float: none;border: none;}

.nav >li{    text-align: center;}


#bs-example-navbar-collapse-1 ul.dropdown-menu ul.dropdown-menu{
display:none;}
 .search .loopimg, .search .loopexp {width:100%;}

}
.section{margin-top: 3em;border-top: 1px solid #dddddd;padding-top:2em;}
#item-spec{margin:1em;border:1px solid #dddddd;border-radius:0.5em;padding:1em;}
.item-price dt, .item-price dd{display:inline;}
.item-price dd{margin-left:20px;}
.qua_footer_area .widget{border:none;}

.topbar_middle{
margin-top: 2px;}

#searchform{/*width: 300px;*/}
    #s {
        /*width: 85%;*/
        height: 26px;
        line-height: 26px !important;
        padding: 0 10px !important;
        vertical-align: bottom !important;
        border: 1px solid #ccc;
        border-radius: 5px 0 0 5px;
	float: left;
        color: #999;
        background: #eee;

    }
    #s:focus {
        color: #333;
    }
    #searchsubmit {
        width: 60px;
        height: 26px;
	margin:-9px 0px 0px 0px !important;padding:0px !important;;
font-family: FontAwesome;

        border: 1px solid #ccc;
        border-radius: 0 5px 5px 0;

        color: #666;
        background: -webkit-linear-gradient(top, #fff, #eee);
        background: -moz-linear-gradient(top, #fff, #eee);
        background: linear-gradient(top, #fff, #eee);
        cursor: pointer;

    }
    #searchsubmit:hover {
        background: -webkit-linear-gradient(top, #eee, #fff);
        background: -moz-linear-gradient(top, #eee, #fff);
        background: linear-gradient(top, #eee, #fff);
    }
    #searchsubmit:active {
        border: 1px solid #aaa;
        border-right-color: #fff;
        border-bottom-color: #fff;
        box-shadow: 0 1px 0 #ddd,
            0 -1px 0 #fff,
            -1px 0 0 #fff,
            1px 0 0 #ddd;
    }

.search .loopimg, .search .loopexp{float:left;}
.search .loopexp{width:70%;padding:2em;}
.search .loopimg{width:30%;}

@media screen and (max-width: 720px) {
 .search .loopimg, .search .loopexp {width:100%;}
}


 
.pagination span, .pagination a {
display:block;
float:left;
margin: 0.1em;
padding:0.3em;
text-decoration:none;
width: 50px;
text-align: center;
color:#fff;
background: #bbbbbb;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:0.3em;
background: pink;
color:#fff;
}

ul.page-numbers li{list-style-type:none;display:inline;font-size:2em;width:40px;}
ul.page-numbers{margin:0px auto;}


.float-left {float:left;}
.width50 {width:50%;}
.width40{width:40%;}
@media screen and (max-width: 720px) {
 .width50, .width40 {width:100%;}
}
#delivery-info table th{width:120px !important;}
#delivery-info textarea#note{width: 100% !important;;}
#cart_table th.thumbnail{background-color:orange;}
th{background-color:orange !important;}

.production_frame{border:1px solid #cccccc;
border-radius:0.5em;
font-size:1.8em;
background-size:100% auto;
background-position:center;
color:white;margin-bottom:3em;}

.production_inner_frame{
background-color:rgba(0,0,0,0.6);
padding:1.2em;
border-radius:0.5em;}
.production_inner_frame p{color:white !important;text-align:center !important;}
.production_inner_frame ul li {color:white ;}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
/*div.simple-rec-standard{background-image:url('https://publishing.imc-music.net/files/images/production/p1030702.jpg') !important;background-size:100% auto !important;background-repeat: no-repeat !important;background-position: left top !important;background-attachment: fixed !important;}*/
.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}