/*
Theme Name:		Welcart Basic Child
Description:	Welcart Basic Child is child theme for Welcart Basic.
Author:			WElcart Inc.
Author URI:		https://www.welcart.com/
Template:		welcart_basic
Version:		1.0.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, basic-child, two-columns, right-sidebar. left-sidebar
*/


.column-end  {
background:#f8f8f8;
padding:30px 0;
text-align:center;
}

ul.ft-list li{
display:inline-block;
font-size:15px;
  }




.column-box  {
margin-top:20px;
color:#000;
font-size:15px;
line-height:1.6;
}

.column-box b  {
font-size:16px;
font-weight:normal;
}

.grecaptcha-badge {
  visibility: hidden;
}
.parent-box {
  display: table;
  width: 80%;
  margin: 5px 10%;
}
.child-l {
  display: table-cell;
width: 70%;
text-align:left;
font-size:13px;
}
.child-r {
  display: table-cell;
width: 30%;
text-align:right;
font-size:13px;
}

.main-v2 {
width:100%;
margin-top:-1.5em;
	}


.main-v2 img {
width:100%;
height:auto;
	}


.main-v img {
width:100%;
height:auto;
	}

header .inner {
		margin-bottom:-25px !important;
	}



.site-logo img{
width:320px !important;
margin-top:-20px !important;
margin-bottom:0 !important;
}

@media(min-width:1000px){
.s-box {
		margin-bottom: -10px !important;
	}
 }


@media (min-width:541px) and (max-width:999px)  {
.site-logo img{
width:320px !important;
margin-top:-10px !important;
margin-bottom:-10px !important;
}
 }

@media (max-width:540px) {
.site-logo img{
width:100% !important;
margin-top:-10px !important;
margin-bottom:-20px !important;
}




	}

.bn-box{
margin-top:20px;
}

.bn-box img{
width:100%;
height:auto;
box-shadow: 0 0 5px rgba(39,48,57,.3);
}

.col_3{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
margin-top:25px;
}

.col_3 article{
    width: calc( 33.33333% - 8px ) ;
    margin-top:15px;
    margin-right: 12px;
    margin-bottom: 12px;
border-bottom:none !important;
}

.col_3 article:nth-child(3n){
    margin-right: auto;
}

@media screen and (max-width: 960px) {
    .col_3 article{
        width: calc( 50% - 6px ) ;
    }
    .col_3 article:nth-child(3n){
        margin-right: 12px;
    }
    .col_3 article:nth-child(2n){
        margin-right: auto;
    }
}
@media screen and (max-width: 580px) {
    .col_3 article{
        width: 100%;
        margin-right: auto;
    }
    .col_3 article:nth-child(3n){
        margin-right: auto;
    }
}

.item-box img {
   width: 100%;
height:auto;
aspect-ratio: 4 / 3;
object-fit: cover; 
}

.item-box .itemname {
margin-top:10px;
text-align:center;
font-weight:bold;
}

.item-box .itemcode {
text-align:center;
font-size:1.2em;
}

.item-box .itemprice {
text-align:center;
font-size:1.2em;
}

.item-box2 .itemname2 {
margin-top:10px;
text-align:left;
font-size:1.0em;
}

.item-box2 .itemcode2 {
text-align:left;
font-size:1.0em;
}

.item-box2 .itemprice2 {
text-align:left;
font-size:1.2em;
}



.ttl{
 margin-top:-15px;
margin-bottom:20px;
  padding: 1rem 0;
  border-top: 6px double #777;
  border-bottom: 6px double #777;
text-align:center;
font-size:22px;
}

.pp  {
font-size:16px;
margin-bottom:10px;
}

.pp-box ol {
margin:1em 0 0 1em;

}

.pp-box ol li{
list-style:decimal;
padding:2px 0;
}


.customer_form input.iopt_text {
width: 70% !important;
}

.customer_form input#address1 {
width: 70% !important;
}

.customer_form input#address2 {
width: 70% !important;
}

.customer_form input#address3 {
width: 70% !important;
}

table#table-02 {
  width: 100%;
  border: 1px #E3E3E3 solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5em;
}

table#table-02 th {
  padding: 10px 0 10px 10px;
  border: #E3E3E3 solid;
  border-width: 0 0 1px 1px;
  background: #f8f8f8;
  vertical-align: middle;
  width: 220px;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
  color: #000;
}

table#table-02 td {
  padding: 10px 7px;
  border: #E3E3E3 solid;
  border-width: 0 0 1px 1px;
  font-size: 1em;
  text-align: left;
  background: #fefefe;
}

.g_map {
  position: relative;
  padding-top: 45%;
  height: 0;
  overflow: hidden;
}

.g_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.m-ttl{
  border-bottom: 1px #555 dotted;
   font-size: 16px;
  color: #000;
margin:30px 0 10px;
text-align:left;
}

/* --- お問い合わせフォーム --- */

.text-center  {  
text-align:center;
}

div.wpcf7 {  
background:#FCF7FF;
border-radius:8px ;
 padding:50px 60px 30px; 
margin:0; 
width:100%;
}

div.wpcf7 input{ 
margin-top:0px; border:1px solid #ccc; 
padding:8px;
 }

div.wpcf7 input.textsp{ 
width:100%;
 }

div.wpcf7 input.mailsp{ 
width:100%;
 }


div.wpcf7 input.textsp2{ 
width:30%;
 }

div.wpcf7 input.spam1{ 
position:relative;
	top:2px;
 }



div.wpcf7 textarea { margin-top:0px; border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { 
width:100% !important;
 height:200px !important; 
 }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:180px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#888; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }


div.wpcf7 .bttn  {
 margin:20px auto 30px;
}

table#inquiry  {
 width: 100%;
        border:  none;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0 0 20px;
        font-size:1em;
        line-height: 1.5em; 
}


/*見出し欄*/
#inquiry th{
 text-align:left;

 font-weight:400;
 padding:5px 5px 3px;
 width:25%;

 border:none;
 vertical-align: middle;
}
/*通常欄*/
#inquiry td{
 padding:3px 5px 3px;
 border:none;	
 vertical-align: middle;
}

#inquiry td.f-btn {
 padding:7px 0 3px ;
}

#inquiry td.rc{
 padding:12px 0px 6px;

 border:none;	
 vertical-align: middle;
}



/*横の行とテーブル全体*/
.entry-content #inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:10px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:10px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;

}

.wpcf7-list-item-label{
font-weight:400;
}

input[type="radio"],input[type="checkbox"]{
  position: relative !important;
  top: 0.1em !important;
}

/*送信ボタンのデザイン変更*/
#formbtn{
line-height:1.4;
 display: block;
 padding:10px ;
 width:300px;
 background:#666666;
 color:#fff;
 font-size:16px;
 font-weight:400;	 
 border-radius:2px;
 margin:25px auto 0;
 border:2px solid #666;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#666666;
 border:2px solid #666666;
}

.screen-reader-response , .wpcf7-validation-errors{
 color:#e60012;
 font-size:16px;
}

.red {
color: #E9424A;
}

.prv-tx2{
 margin:-10px 0 30px;
font-size:15px;
text-align:center;
}

.prv-tx2 a{
color:#4285F4;
}

.prv-tx2 a:hover{
color:#E8F0FE;
}
a.lk1 {
color: #6A90A3;
}

a.lk1:hover {
color: #999;
}

.ctf p {
margin-bottom:15px;
}

@media screen and (max-width:480px) {

div.wpcf7 {  
 padding:20px 5px 20px; 
}

div.wpcf7 input.textsp2{ 
width:40%;
 }

#inquiry th , #inquiry td{
width:100%;
display:block;
}

#inquiry th{
margin-top:5px;
margin-bottom:-8px;
}

.prv-tx2 {
text-align:left;
padding-left:10px;
padding-right:10px;
}

}



@media(max-width:1009px) {
.c-body {
  width: 88%;
  margin: 20px 6% 30px;
}
}

@media(max-width:767px) {

.parent-box {
   display: block;
  width: 100%;
  margin: 5px 0;
}
.child-l {
   display: block;
width: 100%;
text-align:center;
font-size:13px;
}
.child-r {
   display: block;
width: 100%;
text-align:center;
font-size:13px;
margin-top:10px;
}

table#table-02 {
  border: none;
}

table#table-02 th {
  border: #E3E3E3 solid;
  border-width: 1px 1px 0 1px;
  text-align: center;
}

table#table-02 td {
 padding: 10px 10px;
  border: #E3E3E3 solid;
  border-width: 1px 1px 0 1px;
  font-size: 1em;
  text-align: left;
  background: #fefefe;
}

 #table-02 th, #table-02 td {
    display: block !important;
    width: 100% !important;
  }
 }

@media(max-width: 480px) {
 .g_map {
    position: relative;
    padding-top: 60%;
    height: 0;
    overflow: hidden;
}
@media(min-width: 481px) {
  br.sp-b {
    display: none;
  }

}