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


/* =Reset
-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif !important;
	/*mac*/
	font-family: "游明朝体", YuMincho,'Hiragino Mincho Pro',serif !important;
	font-style: normal;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

html {
	overflow-y: scroll;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height:100%;
	overflow-x:hidden;
}

a:focus {
	outline: thin dotted;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

small {
	font-size: smaller;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

/* -- clearfix -- */
.cf:before,
.cf:after {
	display: table;
	content: " ";
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}


/* =Base
-------------------------------------------------------------- */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	color: #262626;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
	margin: 0;
	padding: 0;
	line-height: 150%;
	background-color: #fff;
	word-wrap: break-word;
	display: flex;
    flex-direction: column;
    height: 100%;
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #262626;
	text-decoration: underline;
}

/* -- ul,li -- */
ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* -- p -- */
p {
	margin: 0;
	padding: 0;
}

/* -- em -- */
em {
	color: #999;
	font-size: .8em;
	font-weight: normal;
	font-style: normal;
}

/* -- text -- */
.textleft,
div.textleft {
	text-align: left;
}

.textright,
div.textright {
	text-align: right;
}

.textcenter,
div.textcenter {
	text-align: center;
}

/* -- float -- */
.alignleft,
div.alignleft {
	margin: 0;
	padding: 0 10px 10px 0;
	float: left;
}

.alignright,
div.alignright {
	margin: 0;
	padding: 10px 0 0 10px;
	float: right;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.error_message {
	color: #ff0000;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: .384615em;
}

.wp-caption {
	margin: 10px 0;
	padding-top: 4px;
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p {
	font-size: 11px;
	margin: 0;
	padding: 0 4px 5px;
	line-height: 17px;
}

/* -- input,select,textarea -- */
input,
select,
textarea {
	font-size: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

select {
	max-width: 100%;
	padding: .5714285em 2.14286em .5714285em .5714285em;
	background: url(images/select-arrow.gif) center right 10px no-repeat;
	border: 1px solid #bbb;
}

textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #bbb;
}


input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] {
	padding: .5714285em;
	border: 1px solid #bbb;
	width:100%;
	max-width:500px;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	padding: .714288em 1.42857em;
	background-color: #efefef;
	border: none;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	background-color: #ddd;
	cursor: pointer;
}

input[type="checkbox"] {
	border: 1px solid #ccc;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}

input[type="radio"] {
	border: 1px solid #bbb;
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}

input[type="file"] {
	border: none;
}

/* -- Campaign-Tag -- */
.campaign_message {
	font-size: 12px;
	font-weight: bold;
	color: #d3222a;
	margin-top: 5px;
	background-color: #efefef;
	text-align: center;
}

/* - item-single.php - */
#itempage .campaign_message {
	font-size: 14px;
	margin: 0 0 15px;
	background: none;
	letter-spacing: .5px;
}

/* １カラム内側 */

.page-inner{
	width:96%;
	margin-left:auto;
	margin-right:auto;
	max-width:1000px;
}

/* =header
-------------------------------------------------------------- */
/*
header {
	z-index:20;
}*/
@media screen and (max-width: 1200px) {
header {
    border-bottom: 3px solid #efefef;
    /*background-color: #004ea1;
    border-bottom: solid 2px #565656;*/
    background-image: none;
   		background-image:url(images/nami.png),url(images/sakana.png);
    background-repeat: no-repeat;
    background-size: 300px,400px;
    background-position: left bottom,right 30px;
    background-color: #ffffff;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: darken;
  /*  position: sticky;
    top: 0;*/
	}
}

@media screen and (max-width: 425px) {
header {
    border-bottom: 3px solid #efefef;
    background-image: none;
   	background-image:url(images/nami.png);
    background-repeat: space;
    background-size: 250px;
    background-position: left bottom;
    background-color: #ffffff;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: darken;
    position: sticky;
    top: 0;
	z-index:1;
	}
}
@media screen and (max-width: 1200px) {
header .inner {
		width: 1000px;
		margin: 0 auto;
		padding-bottom: 0;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		box-sizing: border-box;
	    background-color: rgba(255,255,255,0.8);
	}
}

@media screen and (max-width: 800px) {
header .inner {
		background-image:none;
	}
}

@media screen and (max-width: 800px) {
header .inner{
	background-image:none;
	display: grid;
    grid-template-columns: repeat(12,1fr);
	}
}

header.page-header {
	background-color: #ffffff;
    background-image: none;
}

header.entry-header h1{
	margin-top:1em;
}


/* -- .headblock -- */
header .headblock {}

/* -- .site-description -- */
.site-description {
	min-height: 0;
	color: #333333;
	font-size: 1em;
	font-weight: bold;
	padding: 1rem 0.5rem 1rem 4rem;
	background:#cccccc;
	overflow: hidden;
	text-align:center;
}
@media screen and (max-width: 62.4999em){
.site-description{
	display:none;
}
}
/* anime */
/* fadeUp */

/* rotateX */
.rotateX{
	animation-name:rotateXAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

@keyframes rotateXAnime{
	from{
		transform: rotateX(0);
		opacity: 0;
		}
	to{
		transform: rotateX(-360deg);
		opacity: 1;
		}
}

/* swiper */

.swiper-wrapper{
	z-index:0!important;
}

.swiper-button-next, .swiper-button-prev{
	z-index:0;
	transform:translateY(-50%);
}

.swiper-pagination {
  text-align: center;
	bottom:auto!important;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 0;
}

.swiper-button-next,
.swiper-button-prev {
    --swiper-navigation-color: #fff;
	--swiper-navigation-size:above;
}

.front-il-over.widg1 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.ranking-over .swiper-button-next{
	right:30px!important;
	left:auto;
}

.ranking-over .swiper-button-prev{
	left:30px!important;
	right:auto;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 7rem;
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    filter: drop-shadow(-1px 0px 4px rgba(0,0,0,0.6));
}

/* -- .snav -- */

.snav {
text-align:center;
	width: 100%;
	float: none;
	padding-top: 0;
	margin:10px auto 0 auto;
	grid-column:6/13;
	grid-row: 1/3;
	display: grid;
	grid-template-columns:repeat(12,1fr);
	grid-template-rows: 50% 50%;
}

.snav i {
	font-size: 1.6em;
	padding:0.8em;
	color:#000000;
}

.incart-btn span {
	display: none;
}

.snav ul li i {
	color: #131313;
}

.incart-btn a {
	position: relative;
}

.incart-btn .total-quant {
	display: inline-block;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	min-width: 20px;
	max-width: 30px;
	height: 20px;
	color: #fff;
	background-color: #ea746b;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	vertical-align: text-bottom;
}

.snav .membership {
/*	float: left;*/
float:none;
}

.snav .membership a {
	display: block;
border:solid 1px #333;
}

.snav .membership ul {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	padding: 1.4286em .714286em .714286em;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color:#efefef;
	z-index: 10;
}

.snav .membership.On ul {
	display: block;
}

.snav .membership li {
	float: none;
	background: none;
	border-bottom: 1px solid #e0e0e0;
	margin: 0 0 1.07143em 0;
	padding-bottom: .357143em;
}

.snav .membership li:first-child {
	margin-left: 0;
}

.snav .membership li:last-child {
	margin-bottom: 0;
	border: none;
}

/* -- .incart-btn -- */
@media screen and (max-width: 999px){
.snav .headpage{
	position:absolute;
	top:3.2rem;
	left:0;
	width:100%;
	background-color:#000000;

}

.snav .headpage ul{
	/*
	display: flex;
	justify-content:center;
	*/
	display:none;
}

.snav .headpage ul li a{
	display: block;
	padding:8px 20px 8px 5px;
	color:#ffffff;
}

}

/* -- .incart-btn -- */

.incart-btn {
	/*float: left;*/
	float:none;
	
}

.incart-btn a {
	display: block;
	color: #262626;
}

/* -- .search-box -- */

.search-box {
	/*float: left;*/
	float:none;
}

.snav .search-box i {
	font-size: 1.7em;
	padding: 0.8em 1em;
	color:#565656;
}

.search-box form {
	display: none;
}

.search-box.On form {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 1.4286em .714286em 1.4286em .714286em;
	background-color: #cfcfcf;
	z-index:10;
}

.search-box div.s-box {
	display: block;
	position: relative;
	width: 100%;
	border: none;
	float: left;
	text-align: center;
}

.search-box input[type="text"] {
	width: 100%;
border: none;
}

.search-box .searchsubmit {
	color: #aaa;
	font-size: 1.14286em;
	font-family: FontAwesome;
	position: absolute;
	right: 0;
	top: 0;
	padding: .3124995em;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.search-box .searchsubmit:hover {
	background: none;
}

	/* pankuzu */

	.bcn-d {
		padding: 20px 0 20px 0;
	}
	
	.bcn-d a{
		padding:5px;
	}
	
	
/* -- .site-title -- */

h1.site-title,
div.site-title {
	clear: none;
	font-weight: bold;
	line-height: 1em;
	font-size: 1.9em;
	width: auto;
	margin: 0;
	padding: 30px 0 0 0;
	float: none;
/*	text-align: center;*/
	margin:0 auto 0 0;
}

@media screen and (max-width: 62.499em) {
h1.site-title,
div.site-title {
	margin-top:0;
	padding-top:0.2em;
	margin-bottom:0;
	font-size:2.2em;
}
}

@media screen and (max-width: 460px) {
h1.site-title,
div.site-title {
	padding-top:0.1em;
	font-size:1.8em;
}
}

h1.site-title a,
div.site-title a {
	font-weight: bold;
	font-family: "Sawarabi Mincho";
	text-decoration:none;
	font-size:0.9em;
	letter-spacing: 2px;
	color:#000000;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:60px;
	margin-top:1.2rem;
	margin-bottom:0.7rem;
	background-image:url(images/logomark.svg);
	background-repeat:no-repeat;
	background-position:left top;
	background-size: contain;
}


@media screen and (max-width: 62.499em) {
h1.site-title a,
div.site-title a {
	font-size:0.6em;
	padding-left:2em;
}
}

@media screen and (max-width: 360px) {
h1.site-title a,
div.site-title a {
	font-size:0.5em;
	padding-left:1.9em;
}
}

h1.site-title img,
div.site-title img {
	width: 230px;
	height: auto;
	margin-top: 3px;
	margin-bottom: 8px;
}

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

	h1.site-title img,
	div.site-title img {
		width: 210px;
		height: auto;
		margin-top: 3px;
		margin-bottom: 8px;
	}
}

@media screen and (max-width: 360px) {
	h1.site-title img,
	div.site-title img {
		width: 150%;
		height: auto;
		margin-top: 3px;
		margin-bottom: 8px;
	}
}

/**/
@media screen and (min-width: 62.5em) {
h1.item_page_title {
    padding: 2.1em 0 1.8em 0!important;
}
}

/* -- #site-navigation -- */
header div.nav-menu-open,
header div.header-nav-container {
	display: none;
}

#site-navigation {
	clear: both;
	padding: 0 1.07143em;
	position:relative;
}

#site-navigation li a {
	display: block;
	margin-bottom: 1.07143em;
	padding-bottom: .357143em;
	padding-top: .357143em;
	border-bottom: none;
	text-align:center;
	font-size:1.2em;
	color:#ffffff;
}

#site-navigation li li {
	margin-left: 1em;
}

/*　Toggle Menu　*/
#site-navigation label,
#site-navigation input[type="checkbox"].on-off {
	display: none;
}

#site-navigation label {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	width: auto;
	padding: 0 ;
	text-align: right;
	z-index: 100;
}

#site-navigation label span {
	/*
	display: block;
	padding: 8px 8px 8px 8px;
	background-color:#c62323;*/
	display:none;
}

#site-navigation label span:before {
	content: "\f0ca";
	display: block;
	color: #fff;
	font-family: FontAwesome;
	/*font-size: 1.5714em;*/
	font-size: 2em;
	padding:10px;
	vertical-align: text-bottom;
}

header #site-navigation input#panel.on-off + div.nav-menu-open,
header #site-navigation input#panel.on-off + div.header-nav-container {
/*	display: block;
	height: 0;
	overflow: hidden;
*/
 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 {
/*	position: absolute;
	top:-140px;
	left: 0;
	width: 100%;
	height: auto;
	background-color: #c62323;
	z-index: 999;
		-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	*/
	display:none;
}

#site-navigation ul {
	padding: 1.4286em .714286em .714286em;
}

#site-navigation ul ul {
	padding: 0;
}

/* =secondary
-------------------------------------------------------------- */
#secondary {
	padding: 2.14289em 0;
	border-top: 5px solid #eee;
}

#secondary h3 {
	margin-bottom: 1.07143em;
	padding-bottom: .357143em;
	border-bottom: none;
}

#secondary h3.widget_title {
	width: 100%;
    position: relative;
    padding: 1.5rem 1rem 1.5rem 4.2rem;
	color:#707070;
}

#secondary h3.widget_title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #666, #666 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #666, #666 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#secondary h3.widget_title:before {
    position: absolute;
    width: 26px;
    height: 26px;
	top:35%;
	left:0.5em;
    content: '';
	display:block;
    background-image: url(images/topcate-before.svg);
    background-size: contain;
    background-repeat: no-repeat;
}


#secondary .widget_title > img {
	width: 20px;
	height: 20px;
	margin-right: .714286em;
	vertical-align: top;

}

#secondary section {
	margin-bottom: 2.14286em;
	padding: 0 .714286em;
}

#secondary .columnleft section:last-child,
#secondary .columncenter section:last-child {
	margin-bottom: 2.14286em;
}

#secondary section:last-child {
	margin-bottom: 0;
}
body.home #secondary .widget_title > img {
	display:none;
}
body.home #secondary h3.widget_title {
	width: 100%;
	position: relative;
	font-size:1.5em;
  	padding: 1.75rem 1rem;
	text-indent:50px;
	text-align:center;
	background-image: url(images/nami.png);
    background-repeat: no-repeat;
    background-size: 250px auto;
    background-position: right -5px;
    background-color: rgba(255,255,255,0.1);
    background-blend-mode: normal;
}
body.home #secondary h3.widget_title + ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
body.home #secondary h3.widget_title + ul > li{
	width:100%;
	max-width:350px;
}
@media(max-width:1149.99px){
	body.home #secondary h3.widget_title + ul{
	justify-content:space-between;
}
body.home #secondary h3.widget_title + ul > li{
	width:100%;
	max-width:45%;
	margin-right:10px;
}
@media(max-width:799.99px){	
body.home #secondary h3.widget_title + ul > li{
	width:90%;
	max-width:initial;
	margin-right:5%;
	margin-left:5%;
}
}
}
body.home #secondary h3.widget_title + ul > li > ul.children{
	display:flex;
	flex-wrap:wrap;
	margin-top:10px;
	padding:0 5px;
	border-left:1px solid rgba(141,38,33,.5);
	border-right:1px solid rgba(141,38,33,.5);
}
body.home #secondary h3.widget_title + ul > li > ul.children >li{
	display:inline-block;
}
body.home #secondary h3.widget_title:before {
    position: absolute;
    width: 40px;
    height: 40px;
	top:30%;
	left:calc(50% - 3.5em);
    content: '';
	display:block;
    background-image: url(images/topcate-before.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
@media(max-width:650px){
	body.home #secondary h3.widget_title {
		width: 100%;
		position: relative;
		font-size:1.25em;
		padding: 1.75rem 1rem;
		text-indent:50px;
		text-align:left;
		background-image: url(images/nami.png);
		background-repeat: no-repeat;
		background-size: 200px auto;
		background-position: right 15px;
		background-color: rgba(255,255,255,0.1);
		background-blend-mode: normal;
	}
	body.home #secondary h3.widget_title:before {
		position: absolute;
		width: 40px;
		height: 40px;
		top:30%;
		left:10px;
		content: '';
		display:block;
		background-image: url(images/topcate-before.svg);
		background-size: contain;
		background-repeat: no-repeat;
	}
}
@media(max-width:400px){
	body.home #secondary h3.widget_title {
		width: 100%;
		position: relative;
		font-size:1.1em;
		padding: 1.75rem 1rem;
		text-indent:50px;
		text-align:center;
		background-image: none;
	}
	body.home #secondary h3.widget_title:before {
		position: absolute;
		width: 40px;
		height: 40px;
		top:30%;
		left:calc(50% - 4.5em);
		content: '';
		display:block;
		background-image: url(images/topcate-before.svg);
		background-size: contain;
		background-repeat: no-repeat;
	}
}
body.home #secondary h3.widget_title:after {
	position: absolute;
    /* bottom: -1em; */
    left: 0;
    width: 100%;
    height: 15px;
    content: '';
    /* background-image: url(images/topcate-after.svg); */
    background-size: contain;
    background: none;
    background-repeat: space no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body.home #secondary .widget_welcart_category > ul > li > a {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
	border-top:2px solid #8d2621;
	border-bottom:2px solid #8d2621;
	border-left:none;
	border-right:none;
    padding: 10px 10px 10px 65px;
    display: block;
    background-color: #ffffff;
	color:#202020;
	font-weight:bold;
	font-size:16px;
    text-decoration: none;
    position: relative;
}
body.home #secondary .widget_welcart_category ul.children > li > a {
    /*padding: 10px 10px 10px 65px;*/
	padding: 10px 20px;
	border:none;
	text-decoration: underline;
	text-underline-offset:5px;
	text-decoration-color: #8d2621;
}
body.home #secondary .widget_welcart_category > ul > li > a:hover,
body.home #secondary .widget_welcart_category  ul.children > li > a:hover{
	background-color:#8d2621;
	color:#ffffff;
}
body.home #secondary .widget_welcart_category  ul.children > li > a:hover{
	text-decoration-color: #ffffff;
}
body.home #secondary .widget_welcart_category > ul > li > a::before {
	position: absolute;
	top:15px;
	left: 15px;
	width: 25px;
	height: 25px;
	border-top: none;
    border-right: none;
	-webkit-transform: initial;
    transform: initial;
	content: '';
	color:#202020;
    background-image: url(images/topcate-libefore.svg);
    background-size: contain;
    background-repeat: no-repeat;
	transition:all .25s;
}
body.home #secondary .widget_welcart_category > ul > li > a:hover::before {
	background-image: url(images/topcate-libeforehover.svg);
}
body.home #secondary .widget_welcart_category > ul > li > a::after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 2px #8d2621;
    border-right: solid 2px #8d2621;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 20px;
    margin-top: -3px;
	transition:all .25s;
}
body.home #secondary .widget_welcart_category > ul > li > a:hover::after {
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
}

body.home #secondary .widget_welcart_category ul.children > li > a::before {
	position: absolute;
	top:15px;
	left: 10px;
	width: 25px;
	height: 25px;
	border-top: none;
    border-right: none;
	-webkit-transform: initial;
    transform: initial;
	content: '';
    background-image: url(images/topcate-childlibefore.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
body.home #secondary .widget_welcart_category ul.children > li > a::after {
    position: absolute;
    content: none;
    width: 6px;
    height: 6px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 40px;
    margin-top: -3px;
}

/***/

.home #secondary.widget-area{
	width:100vw;
	margin-top:3em;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
	padding:1em 1.2em 1.8em 1.2em;
	background-color: rgba(246,244,238,0.8);
}

.home section#welcart_category-2 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


/*---- widget_welcart_bestseller ----*/

.widget_welcart_bestseller ul {
	padding: 0 .714286em;
}

.widget_welcart_bestseller li {
	margin-bottom: .714286em;
	padding-bottom: .714286em;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
}

.widget_welcart_bestseller li a {
	display: inline-block;
	padding-bottom: .357143em;
}

.widget_welcart_bestseller .itemimg {
	width: 28% !important;
	float: right;
	text-align: center;
}

.widget_welcart_bestseller .itemimg img {
	width: 100%;
	height: auto;
}

.widget_welcart_bestseller .itemname {
	width: 70%;
	text-align: left;
}

.widget_welcart_bestseller .itemprice {
	font-weight: bold;
	width: 70%;
	text-align: right;
}

.widget_welcart_bestseller .itemsoldout {
	color: #e00;
	font-size: .85714em;
	font-weight: bold;
	width: 70%;
	text-align: right;
}

/*---- widget_welcart_featured ----*/
.widget_welcart_featured ul {
	padding: 0 .714286em !important;
}

.widget_welcart_featured .featured_list {
	margin-bottom: .714286em;
	padding-bottom: .714286em;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
}

.widget_welcart_featured .thumimg {
	width: 25% !important;
	float: right;
	text-align: center;
}

.widget_welcart_featured .thumimg img {
	width: 100%;
	height: auto;
}

.widget_welcart_featured .thumtitle {
	width: 70%;
	text-align: left;
}

/*---- widget_welcart_category ----*/
.widget_welcart_category ul {
	padding: 0 .714286em;
}

.widget_welcart_category li {
	padding-bottom: .714286em;
	line-height: 200%;
}

.widget_welcart_category li a{
/*	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;*/
	border-bottom:solid 1px #cccccc;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	padding:10px 10px 10px 25px;
	display: block;
	text-decoration: none;
	position: relative;
}

.widget_welcart_category li a::before {
	position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 2px #8d2621;
    border-right: solid 2px #8d2621;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: 5px;
    margin-top: -3px;
}

.widget_welcart_category li a:hover{
/*	background-color: rgba(135,206,235,0.3);*/
	background-color:#cfba51;
    transition: all 0.3s 0s ease;
    text-decoration: none;
    color: #000000;
	border-color:#8d2621;
}

.widget_welcart_category li:last-child {
	padding-bottom: 0;
}

.widget_welcart_category li ul {
	margin-left: 1.07143em;
	padding: 0;
}

.widget_welcart_category li ul.children {
	margin-left: 0;
	/*padding-left: 1.07143em;*/
}

.widget_welcart_category li li {
	padding: 0;
}

.widget_welcart_category li li a {
	display: block;
	padding: 0;
}

.widget_welcart_category li ul.children li a {
	display: block;
    padding: 2px 10px 2px 20px;
    margin-left: 15px;
    background-color: #ffffff;
    border-bottom: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    position: relative;
    border: none;
    border-bottom: solid 1px #ccc;
}

.widget_welcart_category li ul.children li a:hover{
	background-color: rgba(135,206,235,0.3);
    transition: all 0.3s 0s ease;
    text-decoration: none;
    color: #000000;
}

.widget_welcart_category li ul.children li a::before {
	border:solid 1px #333;
     position: absolute;
     content: '';
     width: 6px;
     height: 6px;
     border-top: solid 2px #697b91;
     border-right: solid 2px #697b91;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     left: 8px;
     margin-top: -3px;
}

..widget_welcart_category li ul.children li a:hover {
	background-color:#E9E6D4;
	text-decoration: none;
}

.widget_welcart_category li ul.children li:last-child a {
	border-bottom:solid 1px #cccccc;
}

.widget_welcart_category li li a:before {
	display: none;
}

.widget_welcart_category ul ul ul {
	display: block !important;
}

/*   */

a.cate_button{
    display: block;
    width: 80%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: solid 2px #cfba51;
    border-radius: 10px;
    margin-top: 1rem;
    font-size: 1.1em;
    padding: 0.3em;
    letter-spacing: 2px;
	position:relative;
}

a.cate_button:hover{
	background-color:#cfba51;
	transition: all 0.3s 0s ease;
	text-decoration:none;
	color:#000000;
}

@media screen and (min-width: 38.75em){
a.cate_button{
	margin-top: 1em;
    margin-bottom: 1em;
}
}

a.cate_button::before {
	position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 2px #8d2621;
    border-right: solid 2px #8d2621;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: 5px;
    margin-top: -3px;
}

/*newsarea cate_button*/

.newsarea a.cate_button {
	display: block;
    width: auto;
    max-width: 12em;
    margin-left: auto;
    margin-right: 1em;
    text-align: center;
    border: solid 2px #cfba51;
    border-radius: 10px;
    margin-top: 1.6rem;
    font-size: 1em;
    padding: 0.3em 0.3em 0.3em 0.8em;
    letter-spacing: 0;
	position:relative;
}


/*---- widget_welcart_calendar ----*/

.widget_welcart_calendar table {
	width: 38%;
	margin: 0 2% 2%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	float: left;
}

@media screen and (min-width: 62.5em){
.widget_welcart_calendar table {
	width: 28%;
	height:220px;
	margin: 0 2% 2%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	float: left;
}	
}

.widget_welcart_calendar th {
	color: #fff;
    background-color: #8d2621;
    border: none;
    text-align: center;
    padding: 0.3em 0.1em;
}

.widget_welcart_calendar td {
	border: solid 1px #ececec;
	text-align: center;
	border-radius:50%;
	vertical-align: middle;
}

.widget_welcart_calendar .businessday {
	color: #262626;
	background-color: #fff0d1;
}

/*---- welcart_blog_calendar ----*/
.welcart_blog_calendar table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.welcart_blog_calendar th {
	color: #fff;
	background-color: #131313;
	border: 1px solid #ccc;
	text-align: center;
}

.welcart_blog_calendar td {
	border: 1px solid #ccc;
	text-align: center;
}

/*---- widget_welcart_search ----*/
.widget_welcart_search .searchtext {
	width: 75%;
	padding: .5714285em;
	border: 1px solid #ccc;
	border-right: none;
}

.widget_welcart_search #searchsubmit {
	color: #fff;
	width: 25%;
	padding: .5em 0;
	background-color: #ea746b;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}

.widget_welcart_search #searchsubmit:hover {
	cursor: pointer;
	background-color: #ffa500;
}

.widget_welcart_search div {
	margin-top: .714286em;
	background-color: #efefef;
	text-align: center;
}

.widget_welcart_search div a {
	display: block;
	color: #262626;
	line-height: 200%;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}

.widget_welcart_search div a:hover {
	background-color: #ddd;
	text-decoration: none;
}

/*---- widget_welcart_login ----*/
.widget_welcart_login .loginbox {
	padding: 0 .714286em;
}

.widget_welcart_login .loginbox div {
	font-weight: bold;
}

.widget_welcart_login label {
	line-height: 180%;
}

.widget_welcart_login input.loginmail,
.widget_welcart_login input.loginpass {
	width: 100%;
	margin-bottom: .357143em;
	padding: .357143em;
	border: 1px solid #ccc;
}

.widget_welcart_login input#member_loginw,
.widget_welcart_login input#member_login {
	font-size: 14px;
	color: #fff;
	width: 60%;
	margin-bottom: .357143em;
	padding: .714286em 1.42857em;
	background-color: #ea746b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.widget_welcart_login input#member_loginw:hover,
.widget_welcart_login input#member_login:hover {
	background-color: #ffa500;
}

.widget_welcart_login .loginbox a.usces_logout_a,
.widget_welcart_login .loginbox a.login_widget_mem_info_a {
	display: inline-block;
	margin: .357143em 0 0 1.071428em;
}

.widget_welcart_login .loginbox .submit {
	padding: 0;
}

.widget_welcart_login .liwpp_area {
	padding: .714286em .714286em 0;
}

/*---- usces_recent_entries + widget_welcart_page + widget_welcart_post ----*/
.usces_recent_entries ul,
.widget_welcart_page ul,
.widget_welcart_post ul {
	padding: 0 .714286em;
}

.usces_recent_entries li a,
.widget_welcart_page li a,
.widget_welcart_post li a {
	display: inline-block;
	padding-bottom: .357143em;
}

.usces_recent_entries li,
.widget_welcart_page li,
.widget_welcart_post li {
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: .714286em;
	padding-bottom: .357143em;
}

.usces_recent_entries li li,
.widget_welcart_page li li {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/*---- other widgets ----*/
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_recent_entries ul,
.widget_recent_comments ul {
	padding: 0 .714286em;
}

.widget_archive li a,
.widget_categories li a,
.widget_meta li a,
.widget_recent_entries li a,
.widget_recent_comments li a {
	display: inline-block;
	padding-bottom: .357143em;
}

.widget_nav_menu ul,
.widget_pages ul {
	padding: 0 .714286em;
}

.widget_nav_menu ul li,
.widget_pages li {
	margin-bottom: .357143em;
}

.widget_nav_menu ul li a,
.widget_pages li a {
	display: inline-block;
	padding-bottom: .357143em;
}

.widget_categories label,
.widget_archive label {
	display: block;
	margin-bottom: .5em;
}

/*　calendar　*/
.widget_calendar table {
	width: 100%;
	margin: 0 2% .714286em;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.widget_calendar th {
	color: #fff;
	background-color: #131313;
	border: 1px solid #ccc;
	text-align: center;
}

.widget_calendar td {
	border: 1px solid #ccc;
	text-align: center;
}

/*　search　*/
.widget_search div {
	position: relative;
	border: 1px solid #ccc;
}

.widget_search .search-text {
	width: 100%;
	padding: .357143em;
	border: none;
}

.widget_search .searchsubmit {
	font-family: FontAwesome;
	;
	color: #131313;
	padding: .357143em;
	background: none;
	position: absolute;
	right: 0;
	top: 0;
}

.widget_search .searchsubmit:hover {
	background: none;
	cursor: pointer;
}

/*---- item-list ----*/
.widget_basic_item_list .item-list {
	letter-spacing: -.5em;
}

.widget_basic_item_list article {
	display: inline-block;
	padding: .714286em;
	width: 50%;
	letter-spacing: normal;
	vertical-align: text-top;
}

.widget_basic_item_list a {
	display: block;
}

.widget_basic_item_list .itemimg {
	margin-bottom: .357143em;
	text-align: center;
}

.widget_basic_item_list .itemprice {
	font-weight: bold;
	text-align: right;
}

/* =toTop
-------------------------------------------------------------- */

#toTop {
	position: fixed;
	right: 50px;
	bottom: 30%;
	z-index:3;
}

#toTop a {
	display: block;
}

#toTop i {
	color: #aaa;
	font-size: 3.214289em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}

#toTop i:hover {
	color: #131313;
}


/* =footer
-------------------------------------------------------------- */

footer {
    clear: both;
    color: #262626;
    text-align: center;
    font-size: 15px;
    background-image: url(images/nami.png),url(images/nami2.png),url(images/sakana.png);
    background-repeat: no-repeat,no-repeat;
    background-size: 450px auto,200px auto,450px auto;
    background-position: left bottom,center 120px,right 50px;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
	position:relative;
}

footer::before {
	    position: absolute;
    	content: "";
    	width: 100%;
    	height: 1em;
    	background-color: #333;
    	left: 0;
    	bottom: 0;
    	z-index: -1;
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(216,223,240,1) 100%);
}

/* -- a -- */
footer a {
	color: #fff;
}

footer a:hover {
	color: #aaa;
	text-decoration: none;
}
footer a.footer-logo {
    display: inline-block;
    font-weight: bold;
    font-family: "Sawarabi Mincho";
    text-decoration: none;
    font-size: 1.5em;
    letter-spacing: 2px;
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    background-image: url(images/logomark.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}
/* -- nav -- */
footer nav {
	padding: 1.071428em 0;
}

footer nav li {
	margin-bottom: 1.071428em;
}

footer nav li:last-child {
	margin-bottom: 0;
}

footer nav li:nth-of-type(6n) {
	clear: both;
}

footer nav ul ul {
	margin: .5714285em 0 0 1.071428em;
}

footer nav li li {
	width: 100%;
	margin-bottom: 0;
	float: none;
}

footer nav li li:before {
	display: none;
}

footer nav li li {
	width: 100%;
	margin-bottom: 5px;
	padding-right: 0;
	float: none;
}


footer nav li li:before {
	display: none;
}

footer nav li li:nth-of-type(6n) {
	clear: none;
}

footer nav li li li:before {
	content: "\f105";
	display: inline-block;
	color: #fff;
	font-family: FontAwesome;
	font-size: 10px;
	font-weight: bold;
	margin-right: .8em;
}

footer ul li span:nth-child(2) {
    padding-left: 0.8em;
}

/* -- .copyright -- */
.copyright {
	padding: 1.071428em 0;
	text-align: center;
}


/* =contetns
-------------------------------------------------------------- */

/* -- content -- */
#content {
	/*padding: 0 .714286em 2.142856em;*/
	padding:0 20px 20px 20px; 
}

#content header {
	position: inherit;
	margin: 0 0 1.42857em;
	padding: 0;
	border: none;
}

#content .page-title,
#content .entry-title {
	font-size: 24px;
	margin-bottom: 1.25em;
	line-height: 1.25em;
	background-color: none;
	padding-top:20px;
	text-align:center;
}
#content .page-title,
body:not(.home) #content .entry-title,
h1.item_page_title{

	letter-spacing:10px;

}
#content .page-title:after,
body:not(.home) #content .entry-title:after,
h1.item_page_title:after{
	content:'';
	display:inline-block;
	width:70px;
	height:22px;
	background-image: url(images/h3before.svg);
	background-size: contain;
	background-position:center bottom;
	margin-left:.5em;
}
@media screen and (max-width: 38.7499em){
#content .page-title,
#content .entry-title {
	font-size: 1.4em;
}

}

header.item-header,
header.page-header,
header.entry-header{
	margin-top:1.8em;
	margin-bottom:1.8em;
	text-align:center;
}

/* 店舗情報ページで使っている電話番号　*/

.telno td{
	font-size:1.4em;
	line-height:120%;
}

@media screen and (max-width: 38.7499em){
.telno td span{
	display:block;
	margin-top:0.5em;
	}
}

.telno td a{
	text-decoration:none;
}

.telno td i.fa-phone-square:before{
	font-size:20px;
	height:auto;
	padding-right:8px;
}

.telno td i.fa-fax:before{
	font-size:18px;
	height:auto;
	padding-right:8px;
}


/* =front-page.php
-------------------------------------------------------------- */

/* -- main-image -- */
.main-image {
	padding: 0 .714286em 0;
}

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

/*-- newsarea --*/

.newsarea{
	box-sizing: border-box;
	padding:0 10px 10px 10px;
	display:block;
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:2.5em;
}
@media screen and (min-width: 1600px){
.newsarea{
	margin-bottom:3em;
	margin-top:2em;
}
}
.newsarea .post-li{
	margin-top:0.5em;
	padding-top:1em;
	padding-bottom:1.5em;
	background-color:#fff;
	box-shadow: 0 10px 10px rgb(200 200 200 / 30%);
}

.newsarea .post-li article .postbox .post-title{
	margin-bottom:0.2em;
	padding-right:1em;
}
.newsarea .post-li article .postbox .post-title a {
	font-size:1em;
    margin-bottom: 0.625em;
	padding-right:0.6em;
}

.newsarea .post-li img {
    width: auto;
	height:auto;
    max-height: 60px;
    object-fit: contain;
    transition: all .25s;
}

.newsarea a.cate_button{
	margin-top:1em;	
}

.newsarea .post-li div.postbox > p.date-p {
    font-size: 1.3rem;
    margin-bottom: 0.1em;
}

/*-- title --*/


h3.f_title{
box-sizing: border-box;
height: 50px;
margin: 1em auto;
position: relative;
text-align: center;
vertical-align: middle;
	font-size:1.5em;
width: 300px;
	font-weight:bold;
}
h3.f_title:before{
border-color: #b01a13;
border-style: solid;
bottom: -10px;
content: '';
position: absolute;
width: 0;
z-index: -2;
	border-left-color: transparent;
border-width: 22px 17px 22px 17px;
left: -22px;
}
h3.f_title:after{
border-color:#b01a13;
border-style: solid;
bottom: -10px;
content: '';
position: absolute;
width: 0;
z-index: -2;
	border-right-color: transparent;
border-width: 22px 17px 22px 17px;
right: -22px;
}
h3.f_title span{
	background-color:#d62119;
color: #ffffff;
padding: 15px 20px;
position: relative;
	letter-spacing:1px;
	display:block;
}
h3.f_title span:before {
	border: none;
border-bottom: solid 8px transparent;
content: '';
position: absolute;  
top: 100%;
	left: 0;
border-right: solid 12px #6a1814;
}
h3.f_title span:after {
	border: none;
border-bottom: solid 8px transparent;
content: '';
position: absolute;  
top: 100%;
	right: 0;
border-left: solid 12px #6a1814;
}
@media screen and (max-width: 38.7499em){
h3.f_title{
	font-size:1.2em;
	width:70%;
}
}
/*
h3.f_title{
	font-size:1.6em;
	position: relative;
	padding: 1.4em 1.4em;
  	text-align: center;
	color:#000000;
}
@media screen and (max-width: 38.7499em){
h3.f_title{
	font-size:1.2em;
	position: relative;
	padding: 1.4em 1.4em;
  	text-align: center;
	color:#000000;
}
}
h3.f_title span{
	position:relative;
}
h3.f_title span:before {
	display: inline-block;
    /* top: calc(25% - 1px); */
/*
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 25px;
    content: '';
    background-image: url(images/h3before.svg);
    background-size: contain;
    background-repeat: no-repeat;
}


h3.f_title span {
  position: relative;
  padding: 0 1em;

}
*/
/* -- .banner- -- */

.adbnr{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.adbnr a{
	display: block;
	height:auto;
}

.adbnr a img{
	width:100%;
	height:auto;
}

@media screen and (max-width: 38.74em){
.adbnr a{
	margin-bottom:20px;
}
}

@media screen and (min-width: 38.75em){
.adbnr{
	margin-bottom:30px;
	margin-top:20px;
}
.adbnr a{
	flex:1 1 42%;
	max-width:430px;
	margin-right:30px;
}
.adbnr a:nth-child(even){
	margin-right:0;
}

}


/* -- .front-il -- */
.front-il {
	letter-spacing: -.5em;
	position:relative;
}

.front-il h3{
	letter-spacing: 0;
}

.blog #content .front-il article {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.front-il article {
	display: inline-block;
	width: 38%;
	margin-right: 10%;
	margin-left: 5%;
	padding: 1.42857em 0 0;
	letter-spacing: normal;
	vertical-align: text-top;
}

.front-il .itemimg {
	margin-bottom: .357143em;
	text-align: center;
}

.front-il .itemimg a {
	display: block;
}

.front-il .itemimg img {
	width: 100%;
	height: auto;
}

.front-il .itemname {
	max-height: 63px;
	overflow: hidden;
	font-size:1em;
	padding-top:8px;
	color:#000000;
	letter-spacing:0;
	line-height:1.1;
}

@media(min-width:62.5em){
	.front-il .itemname {
	max-height: 63px;
	overflow: hidden;
	font-size:1.1em;
	padding-top:8px;
	color:#000000;
	letter-spacing:0;
}
}

.front-il .itemname span {
	font-size: 1em;
}

.front-il .itemprice {
	font-weight: bold;
    text-align: right;
    font-size: 1.6rem;
    margin-top: 0.8rem;
	line-height:1;
}

@media(min-width:62.5em){
.front-il .itemprice {
    font-size: 2.25rem;
    margin-top: 1.4rem;
}	
}

.front-il .itemprice .tax {
	color:#262626;
	font-size:0.65em;
}
.front-il .itemsoldout {
	color: #e00;
	font-size: .85714em;
	font-weight: bold;
	height: 22px;
	text-align: right;
}

.front-il .no-date {
	margin-top: 1.42857em;
	letter-spacing: normal;
}

/* home カテゴリごとの商品表示のみ*/

.home .front-il .front-il-inner {
    padding-bottom: 2.6em;
}

.home .front-il .front-il-inner .btn-wrapper {
    position: relative;
    top: 1.6em;
}

/*----- tuduki	続きをみるボタン--*/

a.tuduki_btn{
	display: block;
    width: 80%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: solid 2px skyblue;
    border-radius: 10px;
    margin-top: 1.6rem;
    font-size: 1.1em;
    padding: 0.3em;
    letter-spacing: 2px;
}

/* -- show-on-front -- */

/* - blog - */
.blog #content article {
	margin-bottom: 1.42857em;
	padding-bottom: 1.42857em;
	border-bottom: 1px solid #eaeaea;
}

.blog #content .entry-title {
	margin-bottom: 20px;
}

.blog #content .entry-meta {
	margin-bottom: 20px;
}

.blog #content .entry-content {
	margin-bottom: 0;
}

.blog #content .entry-content .loopimg {
	margin-bottom: 20px;
}


/* =archive.php
-------------------------------------------------------------- */

/* -- .cat-il.type-grid -- */
.cat-il.type-grid {
	margin-bottom: 1.42857em;
	letter-spacing: -.5em;
}

.cat-il.type-grid article {
	display: inline-block;
	width: 46%;
	margin-right: 8%;
	padding: 1.42857em 0 0;
	letter-spacing: normal;
	vertical-align: text-top;
}

.cat-il.type-grid article:nth-of-type(even) {
	margin-right: 0;
}

.cat-il.type-grid .itemimg {
	margin-bottom: .357143em;
	text-align: center;
}

.cat-il.type-grid .itemimg a {
	display: block;
}

.cat-il.type-grid .itemimg img {
	width: 100%;
	height: auto;
}

.cat-il.type-grid .itemname {
	height: 68px;
    padding-top: 0.3em;
    overflow: hidden;
}

.cat-il.type-grid .itemname a{
	font-size:1em;
	line-height:1;
}

@media(min-width:62.5em){
.cat-il.type-grid .itemname a{
	font-size:1.1em;
}
}

.cat-il.type-grid .itemname span {
	font-size: .9em;
}

.cat-il.type-grid .itemprice {
	font-weight: bold;
    height: auto;
    text-align: right;
    font-size: 2rem;
    padding: 0.2em 0 0 0;
}
.cat-il.type-grid .itemprice .tax{
	color:#262626;
	font-size:0.65em;
}

.cat-il.type-grid .itemsoldout {
	color: #e00;
	font-size: .85714em;
	font-weight: bold;
	height: 22px;
	text-align: right;
}

/* -- .post-li -- */

.post-li article {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: none;
	overflow: hidden;
	display: grid;
    grid-template-columns: 25% 75%;
}

@media(max-width:600px){
.post-li article {
	grid-template-columns: 140px calc(100% - 140px);
}
	
}
}


.post-li article figure {
	grid-column:1/2;
}
}

.post-li .post-title {
	font-size: 1.142857em;
	margin-bottom: .625em;
}

.post-li time {
	display: block;
	margin-bottom: .714286em;
}

.post-li .loopimg {
	width: 20%;
	float: left;
	margin-right: 5%;
}

.post-li .loopexp {
	width: 75%;
	float: left;
}
.post-li article figure a{
	display:inline-block;
	width:100%;
	height:100%;
	text-align:center;
}
.post-li img {
    width: auto;
	height:auto;
    max-height: 100px;
    object-fit: contain;
    transition: all .25s;
}
.postbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.post-li div.postbox > p.date-p {
	font-size:1.4rem;
	margin-bottom:.5em;
}

.post-li div.postbox > div.post-title a{
	font-size:1.2em;
	margin-bottom:.5em;
}
@media(max-width:600px){

.post-li div.postbox > p.date-p {
	font-size:.875em;
}

.post-li div.postbox > div.post-title a{
	font-size:1em;
}
	
}

/* -- pagination -- */
.pagination_wrapper {
	position: relative;
	clear: both;
	overflow: hidden;
}

.pagination_wrapper ul {
	position: relative;
	left: 50%;
	float: left;
	list-style: none;
}

.pagination_wrapper li {
	position: relative;
	left: -50%;
	margin: .178em;
	float: left;
}

.pagination_wrapper li .current {
	display: block;
	color: #fff;
	padding: .357143em .714286em;
	background-color: #131313;
	border: 1px solid #131313;
	text-decoration: none;
}

.pagination_wrapper li .dots {
	line-height: 33px;
}

.pagination_wrapper li a {
	display: block;
	color: #262626;
	padding: .357143em .714286em;
	background-color: #eee;
	border: 1px solid #ddd;
}


/* = .entry-content,item-description
-------------------------------------------------------------- */
/* -- p -- */
.entry-content p,
.item-description p {
/*	margin-bottom: 1.42857em;
	line-height: 1.42857em;
	font-size:1.6rem;*/
	margin-bottom: 1.42857em;
    line-height: 1.8em;
    font-size: 1.6rem;
}

/* -- table -- */
.entry-content table,
.item-description table {
	width: 100%;
	margin-bottom: .714286em;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

@media screen and (max-width: 400px){
.entry-content th,
.item-description th {
	padding: .714286em;
	background-color: #ddd;
	border: 1px solid #ccc;
	display:block;
}

.entry-content td,
.item-description td {
	padding: .714286em;
	border: 1px solid #ccc;
	display:block;
}
}

@media screen and (max-width: 400px){
.entry-content .non-block th,
.item-description .non-block th {
	display:table-cell;
}

.entry-content .non-block td,
.item-description .non-block td {
	padding: .714286em;
	border: 1px solid #ccc;
	display:table-cell;
	white-space: nowrap;
}
}
@media screen and (max-width: 599.99px){
.entry-content .non-block td,
.item-description .non-block td {
	white-space: nowrap;
}
}

@media screen and (min-width: 401px){
.entry-content th,
.item-description th {
	padding: .714286em 0.2em;
	line-height: 1.1;
	background-color: #ddd;
	border: 1px solid #ccc;
	display:
	table-cell;
	font-size: 0.9em;
}

.entry-content .tokutei th{
	min-width:150px;
}
	
.entry-content td,
.item-description td {
	padding: .714286em 0.2em;
	border: 1px solid #ccc;
	display:table-cell;
	background-color:#ffffff;
	line-height:1.1;
}
}

.page-id-97 .entry-content td,
.page-id-97 .item-description td{
	font-size:1.6rem;
}

/* -- ul + ol -- */
.entry-content ul,
.entry-content ol,
.item-description ul,
.item-description ol {
	margin: 0 0 1.42857em 1.42857em;
}

.entry-content ul li,
.item-description ul li {
	list-style: disc;
	line-height: 180%;
}

.entry-content ol li,
.item-description ol li {
	list-style: decimal;
	line-height: 180%;
}

/* -- h1,h2,h3,h4,h5 -- */
.entry-content h1,
.item-description h1 {
	font-size: 1.142857em;
	margin-bottom: 1.07143em;
}

.entry-content h2,
.item-description h2 {
	font-size: 1.142857em;
	border-bottom: 3px solid #eee;
	margin-bottom: 1.25em;
	padding-bottom: .312502em;
	line-height: 1.25em;
	padding-top:1em;
}

.entry-content h3,
.item-description h3 {
	margin-bottom: 1.2em;
    margin-top: 1.2em;
    padding-left: 0.8em;
    border-left: 1px solid #262626;
    line-height: 140%;
    font-size: 1.2em;
}

.entry-content h4,
.item-description h4 {
	margin-bottom: 1.071428em;
	padding: .357143em;
	background-color: #efefef;
}

.entry-content h5,
.item-description h5 {
	margin-bottom: 1.071428em;
}

.entry-content h6,
.item-description h6 {
	color: #777;
	margin-bottom: 1.071428em;
}

/* -- img -- */
.widget img,
.entry-content img,
.item-description img {
	max-width: 100%;
	height: auto;
}

/* -- iframe -- */
.entry-content iframe,
.item-description iframe {
	max-width: 100%;
}

/* -- input select textarea -- */
.entry-content input[type="file"],
.item-description input[type="file"] {
	border: none;
}

.entry-content input[type="submit"],
.item-description input[type="submit"] {
	color: #fff;
	background-color: #8d2621;
	min-width: 12em;
}

.entry-content input[type="submit"]:hover,
.item-description input[type="submit"]:hover {
	background-color: #ffa500;
}

/* ———————— Gutenberg ———————— */

.entry-content ul.wp-block-gallery {
	margin-right: 0;
	margin-left: 0;
}

/* =single.php
-------------------------------------------------------------- */

.entry-content {
	margin-bottom: 1.42857em;
}

.entry-meta {
	margin-bottom: 1.42857em;
	padding-left: 1.071428em;
	border-left: 3px solid #cccaca;
}

.entry-meta span {
	display: block;
}

.entry-meta .date:before {
	display: inline-block;
	content: "\f1fa";
	color: #262626;
	font-family: FontAwesome;
	font-size: 11px;
	margin-right: .7em;
}

.entry-meta .cat:before {
	content: "\f0f6";
	display: inline-block;
	color: #262626;
	font-family: FontAwesome;
	font-size: 11px;
	margin-right: .7em;
}

.entry-meta .tag:before {
	content: "\f02b";
	display: inline-block;
	color: #262626;
	font-family: FontAwesome;
	font-size: 11px;
	margin-right: .7em;
}

.entry-meta .author:before {
	content: "\f007 ";
	display: inline-block;
	color: #262626;
	font-family: FontAwesome;
	font-size: 11px;
	margin-right: .7em;
}


/* =inquiry.php
-------------------------------------------------------------- */

.inqbox .inquiry_table {
	width: 100%
}

.inqbox .inquiry_table tr {
	display: block;
	padding: 0 .625em 1.25em;
	margin-bottom: 1.25em;
	border-bottom: 2px solid #efefef;
}

.inqbox .inquiry_table th {
	display: block;
	width: auto;
	background: none;
	border: none;
}

.inqbox .inquiry_table td {
	display: block;
}

.inqbox .inquiry_table td input {
	width: 70%;
}

.inqbox .send {
	padding-top: .714286em;
	text-align: center;
}

.inqbox .send input {
	color: #fff;
	background-color: #ea746b;
}

.inqbox .send input:hover {
	background-color: #ffa500;
}


/* =comments.php
-------------------------------------------------------------- */

.comments-area {
	padding-top: .714286em;
	border-top: 1px solid #e0e0e0;
}

.comment-area h2 {
	font-size: 1em;
	margin: .714286em 0;
}

.comment-area h2:before {
	content: "\f086";
	display: inline-block;
	color: #999;
	font-family: FontAwesome;
	font-size: 12px;
	margin-right: .7em;
}

.comment-area li {
	clear: both;
	margin-bottom: .714286em;
	padding-bottom: .714286em;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

.comment-area li:last-child {
	margin-bottom: 0;
}

.comment-area li .comment-author {
	margin-right: 1.42857em;
	float: left;
}

.comment-area li img {
	display: block;
	margin: 0 auto .357143em;
}

.comment-area li .reply {
	clear: both;
	float: none;
	text-align: right;
}

.comment-area #respond {
	padding-top: .714286em;
}

#respond label {
	display: block;
	font-weight: bold;
}

#respond label .required {
	color: #ff3366;
	font-weight: bold;
}

#respond p {
	margin-bottom: .714286em;
}

#respond .form-submit {
	padding-bottom: 0;
}


/* =search.php
-------------------------------------------------------------- */

/* -- .search-li -- */
.search-li {
	margin-bottom: 1.42857em;
	letter-spacing: -.5em;
}

.search-li .title {
	letter-spacing: normal;
}

.search-li article {
	display: inline-block;
	width: 46%;
	margin-right: 8%;
	padding: 1.4286em 0 0;
	border: none;
	letter-spacing: normal;
	vertical-align: text-top;
}

.search-li .itemimg {
	margin-bottom: .357143em;
	text-align: center;
}

.search-li .itemimg a {
	display: block;
}

.search-li .itemimg img {
	width: 100%;
	height: auto;
}

.search-li .itemname {
	height: 63px;
	overflow: hidden;
}

.search-li .itemname span {
	font-size: .9em;
}

.search-li .itemprice {
	font-weight: bold;
	height: 22px;
	text-align: right;
}

.search-li .itemsoldout {
	color: #e00;
	font-size: .85714em;
	font-weight: bold;
	height: 22px;
	text-align: right;
}

.search-li article:nth-of-type(even) {
	margin-right: 0;
}


/* =404.php
-------------------------------------------------------------- */

.error-404 .page-content {
	padding: 3em 0;
	text-align: center;
}

.error-404 .page-content p {
	font-weight: bold;
}

.error-404 .page-content div {
	margin-top: .714286em;
}

.error-404 input[type="submit"] {
	color: #131313;
	font-family: FontAwesome;
	font-size: 20px;
	margin-left: 0.25em;
	padding: 0.25em 0;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {


	/* pankuzu */

	.bcn-d {
		padding: 0 0 30px 0;
	}
	
	.bcn-d a{
		padding:5px;
	}
	
	/* =Base
	-------------------------------------------------------------- */

	textarea {
		width: 60%;
	}

	/* -- Campaign-Tag -- */
	#itempage .campaign_message {
		text-align: left;
	}


	/* =secondary
	-------------------------------------------------------------- */

	/*　welcart_bestseller　*/
	.widget_welcart_bestseller ul {
		overflow: hidden;
	}

	.widget_welcart_bestseller li {
		/*width: 46%;*/
		width: 38%;
		/*margin-right: 8%;*/
		/*margin-right: 10%;
		margin-left: 10%;*/
		padding-top: .714286em;
		float: left;
	}
	
@media screen and (min-width: 38.75em){
	.widget_welcart_bestseller li {
		width: 46%;
		margin-right: 8%;
		/*margin-right: 10%;
		margin-left: 10%;*/
		padding-top: .714286em;
		float: left;
	}
	}

	.widget_welcart_bestseller li:nth-of-type(even) {
		margin-right: 0;
	}

	.widget_welcart_bestseller li:nth-of-type(odd) {
		clear: both;
	}

	/*　welcart_featured　*/
	.widget_welcart_featured ul {
		overflow: hidden;
	}

	.widget_welcart_featured .featured_list {
		/*width: 46%;*/
		width: 38%;
		/*margin-right: 8%;*/
		margin-right: 10%;
		padding-top: .714286em;
		float: left;
	}
@media screen and (min-width: 38.75em){


	/* pankuzu */

	.bcn-d {
		padding: 0 0 30px 0;
	}
	
	.bcn-d a{
		padding:5px;
	}
	
	.widget_welcart_featured .featured_list {
		width: 46%;
		margin-right: 8%;
		padding-top:  .714286em;
		float: left;
	}
	}
	
	.widget_welcart_featured .featured_list:nth-of-type(even) {
		margin-right: 0;
	}

	.widget_welcart_featured li:nth-of-type(odd) {
		clear: both;
	}

	.widget_welcart_category ul,
	.widget_welcart_search ul,
	.widget_search form,
	.widget_welcart_login ul {
		width: 100%;
	}

	.widget_welcart_category ul ul {
		width: 100%;
	}

	/*---- item-list ----*/
	.widget_basic_item_list article {
		width: 25%;
	}


	/* =front-page.php
	-------------------------------------------------------------- */

	/* -- .front-il -- */

	.front-il {
		margin-bottom: 2.142856em;
		margin-left: auto;
		margin-right: auto;
	}

	.front-il article {
		width: 22%;
		margin-right: 4%;
		margin-left: 0;
	}


	/* =archive.php
	-------------------------------------------------------------- */

	/* -- .cat-il.type-grid -- */
	.cat-il.type-grid {
		margin-bottom: 1.42857em;
	}

	.cat-il.type-grid article {
		width: 22%;
		margin-right: 4%;
	}

	.cat-il.type-grid article:nth-of-type(even) {
		margin-right: 4%;
	}

	.cat-il.type-grid article:nth-of-type(4n) {
		margin-right: 0!important;
	}

	.cat-il.type-grid article:nth-of-type(5n) {
		margin-right: 4%;
	}

	/* =contetns
	-------------------------------------------------------------- */

	#content h1.page-title,
	#content h1.entry-title {
		font-size: 30px;
		margin-bottom: 1.8em;
		margin-top: 1.8em;
		line-height: 1.2em;
		text-align:center;
	}

	#content h2.page-title,
	#content h2.entry-title {
		font-size: 26px;
		margin-bottom: 1.8em;
		margin-bottom: 1.8em;
		line-height: 1.2em;
		text-align:center;
	}
	

	/* =search.php
	-------------------------------------------------------------- */

	/* -- .search-li -- */
	.search-li article {
		width: 22%;
		margin-right: 4%;
	}

	.search-li article:nth-of-type(even) {
		margin-right: 4%;
	}

	.search-li article:nth-of-type(4n) {
		margin-right: 0;
	}


}


/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {


	/* =inquiry.php
	-------------------------------------------------------------- */


	/* pankuzu */

	.bcn-d {
		padding: 20px 0 10px 0;
	}
	
	.bcn-d a{
		padding:5px;
	}
	
	.inqbox .inquiry_table {
		margin-bottom: 1.071428em;
	}

	.inqbox .inquiry_table tr {
		display: table-row;
		margin-bottom: 0;
		padding: 0;
		border: none;
	}

	.inqbox .inquiry_table th {
		display: table-cell;
		width: 25%;
		padding: .357143em 1.071428em;
		background-color: #f6f6f6;
		border: 1px solid #ccc;
		vertical-align: middle;
	}

	.inqbox .inquiry_table td {
		color: #6e6e6e;
		display: table-cell;
		padding: .357143em 1.071428em;
		border: 1px solid #ccc;
	}

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

	.inqbox .send input {
		color: #fff;
		background-color: #ea746b;
	}

	.inqbox .send input:hover {
		background-color: #ffa500;
	}


}


/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {

	/* =secondary
	-------------------------------------------------------------- */
	/*---- item-list ----*/
	.widget_basic_item_list article {
		width: 20%;
	}

	/* =front-page.php
	-------------------------------------------------------------- */

.front-il article:nth-of-type(4n) {
    margin-right: 0!important;
}

.front-il article:nth-of-type(5n) {
    margin-right:4%!important;
}
	
	/* -- .front-il -- */
	.front-il article {
		/*width: 16.8%;*/
		width:22%;
		margin-right: 4%;
		padding: 2em 0 0;
	}

}

/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {
	/*@media screen and (min-width: 75em) {*/

	/* =Base
	-------------------------------------------------------------- */

	/* -- input,select,textarea -- */
	input[type="button"],
	input[type="submit"],
	input[type="reset"] {
		padding: 1.071428em 2.142856em;
	}

	a img {
		box-shadow: #fff 0 0 0;
	}

	a img:hover {
		opacity: .6;
	}


	/* pankuzu */

	.bcn-d {
		padding: 20px 0 10px 0;
	}
	
	.bcn-d a{
		padding:5px;
	}
	
	/* =header
	-------------------------------------------------------------- */

header.site-header {
		border-bottom: none;
		background-image:url(images/nami.png),url(images/nami2.png),url(images/sakana.png);
		background-repeat:no-repeat,no-repeat;
		background-size:550px auto,450px auto,550px auto;
		background-position:left 10px,center 50px,right 30px;
		background-color:rgba(255,255,255,0.6);
		background-blend-mode:darken;
/*		position: sticky;
	    top: 0;*/
	    z-index: 1;
	}

header .inner {
	width: 1000px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
    padding-left: 1.2em;
    padding-right: 1.2em;
    min-height: 120px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.7);
	display: grid;
	grid-template-columns: 5% repeat(10,1fr) 5%;
	grid-template-rows: 1fr 3em;
    position: relative;
	transition: .3s;
	}

.inner-in{
	grid-column:2/6;		
	}
	

	/* -- .site-description -- */
	.site-description {
		color: #000000;
		background-color:transparent;
		font-size:1em;
		font-weight: normal;
		width: 130%;
		height: auto;
		min-height: auto;
		padding: 10px;
		margin:0;
		float:none;
		line-height: 100%;
		text-align:left;
		position:absolute;
		bottom:1em;
		left:0;
		grid-column:2/5;
}

	/* -- .site-title -- */

	h1.site-title a,
	div.site-title a {
		font-weight: bold;
		letter-spacing: 3px;
	}

	/* -- .snav -- */

/* 1段目メニュー */

@media screen and (min-width: 62.5em){
.snav .headpage{
	display: block;
	margin-top:16px;
	margin-bottom:8px;
	grid-column:1/9;
	grid-row:1/2;
}

.snav .headpage ul{
	display: flex;
	justify-content: flex-end;
}

.snav .headpage ul li a{
	display: block;
	padding:5px 20px 5px 5px;
}
}

@media screen and (max-width: 1359px){
.snav .headpage ul li a{
	display: block;
	padding:5px 5px 5px 5px;
	line-height:1;
	font-size:0.91em;
}	
	}
	
	/* -- .search-box -- */
	.search-box {
		position: inherit;
		padding: 0 16px 0 0;
		float: none;
		position: relative;
		top: 0;
		left:0.8em;
		margin-top:10px;
		grid-column:9/13;
		grid-row:1/2;
	}

	.snav .search-box i {
		display: none;
	}

	.search-box form {
		display: block;
	}

	.search-box div.s-box {
		width: auto;
	}

	.search-box input[type="text"] {
		width: auto;
		padding: 0 .357143em .357143em .357143em;
		background-color: #ffffff;
		border:solid 1px #565656;
	}

	.search-box .searchsubmit {
		position: inherit;
		color: #161616;
		padding: .357143em;
	}

	.snav .search-box div.s-box {
		text-align: left;
		display:flex;
	}
	
	.snav .membership {
		padding: 0;
		float: none;
		overflow: hidden;
		position: relative;
		top: 0;
		grid-column:1/8;
	}

	.snav .membership i {
		display: none;
	}

	.snav .membership ul {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		border: none;
		background: none;
		display: flex;
	}

	.snav .membership li {
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		line-height: 100%;
	}

	.snav .membership li:first-child {
		color: #565656;
/*		color:#ffffff;*/
		font-weight: bold;
	}

	.snav .membership li:first-child,
	.snav .membership li a {
		font-size: 14px;
		border: none;
		margin: 0;
		/*padding: 0 .833334em;*/
		display: block;
		padding:0;
		min-width:120px;
	}
	
	.snav .membership li:first-child{
		padding:10px;
	}

	.snav .membership li.login1{
		padding:0;
	}

	.snav .membership li:last-child a {
		border-right:none;
	}

	.snav .membership li a {
		display: block;
		padding:10px;
		flex: 0 0 46%;
		min-width:120px;
	}

	/* -- .incart-btn -- */
	.incart-btn {
		min-width: 140px;
		margin-top: 0;
		float: left;
		margin-left: 0;
		position: relative;
		top: 0;
		grid-column: 9/13;
    	grid-row: 2/3;
		max-width:160px;
	}

	.incart-btn a {
		background-color: #8d2621;
		padding: 6px .714286em;
		text-align: center;
		-webkit-transition: .3s ease all;
		-moz-transition: .3s ease all;
		-o-transition: .3s ease all;
		transition: .3s ease all;
	}

	.incart-btn a:hover {
		font-weight:bold;
		background-color: #CFBA51;
	}

	.incart-btn i {
		padding: 0;
	}

	.incart-btn i:before {
		color: #fff;
		margin-right: 8px;
	}

	.incart-btn span {
		display: inline-block;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		vertical-align: middle;
		letter-spacing: 1px;
	}

	.incart-btn .total-quant {
		display: inline-block;
		position: relative;
		font-weight: bold;
		color: #ea746b;
		margin-left: 1.25em;
		background-color: #fff;
		text-align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		vertical-align: text-bottom;
	}

	/*　追加 */
	header .snav a {
		color: #000000;
		text-decoration: none;
	}

	header .snav a:hover {
		color: #565656;
		text-decoration: underline;
	}

	/*ここまで*/

	/* -- #site-navigation -- */
	#site-navigation {
		clear: both;
		padding: 0;
	}

	#site-navigation label {
		display: none;
	}

	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 {
		display: block;
		overflow: inherit;
		height: auto;
/*		background-color: #8d2621;*/
		background-color:rgba(216,223,240,0.97);
		color:#ffffff;
		border-bottom:solid 1px #ccc;
		position:relative;
		z-index:999;
	}

#site-navigation ul {
		width: inherit;
		display: flex;
		justify-content: center;
		margin: 0 auto 0 auto;
		padding:0 0 0 0;
		position:relative;
	}

#site-navigation ul li{
		position:relative;
	}
	
#site-navigation li a {
		color: #000;
		display: block;
		margin-bottom: 0;
		padding: 1.4em 1.8em;
		line-height: 100%;
		min-width:160px;
		text-align:center;
		font-size:1.1em;
		position:relative;
	}

#site-navigation li a::hover::before {
	position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.6em;
    content: '';
    background-color: yellow;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: skew(15deg,15deg);
	}
	
#site-navigation ul.sub-menu li a {
		border-radius:0;
	}
	#site-navigation li {
		position:relative;
		padding: 0;
		border-right: none;
		float:none;
	}
#site-navigation ul li:first-child::before {
	position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 1.6em;
    content: '';
    background-color: #8d2621;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateY(-50%) rotate(20deg);
	}

#site-navigation ul li::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 2px;
	height: 1.6em;
	content: '';
    background-color: #8d2621;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateY(-50%) rotate(20deg);
	}

#site-navigation ul.sub-menu li a::before,
#site-navigation ul.sub-menu li a::after{
	display:none;		
	}
#site-navigation ul li:first-child {
		border-left: none;
	}
#site-navigation ul.sub-menu li::after,
#site-navigation ul.sub-menu li::before{
		display:none;
	}
#site-navigation li.current_page_item a,
#site-navigation li.current-menu-parent a {
		background-color: #8d2621;
	}

#site-navigation li a:hover {
		color: #fff;
		background-color: rgba(255,255,255,0);
		text-decoration: none;
	}
	
#site-navigation li a:hover::before{
	position: absolute;
    top: 52%;
    right: 50%;
    width: 93%;
    height: 100%;
    content: '';
    background-color: #cfba51;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(50%) translateY(-50%) skewX(-20deg);
    z-index: -1;
	}
	
nav#site-navigation.is-fixed {
    position: fixed;
    width: 100%;
    z-index: 30;
    top: 0;
    transition: all 0.3s 0s ease;
}
	
/*メニュー変更*/
	/* -- sub-menu -- */
	
	#site-navigation ul .header-nav-child {
		display: none;
	}

	#site-navigation ul ul {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		border: 1px solid #cccccc;
		float: left;
		z-index: 99999;
	}

	#site-navigation ul ul.sub-menu {
		display:none;
		position: absolute;
		width:inherit;
		background-color: #fff;
		border: none;
		float: none;
		z-index: 0;
		top:4.1em;
		left:0;
		/*ここまでデフォルトを定義しなおし*/
		
/*		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;*/
		}
	
	.is-fixed #site-navigation ul ul.sub-menu {
		top:3.1em;
		}
	
	#site-navigation ul ul.sub-menu ul.sub-menu {
		top: 1.6em;
   		left: 70%;
    	z-index: 1;
		}

	#site-navigation ul li li {
		width:initial;
		margin-left: 0;
		border: none;
	}

	#site-navigation ul li li:first-child {
		border: none;
	}

	#site-navigation li li a:hover {
		color:#262626;
	}

	#site-navigation li.current-menu-parent li a {
		background-color: #ffffff;
		position:relative;
		padding-left:1.5em;
		border-bottom:none;
	}

	#site-navigation li.current-menu-parent li a::before {
	position: absolute;
     content: '';
     width: 6px;
     height: 6px;
     border-top: solid 2px #697b91;
     border-right: solid 2px #697b91;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     left: 5px;
     margin-top: -3px;
	}
	
	#site-navigation li.current-menu-parent li a:hover,
	#site-navigation li li a:hover {
			background-color: #697b91;
			color:#ffffff;
	}

	#site-navigation ul ul ul {
		width: 100%;
		left: 0;
		top: -3px;
	}

	#site-navigation li li:first-child a {
		color: #262626;
		background-color: #ffffff;
		border: none;
		height: auto;
		padding: 1em 1em 1em 1em;
		line-height: 1em;
		width: 100%;
		position:relative;
		border-bottom:none;
	}
	
	#site-navigation li li:first-child a::before {
	position: absolute;
     content: '';
     width: 3px;
     height: 3px;
     border-top: solid 2px #8d2621;
     border-right: solid 2px #8d2621;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
		transition:all .3s;
     top: calc(50% - 3px);
     left: 10px; 
     /*margin-top: -3px;*/
	}
	#site-navigation li li:first-child a:hover::before {
	 border-top: solid 2px #ffffff;
     border-right: solid 2px #ffffff;
     /*margin-top: -3px;*/
	}
	
	#site-navigation li li:first-child a:hover {
	background-color:#cfba51;
	color:#ffffff;
	}

	#site-navigation ul ul li a {
		color: #000000;
		background-color: #ffffff;
		border: none;
		height: auto;
		padding: 1em 1em 1em 1em;
		line-height: 1em;
		width: 100%;
		border-bottom:none;
		text-align:left;
		margin-right:1.2em;
	}
	

	#site-navigation ul ul li a::before {
	position: absolute;
     content: '';
     width: 3px;
     height: 3px;
     border-top: solid 2px #697b91;
     border-right: solid 2px #697b91;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     left: 5px;
     /*margin-top: -3px;*/
	}

	#site-navigation ul li:hover > ul {
		display: block;
		box-shadow:0 10px 10px rgba(200,200,200,0.3);
	}

/*
	#site-navigation ul li:hover > div.header-nav-child {
		display: block;
		position: absolute;
		top: 46px;
		width: 1000px;
		left:50%;
		transform: translateX(-50%);
		height:auto;
		background-color: #fff;
		border: 1px solid #cccccc;
		z-index: 99999;
	}
	*/
#site-navigation ul li:hover > div.header-nav-child {	
	display: block;
    position: relative;
    top: 0;
    width: 120%;
    left: -2px;
    height: auto;
    background-color: #fff;
    border: 1px solid #cccccc;
    z-index: 99999;
	}
	
	#site-navigation ul li:hover > div.header-nav-child div.container{
		border:solid 1px #ccc;
		padding:14px 14px 30px 14px;
	}

	#site-navigation * {
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}


	/* =secondary
	-------------------------------------------------------------- */

	#secondary .columnleft section:last-child,
	#secondary .columncenter section:last-child,
	#secondary .columnright section:last-child {
		margin-bottom: 0;
	}

	/* -- one-column -- */
	.one-column #secondary {
		margin: 0 auto;
		padding: 2.142856em 0;
		border-top: none;
		float: none;
		overflow: hidden;
	}

	.one-column #secondary .columnleft {
		width: 240px;
		margin-right: 50px;
		float: left;
	}

	/*　calendar　*/
	.one-column .columnleft .widget_welcart_calendar table {
		width: 100%;
		float: none;
	}

	.one-column #secondary .columncenter {
		width: 240px;
		float: left;
	}

	/*　calendar　*/
	.one-column .columncenter .widget_welcart_calendar table {
		width: 100%;
		float: none;
	}

	.one-column #secondary .columnright {
		width: 420px;
		float: right;
	}

	/* -- two-column -- */
	.two-column #secondary {
		width: 270px;
		padding: 0;
		border: none;
		padding-top:0.8em;
	}

	.two-column.right-set #secondary {
		float: right;
	}

	.two-column.left-set #secondary {
		float: left;
	}

	.two-column .widget_welcart_calendar table {
		width: 100%;
		margin: 0 0 .714286em;
		float: none;
	}


	/*　.widget　*/
	.widget_welcart_bestseller ul {
		overflow: hidden;
	}

	.widget_welcart_bestseller li {
		width: 100%;
		margin-bottom: .714286em;
		float: none;
	}

	.widget_welcart_bestseller li:nth-of-type(odd) {
		clear: none;
	}

	.widget_welcart_featured ul {
		overflow: hidden;
	}

	.widget_welcart_featured .featured_list {
		width: 100%;
		margin-bottom: .714286em;
		float: none;
	}

	.widget_welcart_featured li:nth-of-type(odd) {
		clear: none;
	}

	.widget_welcart_category ul,
	.widget_welcart_search ul,
	.widget_search form,
	.widget_welcart_login ul {
		width: 100%;
	}

	.widget_categories select,
	.widget_archive select {
		width: auto;
	}

	.widget_welcart_search .searchtext {
		width: 60%;
		padding: .4286em;
	}

	.widget_welcart_search #searchsubmit {
		width: 40%;
	}

	/*---- item-list ----*/
	.widget_basic_item_list article {
		padding: .714286em 0;
		width: 100%;
	}

	.widget_basic_item_list a {
		overflow: hidden;
	}

	.widget_basic_item_list .itemimg {
		float: left;
		margin-bottom: 0;
		width: 20%;
	}

	.widget_basic_item_list .item-info-wrap {
		margin-left: 25%;
		width: 75%;
	}

	/* =footer
	-------------------------------------------------------------- */
/*
	footer {
	clear: both;
    color: #262626;
    text-align: center;
    font-size: 15px;
    margin-top: 40px;
    background-image: url(images/nami.png),url(images/nami2.png),url(images/sakana.png);
    background-repeat: no-repeat,no-repeat;
    background-size: 550px auto,450px auto,550px auto;
    background-position: left bottom,center 120px,right 50px;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
	position:relative;
	}

	footer::before {
	    position: absolute;
    	content: "";
    	width: 100%;
    	height: 2em;
    	background-color: #333;
    	left: 0;
    	bottom: 0;
    	z-index: -1;
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(216,223,240,1) 100%);
}
	*/
	/* -- a -- */
	footer a {
		color: #262626;
	}

	/* -- nav -- */
	footer nav {
		width: 94%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 2.142856em 0 0 0 ;
	}

	footer nav li {
		width: 20%;
		float: left;
		margin-bottom: 2.5em;
		padding-right: 2.142856em;
	}

	footer nav li:nth-of-type(6n) {
		clear: both;
	}

	footer nav li li:nth-of-type(6n) {
		clear: none;
	}

	footer nav li a{
		display: block;
		border-bottom:solid 1px #cccccc;
		padding:5px 10px 5px 10px;
		margin-bottom:1em;
		font-size:1em;
		margin-bottom:0;
		line-height:1.2;
	}
	
	footer nav li ul.sub-menu li a{
		border-bottom:none;
		font-size:0.9em;
		padding:4px 10px 2px 10px;
	}
	
	footer nav li ul.sub-menu li a{
		border-bottom:none;
		font-size:0.9em;
		padding:4px 10px 2px 10px;
	}

footer a.footer-logo {
	display:inline-block;
    font-weight: bold;
    font-family: "Sawarabi Mincho";
    text-decoration: none;
    font-size: 1.5em;
    letter-spacing: 2px;
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    background-image: url(images/logomark.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}

	/* -- .copyright -- */
	.copyright {
		padding: 1.071428em 0;
		text-align: center;
	}


	/* =contetns
	-------------------------------------------------------------- */

	/* -- main -- */
	#main {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 2.857143em auto;
		padding: 0;
		display: block;
 	   flex: 1 0 auto;
	}

	.home #main {
		margin: 0 auto 2em auto;
	}

	/* -- main-image -- */
	.main-image {
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.main-image img {
		width: auto;
	}

	/* -- .one-column -- */
	#main.one-column #content {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	/* -- .two-column -- */
	#main.two-column #content {
		width: 73%;
		margin: 0 auto 0 auto;
		padding: 0;
		padding-top:0;
		min-height:550px;
		padding-left: 1em;
	    padding-right: 1em;
	}

	/*	.two-column.right-set #content {
			float: left;
		}
		*/
	.two-column.left-set #content {
		float: right;
	}


	/* =front-page.php
	-------------------------------------------------------------- */

	.blog #content .pagination_wrapper {
		margin-bottom: 20px;
	}

	/* -- .sof -- */
	.home .sof {
		margin-bottom: 30px;
	}

	.home .sof .entry-content {
		margin-bottom: 0;
	}

.home .sof {
	margin-bottom: 3em;
    margin-top: 2em;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
	background:url(images/sakana-ill2-min.png) right center / contain no-repeat;
}

.home .sof article{

	}
	
@media screen and (min-width: 55em){
	.home .sof article{
	width: 65%;
    max-width: 1600px;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 12vw;
    margin-left: 0;
    margin-right: auto;
    box-sizing: border-box;
    background-color: rgba(246,244,238,0.8);
	}
	}
	
/* topcomment*/

p.top-comment{
	width:96%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	line-height:1.8;
	padding:1.6em;
	background-color:rgba(255,255,255,0.8);
}

@media screen and (min-width: 55em){
p.top-comment{
	width:96%;
	max-width:700px;
	margin-left:0;
	margin-right:auto;
	line-height:1.8;
	padding:1.6em;
	background-color:rgba(255,255,255,0.8);
}
}
h2.entry-title.top-comment{
	margin-top:1em;
	margin-bottom:1em!important;
	font-size:1.4em;
	text-align:center!important
	width:96%;
	box-sizing:border-box;
}
@media screen and (min-width: 55em){
h2.entry-title.top-comment{
	max-width:700px;
	font-size:1em;
	padding-left:1em;
	text-align:left!important;
	margin-left:0;
	padding-bottom:0!important;
	margin-right:auto;
}
}

	/* =page.php + single.php .entry-content
	-------------------------------------------------------------- */

	/* -- h1,h2,h3,h4,h5 -- */
	.entry-content h1 {
		font-size: 1.285712em;
		margin-bottom: 2.222224em;
	}

	.entry-content h2 {
		font-size: 1.7em;
	}


	/* =archive.php
	-------------------------------------------------------------- */

	/* -- .post-li -- */
	.post-li {
		padding-bottom: 1.071428em;
	}


	/* =comments.php
	-------------------------------------------------------------- */

	.comment-area .comment-list {
		overflow: hidden;
	}

	.comment-area .comment-list li {
		margin: .714286em 0 0;
	}

	#respond .form-submit {
		margin-top: 1.42857em;
		padding-top: .714286em;
		border-top: 1px solid #ccc;
	}


}

/*
    slickスライダーの設定
*/
.slider .slick-prev {
	/* デフォルトでは-25px(= スライダーの外側) */
	left: 10px;
}

.slider .slick-next {
	/* デフォルトでは-25px(= スライダーの外側) */
	right: 10px;
}

.slider .slick-prev,
.slider .slick-next {
	/* スライド画像の後ろに隠れないようにする */
	z-index: 100;
}

.slider .slick-prev::before,
.slider .slick-next::before {
	/* フォントと色の設定はbefore内で行う */
	/* font-size: 28px; */
	color: #cfba51!important;
}

/* 特集バナー */
.m-container-slider{
    margin-top: 1em;
	margin-bottom: 3.6em;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
	width:92%;
}
@media screen and (min-width: 55em) {
.m-container-slider{
	margin-top:3em;
}
}

.m-slider-child.slick-slide{
	padding:1em;
}
.m-slider-desc a img{
	width:100%;
	height:auto;
}


/*******/


 header.is-fixed{
	position:fixed;
	z-index:999;
	transition: .3s;
	top:0;
	left:0;
	width:100%;
}

.is-fixed .inner{
	transition: .3s;
	min-height: 60px;
    transition: .3s;
    max-height: 90px;
}

.is-fixed .snav{
	/*max-width:800px;*/
	margin-top:0;margin-bottom:0;
	padding:0;
	max-height: 92px;
}
/*
@media screen and (max-width: 1122px) {
.is-fixed .snav{
	max-width:800px;
	margin-top:0;margin-bottom:0;
	padding:0;
}
}*/

.is-fixed .snav .headpage{
	margin-top:10px;
	margin-bottom:0;
}

@media screen and (max-width: 999px) {
.is-fixed .snav .headpage{
		display:none;
	}	
}

.is-fixed h1.site-title,
.is-fixed div.site-title{
	font-size:1.8em;
	top:50px;
/*	width:400px;*/
	padding:20px 0 20px 10px;
/*	text-align:center;*/
	transition: .3s;
}

@media screen and (max-width: 999px) {
.is-fixed h1.site-title,
.is-fixed div.site-title{
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	font-size:1.6em;
	padding-top:14px;
}
	
.is-fixed h1.site-title a,
.is-fixed div.site-title a	{
	padding-left:40px;
	}
}

.is-fixed .site-description{
	display:none;
}

@media screen and (max-width: 999px) {
.is-fixed .search-box{
	margin-top:0;
	transition: .3s;
}
}

@media screen and (min-width:1000px) and (max-width: 1122px) {
	.is-fixed .search-box{
		position:absolute;
		left:40%;
	}
}

.is-fixed #site-navigation li a{
	padding-top:15px;padding-bottom:15px;
}

header.is-fixed{
	background-color:rgba(255,255,255,0.91);
}

/*　ハンバーガーメニュー　*/

.navi-btn {
    display: block;
    width: 62px;
    height: 66px;
    position: absolute;
    position: fixed;
    cursor: pointer;
    background-color: #c62323;
    z-index: 9998;
    top: 0px;
    left: 0px;
}

/*1000以上で非表示 */

@media screen and (min-width: 62.5em) {

    .navi-btn {
        display: none;
    }

}

.navi-btn span {
    position: absolute;
    display: block;
    width: 30px;
    height: 4px;
    background: #ffffff;
    /*transition: all .3s;*/
    left: 14px;
}

.navi-btn span:nth-of-type(1) {
    top: 15px;
    opacity: 1;
    /*transition: all .3s;*/
}

.navi-btn span:nth-of-type(2) {
    top: 29px;
    opacity: 1;
}

.navi-btn span:last-of-type {
    top:42px;
}

.navi-btn p {
	/*
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 44px;
    left: 6px;
    font-size: 0.9rem;
	*/
	display:none;
}

.navi-btn-on span:first-of-type {
    transform: rotate(-45deg) translateY(7px) translateX(-10px);
}

.navi-btn-on span:nth-of-type(2) {
    transform: translateX(0);
    opacity: 0;
}

.navi-btn-on span:last-of-type {
    transform: rotate(45deg) translateY(-8px) translateX(-11px);
}


/* ハンバーガーメニュー内のメニュー */

.navi-menu {
    top: 0;
    display: none;
    background: #c62323;
    width: 100%;
    padding-top: 45px;
    padding-bottom: 20px;
    position: fixed;
    z-index: 100;
    overflow-y: auto;
    height: 100vh;
	margin-top:50px;
}

.navi-menu ul {
    margin: 15px;
    overflow-y: auto;
    text-align: center;
}

.navi-menu li ul {
    margin: 0;
}

.navi-menu li {
    list-style-type: none;
    border-bottom: solid 1px #ffffff;
}

.navi-menu li ul {
    padding: 10px 0 16px 0;
    border-top: solid 1px #ffffff;
}

.navi-menu li ul li {
    list-style-type: disc;
    border-bottom: none;
}

.navi-menu li a {
	display: block;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 700;
    text-decoration: none;
    padding: 0.8rem 2rem;
    line-height: 2;
    position: relative;
}

.navi-menu .submenu {
    display: none;
}

.navi-menu .submenu-on {
    display: block;
}

.navi-menu .submenu li a {
    text-align: left;
    line-height: 1.4;
}


/*閉じた状態の矢印描画*/
.navi-menu a.sub-btn::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: #fff 3px solid;
    border-right: #fff 3px solid;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    left: 92%;
    top: 10px;
}

/* 会社概要　*/

table.kaisyagaiyou,
table.enkaku{
	width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
table.kaisyagaiyou th,
table.kaisyagaiyou td,
table.enkaku th,
table.enkaku td{
	padding:0.6em;
	border:solid 1px #ccc;
	min-height:2.2em;
}

table.kaisyagaiyou td:nth-child(odd),
table.enkaku td:nth-child(odd){
	background-color:#ececec;
	width:30%;
}

.img-box{
	display:flex;
	justify-content:space-between;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}

.img-box figure img{
	width:100%;
	max-width:470px;
	height:auto;
}

/* hutinaosi */

@media screen and (max-width: 62.499em){
.inner-in {
    grid-column: 1/13!important;
    grid-row: 1/2!important;
}
}

@media screen and (max-width: 62.499em){
.snav {
    grid-column: 1/13!important;
    grid-row: 2/3!important;
	display:flex;
	justify-content:center;
	margin-top:0;
}
}

nav.navi-menu input.on-off{
	visibility:hidden!important;
}

/* swiper 
----------------------------------------------*/

/** swiper **/

#hero{
	overflow-x:hidden;
	overflow-y:hidden;
	flex: 1 0 auto;
	position:relative;
	padding-bottom:2em;
}

#hero .swiper-pagination-bullet{
	background-color:#8d2621;
}
#hero .swiper-wrapper img {
  width: 100%;
	height:auto;
  object-fit: cover;
}

.best-slider h3.f_title{
	display:none;
}

#best-area {
    width: 100%;
    max-width: 1200px;
    overflow-x: hidden;
	position:relative;
	margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 55em){
#best-area .front-il-inner {
	padding-left:0;
	padding-bottom:0;
}
}
@media screen and (max-width: 500px){
#best-area .front-il-inner {
    padding-left: 0!important;
}
}

#best-area .swiper-wrapper{
	padding-bottom:2.4em;
	padding-top:1.8em;
}

#best-area .swiper-slide a{
	position: relative;
    text-decoration: none;
    display: block;
}

#best-area span.bestrank{
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    z-index: 1;
	background-color: #8d2621;
    padding: 0.3em 0 0.3em 1.96em;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
}
#best-area span.bestrank::before{
    content:'';
    position:absolute;
	display:block;
	width:18px;
	height:18px;
	left:5px;
	background: url(images/rankmark.svg) no-repeat 0 2px;
}

#best-area h3.wid_title{
    display:none;
}

#best-area span.itemprice {
    letter-spacing: 0;
	display:block;
}

#best-area .article-inner{
	position:relative;
}

.ranking-over {
	position: relative;
    margin-top: 3em;
    padding-top: 2em;
	margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
	background-color:#daf1fd;
	box-sizing:border-box;
	padding:0 1em;
}

@media screen and (min-width: 1600px){
.ranking-over {
		margin-bottom:4em;		
	}
}
/* kanrensyouhin */

.k-container-slider{
	margin-top:10px;
	margin-bottom:30px;
}

.k-slider-desc{
	max-width:190px;
	text-align:left;
	min-height:210px;
	padding:10px;
	box-sizing: border-box;
}

.item-description .k-slider-desc p{
	margin-bottom:0;
}

.k-slider-desc a{
	text-align:center;
}
.k-slider-desc a img{
	width:100%;
	height:auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #e2e2e2;
	padding:10px;
}

h3.kanren-title {
    font-size: 1em!important;
    border-left: none;
    font-weight: 400!important;
}
.yarpp-related {
    margin-bottom: 1em;
    margin-top: 1em;
    margin-left: 1em!important;
    margin-right: 1em!important;
}

em.tax{
	color:#262626;
}

article header.entry-header {
    background: none;
}

form.wpcf7-form p label span:nth-child(1) {
    padding-top: 0.3em;
	min-width:8em;
}

@media screen and (max-width: 500px){
form.wpcf7-form p label span:nth-child(1) {
    padding-top: 0.3em;
	min-width:100%;
}
}

@media screen and (max-width: 500px){
form.wpcf7-form p label span:nth-child(2) {
    padding-top: 0;
	min-width:100%;
}
}

form.wpcf7-form p label {
	display:block;
	padding-top:1em;
}

@media screen and (min-width: 62.5em){
form.wpcf7-form p label {
    display: flex;
    column-gap: 0.5em;
}
}
form.wpcf7-form p label textarea {
	width:100%;
}

.wpcf7-form-control-wrap {
    width: 100%;
    max-width: 600px;
}

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

@media screen and (max-width: 62.4999em){
	.sb-btn {
    	display:grid;
	}
}

form.wpcf7-form.init {
    margin-left: auto!important;
    max-width: 93%;
    margin-left: auto!important;
    margin-right: auto!important;
}

.category-news .post-li article {
    display: block;
    width: 94%;
    padding-bottom: 1em;
    margin-bottom: 1.2em;
    border-bottom: solid 1px #ccc;
}

.yarpp-related a{
	font-weight:400!important;
	line-height:1.1;
}