/*
Theme Name: Welcart Basic Child
Description: Welcart Basic Child Theme
Author: Collne Inc
Template: welcart_basic
Version: 1.0.0
*/

body{
	overflow:hidden;
}

header {
    margin-bottom: 1em;
    border-bottom: unset;
}

/*================================
	色変更
=================================*/

.entry-content input[type="submit"],
.item-description input[type="submit"] {
	background-color: #e5c33b;
}
.entry-content input[type="submit"]:hover,
.item-description input[type="submit"]:hover {
	background-color: #e9cb51;
}
.entry-content th, .item-description th{
	background-color:#f7f7f7;
	font-size:.9em;
}
.pagination_wrapper li .current {
    background-color: #dddddd;
	color:#111;
    border: 1px solid #dddddd;
}

/*================================
	幅変更
=================================*/

@media screen and (min-width: 62.5em){
	header .inner,
	#site-navigation ul,
	#main{
		max-width: 1000px;
		width:100%;
	}
	#main.two-column #content {
		max-width: 680px;
		width:100%;
	}
	.two-column #secondary {
		max-width:250px;
		width:100%;
	}
	footer nav{
		width:1120px;
		padding: 1.5em 0 .3em;
	}
}
/*　980px以上　*/
@media screen and (min-width: 980px){
	header .inner{
		padding:0 15px;
	}
	#main{
		padding:0 15px;
	}
}
/*　1180px以上　*/
@media screen and (min-width: 1180px){
	header .inner,
	#site-navigation ul,
	#main{
		max-width: 1120px;
		width:100%;
		padding:0;
	}
	#main.two-column #content {
		max-width: 800px;
		width:100%;
	}
	.two-column #secondary {
		max-width:250px;
		width:100%;
	}
}

/*================================
	フォント・書体関係
=================================*/

body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:500;
	font-size: 16px;
	letter-spacing:0.1em;
}
h1{
}
#site-navigation li{
}
.entry-content p{
}
textarea , input {
	font-weight:normal;
	font-family: unset;
}
#content .page-title,
#content .entry-title,
h1.item_page_title,
h1.cart_page_title{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

/*================================
	h1 h2 h3
=================================*/
h1.entry-title,
h1.page-title,
h1.item_page_title{
    padding: 30px 20px;
    border-bottom: 1px solid #e5b213;
    border-top: 1px solid #e5b213;
    color: #e5b213;
}

/*================================
	ヘッダー
=================================*/
header #site-navigation input#panel.on-off:checked + div.nav-menu-open,
header #site-navigation input#panel.on-off:checked + div.header-nav-container{
	z-index:2;
}
#site-navigation label{
	top:10px;
}
#site-navigation label span:before{
	color: #e5b213;
	font-size:2em;
}
h1.site-title, div.site-title{
	padding:.5em;
}
.site-description{
	display:none;
	width: unset;
	background-color:unset;
	color:#555;
	font-weight:normal;
	font-size: .8em;
	padding: 0.8333em 3.6667em 0.8333em 0.8333em;
}

.search-box div.s-box{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #aaa;
}
.search-box input[type="text"]{
	padding:0 10px;
}

h1.site-title img,
div.site-title img{
	width:unset;
}

.head-top{
	border-bottom: 1px solid #ccc;
}
.head-top-inner{
	display: flex;
	max-width: 1120px;
	margin: 0 auto;
}
.head-bottom{
	border-bottom: 1px solid #ccc;
}
.head-bottom-inner{
	display: flex;
	max-width: 1120px;
	margin: 0 auto;
}

.search-box input[type="text"]:focus {
	outline: none;
}
.head-top .membership{
	display:none;
}
.incart-btn {
   display:none;
}

header #site-navigation input#panel.on-off:checked + div.nav-menu-open,
header #site-navigation input#panel.on-off:checked + div.header-nav-container{
	top:100px;
}

@media screen and (min-width: 62.5em) {
	.site-description{
		display:block;
		padding:16px 0;
		font-size:13px;
		line-height:13px;
	}
	.head-top .membership{
		display:block;
		margin-left: auto;
		padding-top:12px;
	}
	.search-box{
		padding:5px 0 0;
	}
	h1.site-title ,
	div.site-title {
		width:unset;
		float: none;
		margin-right: auto;
		padding: .25em 0 0;
	}
	.head-top .membership ul.cf{
		display: flex;
		font-size:.8em;
	}
	.head-top .membership ul.cf li{
		padding:0 10px;
	}
	.incart-btn{
		display:block;
		height: 100px;
		line-height: 100px;
		margin-top: 0;
	}
	.incart-btn span{
		font-size:14px;
		line-height:20px;
		vertical-align: bottom;
	}
	.incart-btn i {
    	vertical-align: middle;
	}
	.incart-btn a {
		background-color: #e7c760;
		padding: 0 20px;
	}
	.incart-btn a:hover {
		background-color: #d9b447;
	}
	.incart-btn i:before{
		font-size:1.4em;
	}
	.incart-btn .total-quant {
		color: #e3cd41;
		line-height: 20px;
		margin-left: 7px;
	}
}

/*　メニュー　*/
@media screen and (min-width: 62.5em) {
	#site-navigation li a{
		padding:0 15px;
		font-size:.9em;
	}
}
@media screen and (min-width: 65em) {
	#site-navigation li a{
		padding:0 20px;
		font-size:unset;
	}
}
@media screen and (min-width: 62.5em) {
	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-container {
		background-color: #ffffff;
	}
	#site-navigation li{
		height: 100px;
		border-right: 1px solid #ddd;
	}
	#site-navigation li a{
		color: #555;
		height: 100px;
		line-height: 100px;
		vertical-align: middle;
	}
	#site-navigation li a:hover {
		color: #555;
		background-color: #ffffff;
		border-bottom: 1px solid #e7c760;
	}
	#site-navigation li.current_page_item a,
	#site-navigation li.current-menu-parent a{
		background-color: #fff;
		border-bottom: 3px solid #e7c760;
	}
	#site-navigation ul li:first-child {
		border-left: 1px solid #ddd;
	}
	.search-box .searchsubmit {
		color: #6e6e6e;
	}
}

/*================================
	フッター
=================================*/

footer {
	background-color: #f7f7f7;
	color:#000;
}
footer a {
	color: #000;
}
footer nav ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
footer nav li{
	font-size:.8em;
	float:unset;
	padding:0 15px;
	width:50%;
}
.copyright {
	font-size:.7em;
}

@media screen and (min-width: 62.5em) {
	footer {
		background-color: #f7f7f7;
		color:#000;
	}
	footer a {
  	  color: #000;
	}
	footer nav ul{
		display:flex;
		justify-content: center;
	}
	footer nav li{
		font-size:.8em;
		float:unset;
		padding:0 15px;
		width:unset;
	}
	.copyright {
		font-size:.7em;
	}
}


/*================================
	トップページ
=================================*/

.home h2.entry-title{
	display:none;
}
.home h2{
	font-size:1.5em;
	text-align:center;
	border-bottom:none;
	margin:50px 10px 10px;
	color:#e4b111;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.home h2 span{
	font-size:12px;
	display:block;
	color:#777;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

/*　トップページ　スライダー　*/
.home .swiper-slide{
	max-width:900px;
}
.xo-slider .swiper-container {
    overflow: unset;
	width:;
	max-width:800px;
}
.swiper-button-next:after,
.swiper-button-prev:after{
	font-size: 30px!Important;
}
.home .xo-slider .swiper-button-next,
.home .xo-slider .swiper-button-prev{
	color:#555;
}
.home .xo-slider .swiper-pagination-bullet{width: 10px;height: 10px;}
.home .xo-slider .swiper-container-horizontal>.swiper-pagination-bullets{bottom:unset;}
.home .xo-slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 20px 5px 0;}
.home .xo-slider .swiper-pagination-bullet-active { --swiper-theme-color: #555;}
.home .xo-slider .swiper-pagination{height:70px;display:contents;}

/*　商品カテゴリー　*/
ul.item-cat{
	display:flex;
	max-width:1000px;
	margin:20px auto 50px;
}
ul.item-cat li{
	text-align:center;
	list-style:none;
	width:100%;
	border:1px solid #e4b111;
	margin:0 10px;
}
ul.item-cat li a{
	width:100%;
	background-color:#fff;
	display:block;
	color:#e4b111;
	font-weight:bold;
	padding:15px 10px;
}
ul.item-cat li a:hover{
	text-decoration:none;
	color:#e4b111;
	background-color:#fdf8ea;
}
ul.item-cat li span{
	display:block;
	font-size:13px;
}

/*　商品タグ　*/
ul.item-tag{
	display:flex;
	justify-content: center;
    flex-wrap: wrap;
}
ul.item-tag li{
	list-style:none;
	margin:5px 10px;
}
ul.item-tag li a{
	display:block;
	border:1px solid #ddd;
	padding:8px 20px;
}
ul.item-tag li a:hover{
	text-decoration:none;
	background-color:#eeeeee;
}
@media (max-width: 800px){
	ul.item-tag li{
		font-size:.85em;
	}
}
/*　トップページ　お知らせ　*/
#wpsp-484 {
	background-color:#efefef;
	padding:50px 0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
#wpsp-484 a{
	color:#111;
}
#wpsp-484:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child){
	margin-bottom:10px;
}
#wpsp-484 .wp-show-posts-inner{
	max-width:900px;
	margin:0 auto;
	width:100%;
	background-color:#fefefe;
	padding:20px 40px;
}
#wpsp-484 .wp-show-posts-entry-title{
	font-weight:bold;
	margin-right:20px;
}
#wpsp-484 header{
	margin:0 0 5px 0;
	display:flex;
}
#wpsp-484 .wp-show-posts-entry-summary{
	font-size:.9em;
}
@media (max-width: 960px){
	#wpsp-484 {
		padding:30px;
	}
}

/*　トップページ　商品リスト　*/
#wpsp-450 .wp-show-posts-image img{
	border:1px solid #eee;
}
#wpsp-450 .wp-show-posts-terms a{
	background-color:#bbd7dd;
	color:#fff;
	padding:1px 5px;
	border-radius:3px;
}
@media (min-width: 200px){
	#wpsp-450 .wpsp-col-20 {
		width: 45%;
		margin:0 2%;
	}
	.wp-show-posts-columns:not(.wp-show-posts-masonry){
		justify-content:center;
	}
}
@media (min-width: 768px){
	#wpsp-450 .wpsp-col-20 {
		width: 20%;
	}
}

/*　トップページ　Facebook　*/

.home-fb{
	background-color:#c5dce5;
	text-align:center;
	padding:30px 0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

#secondary .home-bottom-left section{
	margin-bottom:0;
}
#secondary .home-bottom-left section p{
	margin-bottom:15px;
}
@media screen and (min-width: 62.5em) {
	.home #secondary{
		display:flex;
		border-top:none;
	}
	.home-bottom-left{
		width:50%;
	}
	.home-bottom-right{
		width:45%;
		margin-left:auto;
	}

}

/*================================
	トップページ以外
=================================*/

/*　お問い合わせフォーム　*/
input[type="text"],
input[type="email"],
input[type="tel"] ,
textarea{
	letter-spacing:0.07em;
	font-size:.95em;
}
.contact th{
	width:25%;
	vertical-align:middle;
	background-color:#f7f7f7;
}
.contact .req{
	color:#fff;
	background-color:#df0000;
	padding:2px 3px;
	font-size:.65em;
	margin-left:3px;
}
.contact textarea{
	width:100%;
	max-width:590px;
	min-height:200px;
	padding: .5714285em;
}
.contact input[type="submit"] {
	display:block;
	margin:0 auto;
}

@media screen and (max-width: 800px){
	.contact th ,
	.contact td{
		display:inline-block;
		width:100%;
		text-align:left;
	}
	.contact input[type="text"],
	.contact input[type="email"],
	.contact input[type="tel"]{
		width:100%;
	}
	.contact input[type="submit"] {
		width:100%;
	}
	.contact table{
		border:none;
	}
	.contact td {
		border-top: none;
		border-bottom: none;
	}
}




/*================================
	ヴィジェット
=================================*/

#secondary h3{
    padding: 0.4em 0.4em 0.3em;
    border-bottom: 1px solid #6e6e6e;
    border-top: 1px solid #6e6e6e;
	color:#565555;
}

.two-column.right-set #secondary{
	font-size:14px;
}
#secondary section{
	padding:0;
}
.widget_welcart_login input#member_loginw,
.widget_welcart_login input#member_login {
	background-color: #ffffff;
	color:#111;
	border:1px solid #ddd;
	width:100%;
	padding:7px 7px;
	margin-top:10px;
}
.widget_welcart_login input#member_loginw:hover,
.widget_welcart_login input#member_login:hover {
	background-color: #eee;
	border:1px solid #eee;
}

.loginbox a{
	font-size:.85em;
}

/*　営業日カレンダー　*/
.widget_welcart_calendar th {
    color: #000;
    background-color: #f7f7f7;
    text-align: center;
    font-weight: bold;
    font-size: .8em;
}
.widget_welcart_calendar td{
	font-size:.9em;
	padding:6px 3px;
}
.widget_welcart_calendar .businessday {
    color: #262626;
    background-color: #ddd;
}
.widget_welcart_calendar caption{
	font-size:.9em;
}
@media screen and (max-width: 500px){
	.widget_welcart_calendar table{
		width:100%;
	}
}

@media screen and (max-width: 1000px){
	#secondary section{margin:0 5%;}
}

/*================================
	Welcart関係
=================================*/
/*　商品一覧　*/
.cat-il.type-grid .itemname {
    height: 63px;
	font-size:12px;
	line-height:20px;
}