/*
Theme Name: shopping_toyochu
Description: shopping_toyochu Theme
Author: Collne Inc
Template: welcart_basic
Version: 1.0.0
*/

/* reset */
body{
	font-family: 'Helvetica', 'Arial', 'Hiragino Sans W4', 'Meiryo', sans-serif;
	font-weight: 500;
	font-size: 15px;
}
a:hover{
	text-decoration: none;
}
a:focus,
*:focus{
	outline:none;
}
.search-li .itemimg img{
	height: 200px;
	object-fit: contain;
}

/* responsive SP */
/* header */
header{
	margin-bottom: 16px;
}
.home #secondary{
	border-top: none;
}
.site-logo-pc{
	display: none;
}
.site-logo-sp{
	margin-right: 0;
}
h1.site-title, div.site-title {
	display: block;
    padding: 16px;
}
h1.site-title img, div.site-title img {
    width: 80px;
}
h1.site-title span, div.site-title span{
	font-size: 11px;
	text-align: left;
	line-height: 1.5;
	margin-left: 16px;
	margin-top: 10px;
}
h1.site-title span br, div.site-title span br{
	display: block;
}
h1.site-title, div.site-title{
    display: flex;
    align-items: center;
    flex-direction: column;
}
h1.site-title a, div.site-title a {
	display: flex;
	align-items: center;
	flex-direction: row;
}
h1.site-title a img, div.site-title a img{
	display: block;
}
.site-description {
    background: #6d4a21;
}
.snav{
	display: flex;
}
.search-box{
	display: block;
}
.search-box.On form {
    z-index: 100;
}

/* nav */
#site-navigation li a{
	font-size: 20px;
}
#site-navigation ul ul li a{
	font-size: 18px;
}
.sub-menu .menu-item a p span{
	display: block;
	font-size: 12px;
}

/* main */
.breadcrumbs{
	margin-bottom: 16px;
}
.entry-content p, .item-description p{
	margin-bottom: 0;
	line-height: 1.6em;
}
.widgettitle{
	font-size: 16px;
	margin-bottom: 16px;
}
#secondary .columnright .widget_block{
	margin-bottom: 64px;
}
.home #secondary h2 {
	margin-bottom: 1.07143em;
	padding-bottom: .357143em;
	border-bottom: 3px solid #eee;
}
.widget.usces_recent_entries ul{
	margin-bottom: 16px;
}

.home .itemimg{
	width: 100%;
	height: 100%;
	padding-bottom: 8px;
}
.home .top-product .itemimg {
    height: 180px;
}
.home .itemimg img,
.home .widget_welcart_bestseller .itemimg a img{
    width: 100%;
    height: 100%;
	object-fit: contain;
}
.home .itemprice{
	color: #333;
	font-weight: bold;
}
.top-product {
    padding: 8px 16px;
}
#secondary .wp-block-group .wp-block-group__inner-container {
    display: block;
}

/* smart slider */
.n2-section-smartslider{
	width:  100%;
}

/* post */
.entry-meta .date:before,
.entry-meta .cat:before,
.entry-meta .tag:before,
.entry-meta .author:before{
	display: none;
}
.comments-area {
    border-top: none;
}

/* button */
.wp-block-button__link{
	background: #6d4a21;
	transition: all .3s;
}
.wp-block-button__link:hover{
	background: #0d8200;
}

/* to top btn */
#toTop{
	right: 5%;
	bottom: 5%;
}
#toTop a{
	background: #333;
	color: #fff;
	text-align: center;
	padding: 12px;
	opacity: .6;
}

/* item */
.cat-il.type-grid .itemimg a{
	width: 100%;
	height: 200px;
}
.cat-il.type-grid .itemimg a img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#itempage .itemimg a {
    width: 100%;
    height: 320px;
}
#itempage .itemimg a img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: no-repeat center center / contain;
}
.object_fit_img {
	object-fit: cover;
	font-family: 'object-fit: contain;'
}


/* table */
.entry-content td, .item-description td{
	vertical-align: middle;
}

/* footer */
footer{
	background: #6d4a21;
}

@media screen and (min-width: 38.75em){
	.site-logo-sp{
		display: inline-block;
		margin-right: 24px;
		margin-bottom: 8px;
	}
	h1.site-title span, div.site-title span{
		display: inline-block;
		font-size: 24px;
	}
	h1.site-title img, div.site-title img{
		width: 100px;
	}
	.snav {
	    padding-top: 1.07143em;
	}
	h1.site-title span br, div.site-title span br{
		display: none;
	}
	.home .top-product{
		width: 33.3%;
		height: 100%;
		margin-bottom: 32px;
	}
}

@media screen and (min-width: 62.5em){
	/* header */
	.site-title-wrap{
		display: flex;
	    align-items: flex-end;
		width: 75%;
	}
	header .inner{
		display: flex;
		width: 1024px;
		padding: 0 8px;
		padding-bottom: 8px;
	}
	header #site-navigation input#panel.on-off + div.nav-menu-open, header #site-navigation input#panel.on-off:checked + div.nav-menu-open, header #site-navigation input#panel.on-off + div.header-nav-containe{
		/* ナビメニューの色 */
		background: #6d4a21;
	}
	.site-logo-pc{
		display: block;
		width: 150px;
		padding: 0.5em 0;
	}
	.site-logo-pc img{
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	.site-title-text{
		margin-left: 24px;
	}
	h1.site-title, div.site-title{
		width: auto;
		padding: 0;
	}
	h1.site-title a img, div.site-title a img{
		display: none;
	}
	h1.site-title span, div.site-title span{
		font-size: 24px;
		margin-left: 0;
		margin-top: 0;
	}
	.site-description{
		width: auto;
		background: transparent;
		float: none;
		padding: 1.25em 0 0 1em;
	}
	.snav {
		overflow: hidden;
		width: 25%;
	}
	.search-box{
		display: none;
	}
	.home #secondary h2 {
		margin-bottom: 1.07143em;
		padding-bottom: .357143em;
		border-bottom: 3px solid #eee;
		font-size: 18px;
		font-weight: 700;
	}
	#secondary .wp-block-group .wp-block-group__inner-container {
	    display: flex;
	    flex-wrap: wrap;
	}
	/*
	#site-navigation ul{
		width: 1100px;
		box-sizing: content-box;
	}
	#site-navigation li.current_page_item a, #site-navigation li.current-menu-parent a{
		background: #6d4a21;
	}
	#site-navigation ul li:first-child{
		border-left: none;
	}
	#site-navigation li{
		border-right: none;
	}
	#site-navigation li a{
		width: calc(1100px / 5);
		height: 90px;
		border: 1px solid #fff;
		border-bottom: none;
		box-sizing: border-box;
		font-size: 16px;
		text-align: center;
		padding: 1.2em 0;
	}
	#site-navigation li a:hover{
		background: #0d8200;
	}
	#site-navigation ul ul{
		top: 50px;
		box-sizing: border-box;
	}
	#site-navigation ul ul li a{
		padding: 16px 24px;
	}


/* サブメニュー */
	#site-navigation ul {
	    position: relative;
	    width: 100%;
	    /*height: 50px;*/
	    max-width: 1000px;
	    margin: 0 auto;
	}
	#site-navigation li{
		position: static;
		border-right: none;
	}
	#site-navigation ul li:first-child{
		border-left: none;
	}

	#site-navigation ul > li {
	    float: left;
	    width: 25%; /* グローバルナビ4つの場合 */
	    /*background: rgb(29, 33, 19);*/
	}

	#site-navigation li a{
		font-size: 18px ;
		padding: 0;
		height: 50px;
	    line-height: 50px;
	    text-align: center;
	}

	#site-navigation > li a {
	    display: block;
	    color: #fff;
	}

	#site-navigation li a:hover,
	#site-navigation li a:focus {
		background: #0d8200;
	    color: #fff;
	}
	#site-navigation li.current_page_item a, #site-navigation li.current-menu-parent a{
		background: #0d8200;
	    color: #fff;
	}

	#site-navigation ul ul.sub-menu {
	    visibility: hidden;
	    opacity: 0;
	    z-index: 1;

	    left: unset;
	    width: auto;
	    float: none;
	    z-index: 999;
	}

	ul.menu__third-level {
	    visibility: hidden;
	    opacity: 0;
	}

	ul.menu__fourth-level {
	    visibility: hidden;
	    opacity: 0;
	}

	#site-navigation * {
	    -webkit-transition: unset;
	    -moz-transition: unset;
	    -ms-transition: unset;
	    -o-transition: unset;
	     transition: unset;
	}

	#site-navigation ul ul li {
	    border-top: 1px solid #111;
	}

	.menu__third-level li {
	    border-top: 1px solid #111;
	}
	#site-navigation li li a{
		position: relative;
	}
	#site-navigation li li a,
	#site-navigation li li:first-child a {
		color: #fff;
    	border: none;
	}
	#site-navigation li li a:after {
	    content: "";
	    position: absolute;
	    background: #0d8200;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    opacity: .7;
	}
	#site-navigation ul ul li{
		background-image: url(images/header-bg.png);
		background-repeat: no-repeat;
		background-position: top right;
	}

	#site-navigation ul ul li a{
		padding: 16px;
		height: 100%;
		background:#0d8200;
		background-image: url(images/header-bg.png);
		background-repeat: no-repeat;
		background-position: top right;
		color: #fff;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-size: 22px;
		display: flex;
    	flex-direction: column-reverse;
    	text-align: left;
	}

	#site-navigation ul ul li a p{
		transform: rotate(0.05deg);
		z-index: 10;
	}

	#site-navigation ul ul li a span{
		display: block;
		font-size: 15px;
	}

	#site-navigation ul ul li a:hover {
		color: #fff;
		/*opacity: .7;*/
		background-image: url(images/header-bg.png);
		background-repeat: no-repeat;
		background-position: top right;
	}

	.menu__third-level li a:hover {
	    background: #2a1f1f;
	}

	.menu__fourth-level li a:hover {
	    background: #1d0f0f;
	}

	/* 下矢印 */
	.init-bottom:after {
	    content: '';
	    display: inline-block;
	    width: 6px;
	    height: 6px;
	    margin: 0 0 0 15px;
	    border-right: 1px solid #fff;
	    border-bottom: 1px solid #fff;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	/* floatクリア */
	#site-navigation ul:before,
	#site-navigation ul:after {
	    content: " ";
	    display: table;
	}

	#site-navigation ul:after {
	    clear: both;
	}

	#site-navigation ul {
	    *zoom: 1;
	}
	#site-navigation li.current_page_item li a, #site-navigation li.current-menu-parent li a{
		background: #0d8200;
		background-image: url(images/header-bg.png);
	}



	.menu-item ul.sub-menu {
	    position: absolute;
	    top: 40px;
	    left: 0;
	    box-sizing: border-box;
	    width: 100%;
	    padding: 20px 2%;
	    background-color: #072A24;
	    -webkit-transition: background-color .2s ease;
	    transition: background-color .2s ease;
	}

	#site-navigation ul li:hover ul,
	#site-navigation ul ul.sub-menu.focused {
	    top: 50px;
	    visibility: visible;
	    opacity: 1;
	}

	#site-navigation ul li ul > li {
	    float: left;
	    width: calc(100% / 3 - 8px);
    	margin: 4px;
	    height: 120px;
	    border: none;
	}

	#site-navigation ul li ul > li:nth-child(3n+2) {
	    /*margin: 0 1%;*/
	}
	#site-navigation ul ul :hover > a {
		background: none;
    	background-color: #0d8200;
    	opacity: .7;
	}

	.main-image{
		width: 100%;
		margin-bottom: 48px;
	}

	/* main */
	.one-column #secondary{
		display: flex;
		padding: 0;
	}
	.one-column #secondary > *{
		margin-bottom: 32px;
	}
	.one-column #secondary .columnright{
		width: 28%;
		margin-right: 0;
		float: none;
		margin-left: 24px;
	}
	.one-column #secondary .columnleft{
		width: 0;
		margin-right: 0;
	}
	.one-column #secondary .columncenter{
		width: 72%;
	}
	.one-column #secondary .columncenter ul{
		display: flex;
		flex-wrap: wrap;
	}
	.home #secondary h3{
		font-size: 18px;
	}
	.home .widget_welcart_bestseller li{
		width: 30%;
		border-bottom: none;
		margin-right: 3%;
	}
	.home .widget_welcart_bestseller .itemimg{
		width: 100% !important;
		height: auto;
		float: none;
	}
	.home .itemimg{
		width: 200px;
		height: 200px;
		padding-bottom: 8px;
	}
	.home .itemimg img,
	.home .widget_welcart_bestseller .itemimg a img{
	    width: 100%;
	    height: 100%;
		object-fit: contain;
	}
	.home .itemname{
		width: 90%;
		font-weight: normal;
		margin: 0 auto;
	}
	.home .itemprice{
		width: 90%;
		font-size: 18px;
		margin: 0 auto;
		text-align: left;
		margin-top: 8px;
		font-weight: bold;
	}
}

@media (max-width: 599px){
	#secondary .wp-block-group .wp-block-group__inner-container .top-product{
	    width: 50%;
	    height: 50%;
	}
}