/*
Theme Name: Welcart Basic Child
Description: Welcart Basic Child Theme
Author: Collne Inc
Template: welcart_basic
Version: 1.0.0
*/
h1.site-title img{
width: 65%;
height: auto;
}

img {
	border-style:none;
	vertical-align: top;
}

#main_copy {
	background-color:#096fb1;
	color:#fff;
	text-align:center;
    padding-top: 10px;
    padding-bottom: 10px;
}

footer {
	background-color:#009fde;
	color:#fff;
}

 .txt_center {
    margin:0 auto;
	margin-bottom:40px;
    text-align: center;
}



.site-description {
text-align: left;
background-color: #CEDAF0;
color: black;
}

.tel {
text-align: right;
margin-top: 10px;
font-size: 2em;
}



@media screen and (min-width:980px) {
/*pc用のcssを記述*/

.f-container {
display: inline-flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}

.f-item_container {
width: 30%;
text-align: center;
margin-bottom: 30px;
margin-left: 10px;
margin-right: 10px;

}
.skuquantity {
width: 100px;
}


.br_pc {
    display:block;
}
.br_sp {
    display:none;
}




header {
	margin:0 auto;
	width:100%;
	margin-bottom:40px;
    text-align:left;
    background-color: #CEDAF0;
    padding-top: 10px;
}


section img {
margin-bottom: 30px;
}

#header_nav {
margin: 0 auto;
width: 980px;
	display: flex;
	justify-content:center;
	padding:20px 0px 20px 0px;
}
.logo_pc {
	display:block;
	padding:5px 20px 5px 0px;
}
.logo_sp {
	display:none;
}



.main_title {
 background-color: #218FB9;
 font-size: 35px;
 color: #FFFFFF;
 padding: 40px 20px 30px 20px;
 width: 100%;
 text-align: center;
margin-bottom: 40px;
line-height: 1.3em;
margin-top: 60px;
 }
 
 .main_copy_txt {
 font-size: 30px;
 color: #00498A;
 line-height: 140%;
 }
 
 .copy_box {
 margin-bottom: 50px;
 }
 
  .sec2_copy_box {
  background-image: url("https://www.q-shokuclub.com/wp-content/uploads/2020/06/sec02-img01.jpg");
  background-repeat: no-repeat;
  height: 240px;
  padding-top: 50px;
 }

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  margin-bottom: 30px;
}
.item {
text-align: left;
}
.item01 {
text-align: left;
width: 490px;
}

.container-ziseki {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  margin-bottom: 30px;
}
.item-z{
text-align: left;
}


.sub_title {
font-size: 28px;
color: #00498A;
border-bottom: 1px solid #00498A;
border-top: 1px solid #00498A;
margin-bottom: 20px;
padding: 15px 10px 10px 10px;
text-align: center;
}

.box800 {
margin: 0 auto;
width: 800px;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  margin-bottom: 30px;
  font-size: 12px;
  width: 800px;
  margin: 0 auto;
  
}
.footer-item {
text-align: left;
width: 390px;
margin-bottom: 20px;
}
.footer-item dt {
color: #00498A;
border-bottom: 1px solid #00498A;
margin-bottom: 5px;
}
.footer-item dd {
margin-left: 1em;
text-indent:-1em;
}

.company {
border-bottom: 1px solid #00498A;
border-top: 1px solid #00498A;
padding: 10px 0px;
font-size: 12px;
}

.commodity {
width: 100%;
background-color: #CEDAF0;
height: 300px;
padding-top: 50px;
}



}



@media screen and (max-width:979px) {
/*pc用のcssを記述*/

.f-container {
display: inline-flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}

.f-item_container {
width: 40%;
text-align: center;
margin-bottom: 30px;
margin-left: 10px;
margin-right: 10px;

}
.skuquantity {
width: 100px;
}

.tel {
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
font-size: 1.5em;
}



img {
width:100%;
max-width: 100%;
height: auto;
}

header {
	margin:0 auto;
	width:100%;
	margin-bottom:40px;
    text-align: center;
    background-color: #CEDAF0;
    padding-top: 10px;
}



section img {
margin-bottom: 30px;
}

#header_nav {
margin: 0 auto;
width: 100%;
	display: flex;
	justify-content:center;
	padding:20px 0px 20px 0px;
}
.logo_pc {
	display:none;
	padding:5px 20px 5px 0px;
}
.logo_sp {
	display:block;
    max-width: 300px;
    margin :0 auto;
}

.main_title {
 background-color: #218FB9;
 font-size: 25px;
 color: #FFFFFF;
 padding: 20px 20px 20px 20px;
 width: 100%;
  text-align: center;
margin-bottom: 40px;
line-height: 1.3em;
margin-top: 60px;
 }
 
 .main_copy_txt {
 font-size: 20px;
 color: #00498A;
 line-height: 140%;
 }
 
 .copy_box {
 margin-bottom: 50px;
 }
 
  .sec2_copy_box {
  background-image: url("../../img/sec02-img01.jpg");
  background-repeat: no-repeat;
  height: auto;
  padding: 10px 0px 10px 0px;
  background-size:cover;
  background-position: center center;
  margin-bottom: 20px;
 }

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  margin-bottom: 30px;
}
.item {
text-align: center;
margin: 10px;
}
.item01 {
text-align: left;
width: 490px;
}

.sub_title {
font-size: 20px;
color: #00498A;
border-bottom: 1px solid #00498A;
border-top: 1px solid #00498A;
margin-bottom: 20px;
padding: 15px 10px 10px 10px;
text-align: center;
font-weight: bold;
}

.box800 {
margin: 0 auto;
width: 100%;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  margin-bottom: 30px;
  font-size: 12px;
  width: 100%;
  margin: 0 auto;
  
}
.footer-item {
text-align: left;
width: 100%;
margin-bottom: 20px;
}
.footer-item dt {
color: #00498A;
border-bottom: 1px solid #00498A;
margin-bottom: 5px;
}
.footer-item dd {
margin-left: 1em;
text-indent:-1em;
}

.company {
border-bottom: 1px solid #00498A;
border-top: 1px solid #00498A;
padding: 10px 0px;
font-size: 12px;
}

.commodity {
width: 100%;
background-color: #CEDAF0;
height: 300px;
padding-top: 50px;
font-size: 12px;
}

}


/*商品の並びcss-------------------------------*/
.jyokinda_item_box {
padding: 30px;
background-color: #D3EDFB;
margin-bottom: 50px;
border-radius: 10px;
}
.jyokinda_item_container {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  margin-bottom: 30px;

}
.jyokinda_item_item {
text-align: center;
margin: 10px;
  margin-left: 30px;
  margin-right: 30px;
}

.jyokinda_item_button {
margin-top: 10px;
}


input.kosuu { width: 5em; }



.tbl-r02 th {
  border: solid 1px #ccc;
  text-align: left;
  padding: 10px;
  font-weight: normal;
  background: #fff;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
    background: #E6E6E6;
}

.houkoku {
line-height: 2em;
margin-bottom: 40px;
}

.houkoku_link {
line-height: 160%;
margin-bottom: 40px;
font-size: 1.5em;
}

.entry-title {padding: 20px;
}


.nite {
border: 3px solid #C8161D;
border-radius: 10px;
padding: 40px 20px 0px 20px;
margin: 20px 20px 20px 20px;
text-align: center;
}

.funmu {
border-top: 3px solid #C8161D;
border-bottom: 3px solid #C8161D;
padding: 40px 20px 0px 20px;
margin: 20px 20px 20px 20px;
text-align: center;
}

.nite,.funmu p {
line-height: 2em;
margin-bottom: 20px;
}
.nite_title {
font-size: 30px;
color: #C8161D;
margin-bottom: 20px;
line-height: 140%;
}

.nite_btn {
  display: inline-block;
  font-weight: bold;
  padding: 1em;
  text-decoration: none;
  color: #00498A;
  background: #ECECEC;
  transition: .4s;
  margin-bottom: 20px;
  border-radius: 5px;
}

.nite_btn:hover {
  background: #00498A;
  color: white;
}
.nite_manufa {
color: #EA5504;
}

.nite_btn_manufa {
  display: inline-block;
  font-weight: bold;
  padding: 1em;
  text-decoration: none;
  color: #EA5504;
  background: #FDD66C;
  transition: .4s;
  margin-bottom: 20px;
  border-radius: 5px;
}

.nite_btn:hover {
  background: #EA5504;
  color: white;
}

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

.btn_kotira {
  display: inline-block;
  font-weight: bold;
  padding: 1em;
  text-decoration: none;
  color: #fff;
  background: #009fde;
  transition: .4s;
  margin-bottom: 20px;
  border-radius: 5px;
  text-align: center;
  font-size: 1.2em;
  width: 320px;
}

.btn_kotira:hover {
  background: #00479d;
  color: white;
}

.txt_red {
color: #e60012;
}

#masthead .inner {
display: none;
}

header#masthead.site-header {
padding-top: 0px;
}

label[for="panel"] {
    color:#fff;
    background-color: #000000;
}

.main_seo {
text-align: center;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
line-height: 160%;
font-size: 16px;
}
.main_seocopy {
text-align: center;
margin-bottom: 20px!important;
margin-left: 20px!important;
margin-right: 20px!important;
line-height: 180%!important;
font-size: 16px!important;
}
.no_bottom img {
margin-bottom: 0;
}
.space_b30 {
margin-bottom: 30px!important;
}
.bottom_buy {
padding: 80px 0px 60px 0px;
margin-top: 60px;
width: 100%;
background-color:  #fff5d7;
}

@media screen and (max-width: 480px) {
/*スマホ用のcssを記述*/



.br_pc {
    display:none;
}
.br_sp {
    display:block;
}

header {
margin-bottom: 0px;
}
header#masthead.site-header {
padding-top: 40px;
}

.nite_title {
font-size: 20px;
color: #C8161D;
margin-bottom: 20px;
line-height: 140%;
}

.jyokinda_item_item {
text-align: center;
margin: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.jyokinda_item_item img {
width: 90%;
}
.jyokinda_item_item h2 {
font-size: 12px;
line-height: 130%;
}

.jyokinda_item_box {
padding:10px;
}

.zaikostatus {
font-size: 10px;
}
.price {
font-size: 12px;
}
.container-ziseki {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  margin-bottom: 30px;
}
.item-z{
text-align: left;
margin-left: 10px;
margin-right: 10px;
}
.item-z img{
width: 150px;
}
.sp_img img {
width: 90%;
height: auto;
}
}

@media screen and (min-width: 479px){/*スマホのみ改行無し*/
.br-sp {display: none; }
}