/*
Theme Name:		Welcart Basic Child
Description:	Welcart Carina is child theme for Welcart Basic.
Author:			Collne.Inc
Author URI:		http://www.collne.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
*/

@media screen and (min-width: 62.5em){
#itempage #img-box {
	width: 44%;
	height: auto;
}
.MT10-pc{	margin-top: 10px; }
}

.bg--beige{
	background: #faf9f7;
}
.bg--att{
	background: #fff0d1;
	padding: 3%;
}
.item_point .point_no {
	font-size: 150%;
    margin-bottom: 0.6em;
    border: 1px solid;
    display: inline-block;
    padding: 5px 20px;
}

.wp-container-16 {
    display: flex;
    gap: 2em;
    flex-wrap: nowrap;
    align-items: center;
}
.wp-container-20 {
    display: flex;
    gap: 2em;
    flex-wrap: nowrap;
    align-items: center;
}
h1.site-title, div.site-title {
	padding: 10px 0 0;
}

h1.site-title img, div.site-title img {
    width: 33%;
    height: auto;
}

h3.point_midashi {
    border: none;
    margin-bottom: 0.4em;
    color: #574e44;
    font-size: 24px;
}

/* =category.php
	-------------------------------------------------------------- */
	/* -- .cat-il.type-grid -- */
	.cat-il.type-grid article.col3 {
		width: 30%;
		margin-right: 3%;
	}
	.cat-il.type-grid article.col3:nth-of-type(3n) {
		margin-right: 0;
	}

.MT10{	margin-top: 10px; }
.MT20{	margin-top: 20px; }
.MT30{	margin-top: 30px; }
.MT40{	margin-top: 40px; }
.MT50{	margin-top: 50px; }
.MT100{	margin-top: 100px;}
.MB10{	margin-bottom: 10px; }
.MB20{	margin-bottom: 20px; }
.MB30{	margin-bottom: 30px; }
.MB40{	margin-bottom: 40px; }
.MB50{	margin-bottom: 50px; }

.cat-il.type-grid .itemname {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 0.2em;
	height: auto;
}

.cat-il.type-grid .itemprice {
    font-size: 20px;
    color: #ac4743;
	font-weight: normal;
	text-align: left;
}

#main .flex-box {
    display: flex;
    margin-bottom: 1.75em;
    box-sizing: border-box;
    flex-wrap: wrap!important;
    align-items: normal!important;
}

#main .flex-box .col--4{
	width: 30%;
	margin: 0 1.666%;
}

@media screen and (max-width: 600px){
#main .flex-box .col--4{
	width: 90%;
	margin: 0 auto 20px;
	}
h1.site-title, div.site-title {
    text-align: left;
	padding-left: 10px;
    width: 35%;
}
h1.site-title img, div.site-title img {
    width: 100%;
    height: auto;
}
#site-navigation label span:before {
	content: "\f0c9";
    color: #ac4743;
}
.snav {
    margin-right: 3em;
}
#site-navigation label {
    margin: 10px 0 0;
}
}

#main .flex-box .midashi{
	font-size: 15px;
	border-bottom: 1px solid #eaeaea;
	padding: 0 0 5px;
	margin: 0 0 10px;
}

.bo--top{border-top: 1px solid #eaeaea; padding: 40px 0 0;}



/*--blog--*/

.contents{
	color: rgb(32, 32, 32);
	background-color: rgba(206, 97, 111, 0.2);
	padding: 1em 2em 1em 2em;
	display: inline-block;
}

.li-unset{
	list-style-type: unset;
}

.contents_list{
	padding: 0 2em 0 2em;
	font-size: 16px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.contents_list p{
	margin-top: 0  !important; /*上部の余白を消した*/
	font-weight: bold;
	font-size: 20px;
}

/*見出し２*/
h2.title {
	padding: 1em 2em 1em 1em;
	border-left: 5px solid #CE616F;
	border-bottom: none !important;
	background: #f8f8f8c4;
	font-size: 18px;
}

/*見出し3*/
.subtitle{
	padding-left: 10px !important;
	border-left: 6px double  #CE616F !important;
}