/*
Theme Name:		Welcart Voll
Description:	Welcart Voll is child theme for Welcart Basic.
Author:			Collne.Inc
Author URI:		http://www.collne.com/
Template:		welcart_basic
Version:		1.0.2
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, Voll, two-columns, left-sidebar
*/


/* =fonts
-------------------------------------------------------------- */
.invisible {
    opacity: 0.0;
}

.visible {
    opacity: 1.0;
}

/* ———————— .Gothic ———————— */
body {
	font-family: 'Josefin Sans', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

body {
	font-size: 14px;
	overflow: hidden;
	letter-spacing: .5px;
	z-index: 0;
}

/* ———————— .site ———————— */

.site.menu-on,
.site.widgetcart-on {
	height: 100%;
}


/* ———————— title ———————— */

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?6ypp84');
  src:  url('fonts/icomoon.eot?6ypp84#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?6ypp84') format('truetype'),
    url('fonts/icomoon.woff?6ypp84') format('woff'),
    url('fonts/icomoon.svg?6ypp84#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ———————— a ———————— */
a {
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}
a:hover {
	text-decoration: none;
}
/* ———————— img ———————— */
img {
	max-width: 100%;
	height:  auto;
}

/* ———————— input ———————— */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] {
	height: 35px;
	padding: 0 .714em;
	line-height: 35px;
	letter-spacing: 1px;
}
input[type="button"],
input[type="submit"],
input[type="reset"]{
	height: 40px;
	padding: 0 2.142em;
	line-height: 40px;
	background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
input[type="radio"] {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
/* ———————— select ———————— */
select {
	height: 35px;
	padding: 0 2.142em 0 .714em;
	background-color: #fff;
	line-height: 35px;
}
select {
		padding: 0 2.142em 0 .714em\9 !important; /* IE10以下 */
}

@media all and (-ms-high-contrast: none){
  select{
    padding: 0 2.142em 0 .714em !important; /* IE10以上 */
  }
}
/* ———————— textarea ———————— */
textarea {
	line-height: 140%;
}
/* ———————— table ———————— */
table {
	line-height: normal;
}
table caption {
	margin-bottom: .357em;
}
table th {
	font-weight: normal;
	vertical-align: middle;
}
/* ———————— em ———————— */
em {
	font-size: inherit;
}

@keyframes fade-in {
  0% {
	display: none;
	opacity: 0;
  }
  1% {
	display: block;
	opacity: 0;
  }
  100% {
	display: block;
	opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
	display: none;
	opacity: 0;
  }
  1% {
	display: block;
	opacity: 0;
  }
  100% {
	display: block;
	opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
	display: none;
	opacity: 0;
  }
  1% {
	display: block;
	opacity: 0;
  }
  100% {
	display: block;
	opacity: 1;
  }
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* =header
-------------------------------------------------------------- */

header {
	margin-bottom: 1.071em;
	padding: 0;
	border: none;
	z-index: 3;
}
.home header {
	margin-bottom: 1.071em;
}
header .inner {
	padding: 1.785em 1.071em 1em;
}
/* ———————— #widget-head ———————— */
#widget-head {
	margin: 1.071em 0 0;
}
/* ———————— .fixed-box ———————— */
.fixed .site-description {
	display: none;
}

.fixed.open .fixed-box {
	top: 0;
}
.fixed .fixed-box .incart-btn {
	bottom: 10px;
}
.fixed #widget-head {
	display: none;
}

/* ———————— .site-description ———————— */
.site-description {
	position: relative;
	min-height: auto;
	font-weight:  normal;
	margin: 0 3.845em;
	padding: 0;
	background: none;
	border: none;
	text-align: center;
	overflow: inherit;
}
/* ———————— .site-title ———————— */
h1.site-title,
div.site-title {
	position: relative;
	font-size: 30px;
	font-weight: normal;
	margin: 0 1.38888em .138888em;
	padding: 0;
	float: none;
	line-height: normal;
	letter-spacing: 1.5px;
}
h1.site-title a,
div.site-title a {
	vertical-align: text-bottom;
}
h1.site-title img,
div.site-title img {
	max-width: 100%;
	width: auto;
}
/* ———————— .menu-bar ———————— */
.menu-bar {
	position: absolute;
	top: 1.428em;
	left: 1.071em;
}
.menu-on .menu-bar {
	position: fixed;
	z-index: 3;
}
@-webkit-keyframes menu-bar01 {
	0% {
		-webkit-transform: translateY(20px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(20px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar01 {
	0% {
		transform: translateY(20px) rotate(45deg);
	}
	50% {
		transform: translateY(20px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.menu-trigger span:nth-of-type(2) {
	transition: all .25s .25s;
	opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
	-webkit-animation: menu-bar02 .6s forwards;
	animation: menu-bar02 .6s forwards;
}
@-webkit-keyframes menu-bar02 {
	0% {
		-webkit-transform: translateY(-20px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-20px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar02 {
	0% {
		transform: translateY(-20px) rotate(-45deg);
	}
	50% {
		transform: translateY(-20px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.menu-on .menu-trigger span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .75s forwards;
	animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(20px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(20px) rotate(45deg);
	}
}
@keyframes active-menu-bar01 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(20px) rotate(0);
	}
	100% {
		transform: translateY(20px) rotate(45deg);
	}
}
.menu-on .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.menu-on .menu-trigger span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .75s forwards;
	animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-20px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-20px) rotate(-45deg);
	}
}
@keyframes active-menu-bar03 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(-20px) rotate(0);
	}
	100% {
		transform: translateY(-20px) rotate(-45deg);
	}
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 2.5em;
	height: 1.786em;
	cursor: pointer;
}
.menu-on .menu-trigger {
	z-index: 3;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 12px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
/*-- .active -- */
.menu-on .menu-trigger span:nth-of-type(1) {
	top: -9px;
}
.menu-on .menu-trigger span:nth-of-type(3) {
	bottom: -9px;
}
.menu-trigger span:nth-of-type(1) {
	-webkit-animation: menu-bar01 .6s forwards;
	animation: menu-bar01 .6s forwards;
}
/* ———————— .incart-btn ———————— */
.incart-btn {
	position: absolute;
	top: 1.785em;
	right: 1.071em;
	float: none;
	text-align: center;
}
widgetcart-on .incart-btn {
	z-index: 3;
}
.incart-btn a {
	color: inherit;
	background: none;
}
.incart-btn i {
	font-size: 1.785em;
}
.incart-btn .total-quant {
	position: absolute;
	top: -.357em;
	right: -.714em;
	left: auto;
	background: none;
	line-height: 20px;
}
/* ———————— .mobile_menu ———————— */
.mobile_menu_wrap {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	padding: 4.998em  1.071em;
	transition-duration: .6s;
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	z-index: 2;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.menu-on .mobile_menu_wrap {
	position: fixed;
	left: 0;
}
/* ———————— .snav ———————— */
.snav {
	margin: 0;
	padding: 0;
	float: none;
}
/* -- .searchbox + .membership -- */
.snav .search-box,
.snav .membership {
	float: none;
	text-align: center;
}
.snav .membership ul,
.search-box form {
	background: none;
	z-index: -1;
}
.snav .membership i,
.snav .search-box i {
	display: none;
}
/* -- .search-box -- */
.search-box form {
	display: block;
}
.search-box div.s-box {
	float: none;
	border-width: 1px;
	border-style: solid;
}
.search-box input[type="text"],
.search-box .searchsubmit {
	background: none;
}
.search-box input[type="text"] {
	padding-right: 2.858em;
}
.search-box .searchsubmit {
	font-size: 1.385em;
	font-weight: normal;
	height: 35px;
	margin-left: -2px;
	padding: 0 .714em;
	border: none;
	line-height: 35px;
}
/* -- .membership -- */
.snav .membership ul {
	display: block;
	position: static;
	padding: 1.071em 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.snav .membership li {
	margin: 0 0 .714em;
	padding: 0;
	border: none;
}
.snav .membership li a {
	max-width: 400px;
	height: 36px;
	line-height: 36px;
	border: none;
}
.snav .membership li:first-child {
	margin-bottom: .5712em;
	border: none;
	text-align: left;
}
/* ———————— #site-navigation ———————— */
#site-navigation * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;

}
header div.nav-menu-open,
header div.header-nav-container {
	display: block;
}
#site-navigation {
	width: 100%;
	margin: 1.071em 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#site-navigation ul {
	padding: 0;
}
#site-navigation li a {
	margin: 0 2.142em 1.429em 0;
	padding: 0;
	border: none;
	line-height: 140%;
}
/* ———————— .sns ———————— */
.sns {
	padding: 1.071em 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.sns li {
	width: 40px;
	height: 40px;
	font-size: 1.429em;
	float: left;
	margin-right: .5712em;
	text-align: center;
}
.sns li a {
	display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.sns li i {
	line-height: 40px;
}

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

footer {
	padding: 0;
	background: none;
	border-top-width: 1px;
	border-top-style: solid;
}
footer .inner {
	padding: 1.785em 1.071em;
}
#toTop {
	bottom: 0;
	right: 0;
}
#toTop a {
	width: 64px;
	height: 64px;
	text-align: center;
}
#toTop i {
	line-height: 64px;
}
/* -- #site-info -- */
#site-info {
	width: auto;
	padding: 0;
}
#site-info ul {
	text-align: center;
}
#site-info li {
	display: inline-block;
	width: auto;
	margin: 0 0 .714em;
	padding: 0 1.071em;
	float: none;
}
/* -- .copyright -- */
.copyright {
	padding: .714em 0;
	text-align: center;
  font-size: 0.7em;
}

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

#secondary {
	margin: 0;
	padding: 2.858em 1.071em;
	border-top-width: 1px;
	border-top-style: solid;
}
#secondary h3 {
	font-size: 1.2852em;
	font-weight: normal;
	margin: 0 0 1.38888em;
	padding: 0;
	border: none;
	letter-spacing: 1px;
	line-height: normal;
}
#secondary .widget_title>img {
	vertical-align: middle;
}
#secondary section {
	margin: 0 0 2.858em;
	padding: 0;
}
/* ———————— calendar ———————— */
.widget_welcart_calendar table {
	width: 100%;
	margin: 0 auto 1.071em;
	float: none;
}
.widget_calendar table {
	margin: 0;
}
.widget_welcart_calendar table,
.welcart_blog_calendar table,
.widget_calendar table {
	border: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-collapse: separate;
	line-height: 36px;
}
.widget_welcart_calendar caption,
.welcart_blog_calendar caption,
.widget_calendar caption {
	line-height: normal;
}
.widget_welcart_calendar th,
.welcart_blog_calendar th,
.widget_calendar th {
	font-weight: normal;
	background: none;
	border: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.widget_welcart_calendar td,
.welcart_blog_calendar td,
.widget_calendar td {
	background: none;
	border: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.widget_welcart_calendar td.businessday {
	background: none;
}
/* ———————— list ———————— */
.widget_welcart_category ul,
.usces_recent_entries ul,
.widget_welcart_page ul,
.widget_welcart_post ul,
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_nav_menu ul,
.widget_pages ul {
	padding: 0;
}

.usces_recent_entries ul,
.widget_welcart_post ul,
.widget_welcart_page ul,
.widget_archive ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_meta ul,
.widget_recent_entries ul,
.widget_recent_comments ul {
	border-width: 1px 0 0 1px;
	border-style: solid;
}
.usces_recent_entries li,
.widget_welcart_post li,
.widget_welcart_page li,
.widget_archive li,
.widget_nav_menu ul li,
.widget_pages li,
.widget_meta li,
.widget_recent_entries li,
.widget_recent_comments li {
	margin: 0;
	padding: 0;
	border-width: 0 1px 1px 0;
	border-style: solid;
}
.usces_recent_entries li a,
.widget_welcart_page li a,
.widget_nav_menu ul li a,
.widget_pages li a,
.widget_meta li a,
.widget_recent_comments li {
	display: block;
	padding: 1.071em;
}
.widget_recent_entries li a {
	display: inline-block;
	padding: 1.071em;
}
.widget_archive li a{
	padding: 1.071em 0 1.071em 1.071em;
}
.widget_welcart_post li a {
	display: block;
	padding: 1.071em 1.071em .714em;
}
.widget_welcart_post li p {
	padding: 0 1.071em 1.071em;
	line-height: 170%;
}
.widget_nav_menu li ul {
	padding: 0;
	margin: 0 0 1.071em 1.071em;
}
.widget_nav_menu li ul li {
	padding: 0;
	margin: 0;
	border-width: 0 0 1px;
}


.widget_welcart_category li,
.widget_categories li {
	margin: 0;
	padding-bottom: .714em;
	border: none;
	line-height: 200%;
}
.widget_welcart_category li li a:before,
.widget_categories li li a:before {
	display: inline-block;
	content: '-';
	margin-right: 5px;
}

.widget_welcart_category li:last-child,
.usces_recent_entries li:last-child,
.widget_welcart_page li:last-child,
.widget_welcart_post li:last-child,
.widget_archive li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_categories li:last-child,
.widget_meta li:last-child,
.widget_recent_entries li:last-child{
	padding-bottom: 0;
}
.widget_categories li a {
	padding-bottom: 0;
}
/* -- .widget_categories -- */
.widget_categories li ul,
.widget_welcart_category li ul,
.widget_pages li ul{
	margin: .714em 1.071em 0;
	padding: 0;
}
.widget_categories li li {
	padding-bottom: 0;
}
/* ———————— .widget_tag_cloud ———————— */
.widget_tag_cloud .tagcloud {
	line-height: 270%;
}
/* ———————— search ———————— */
.widget_welcart_search .searchtext,
.widget_welcart_search #searchsubmit,
.widget_search .search-text,
.widget_search .searchsubmit{
	height: 40px;
	padding: 0 .714em;
	background: none;
	line-height: 40px;
}
.widget_search .search-text {
	background: none;
}
.widget_search .searchsubmit{
	border: none;
}
.widget_welcart_search div {
	background: none;
}
.widget_welcart_search div a {
	height: 40px;
	line-height: 40px;
}
/* ———————— Welcart Original Widget ———————— */
/* -- .widget_welcart_featured  + .widget_welcart_bestseller -- */
.widget_welcart_featured ul,
.widget_welcart_bestseller ul{
	padding: 0 !important;
	text-align: center;
	overflow: hidden;
}
.widget_welcart_bestseller .bestseller-item,
.widget_welcart_featured .featured_list {
	position: relative;
	width: 48.5%;
	margin: 0 3% 0 0;
	padding: 0;
	float: left;
	border: none;
}
.widget_welcart_bestseller .bestseller-item:nth-of-type(even),
.widget_welcart_featured .featured_list:nth-of-type(even){
	margin-right: 0;
}
.widget_welcart_bestseller .bestseller-item:nth-of-type(odd),
.widget_welcart_featured .featured_list:nth-of-type(odd){
	clear: both;
}
.widget_welcart_bestseller .bestseller-item:nth-of-type( n + 3 ),
.widget_welcart_featured .featured_list:nth-of-type( n + 3 ){
	margin-top: 3%;
}
.widget_welcart_bestseller li a {
	display: block;
	padding-bottom: 0;
}
.widget_welcart_featured li .inner,
.widget_welcart_bestseller li .inner {
	position: relative;
	margin: 0;
}
.widget_welcart_featured .itemimg,
.widget_welcart_bestseller .itemimg {
	position: relative;
	margin-bottom: .714em;
}
.widget_welcart_bestseller .itemimg {
	width: auto !important;
	float: none;
}
.widget_welcart_featured .itemimg img,
.widget_welcart_bestseller .itemimg img {
	width: 100%;
	border: 1px solid #f6f6f6;
}
.widget_welcart_featured .itemname,
.widget_welcart_bestseller .itemname {
	width: auto;
	margin-bottom: .714em;
	letter-spacing: .5px;
	line-height: normal;
	text-align: left;
}
.widget_welcart_featured .itemprice,
.widget_welcart_bestseller .itemprice {
	width: auto;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .5px;
	text-align: center;
}
.widget_welcart_bestseller .rankimg {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 12px;
	width: 25px;
	height: 25px;
	margin-bottom: .357em;
	line-height: 25px;
	text-align: center;
	z-index: 1;
}
.widget_welcart_bestseller .rankimg:before {
	font-family: 'icomoon';
}
.bestseller-item.rank1 .rankimg:before {
  content: "\e900";
}
.bestseller-item.rank2 .rankimg:before {
  content: "\e901";
}
.bestseller-item.rank3 .rankimg:before {
  content: "\e902";
}
.bestseller-item.rank4 .rankimg:before {
  content: "\e903";
}
.bestseller-item.rank5 .rankimg:before {
  content: "\e904";
}
.bestseller-item.rank6 .rankimg:before {
  content: "\e905";
}
.bestseller-item.rank7 .rankimg:before {
  content: "\e906";
}
.bestseller-item.rank8 .rankimg:before {
  content: "\e907";
}
.bestseller-item.rank9 .rankimg:before {
  content: "\e908";
}
.bestseller-item.rank10 .rankimg:before {
  content: "\e909";
}


.widget_welcart_featured .itemsoldout,
.widget_welcart_bestseller .itemsoldout {
	width: auto;
	text-align: right;
}
/* -- .widget_welcart_login -- */
.widget_welcart_login .loginbox {
	padding: 0;
}
.widget_welcart_login label {
	line-height: 30px;
}
.widget_welcart_login input.loginmail,
.widget_welcart_login input.loginpass {
	height: 40px;
	margin-bottom: .714em;
	padding: 0 .714em;
	line-height: 40px;
}
.widget_welcart_login input#member_loginw,
.widget_welcart_login input#member_login {
	width: 100%;
	height: 40px;
	margin-bottom: .714em;
	padding: 0;
	background: none;
	line-height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.widget_welcart_login a {
	display: inline-block;
	margin-top: .357em;
}
.widget_welcart_login .loginbox div {
	margin-bottom: .714em;
}
.widget_welcart_login .loginbox a.usces_logout_a,
.widget_welcart_login .loginbox a.login_widget_mem_info_a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0;
}
.widget_welcart_login .loginbox a.login_widget_mem_info_a {
	margin-top: -10px;
}

/* =content
-------------------------------------------------------------- */

#content {
	padding: 0;
}
.home .site-content {
	padding: 0 1.071em 2.858em;
}
.site-content {
	padding: 0 0 2.858em;
}

.cat-il,
.search-il {
	margin: 0 1.071em;
}

/* ———————— .page-header ———————— */
.page-header {
	margin: 0;
}
/* ———————— .page-title + .entry-title ———————— */
#content .page-title,
#content .entry-title {
    font-size: 1.2852em;
    font-weight: normal;
    margin: 0 .83333em .83333em;
	line-height: normal;
    letter-spacing: 1px;
}
.page-title-satsuki{
  color: #74845f;
}
.page-title-hazuki{
  color: #51889d;
}
.page-title-kamiari{
  color: #20296a;
}
.page-title-satsuki a{
  color: #74845f;
}
.page-title-hazuki a{
  color: #51889d;
}
.page-title-kamiari a{
  color: #20296a;
}
/* ———————— .list-wrap ———————— */
.list-wrap {
	position: relative;
	text-align: center;
}
.list-wrap article {
	width: 48.5%;
	margin: 0 3% 0 0;
	padding: 0;
	float: left;
}
.list-wrap article:nth-of-type(even) {
	margin-right: 0;
}
.list-wrap article:nth-of-type(odd) {
	clear: both;
}
.list-wrap article:nth-of-type(n + 3) {
	margin-top: 3%;
}
.list-wrap article .inner {
	position: relative;
}
.list-wrap .itemimg {
	position: relative;
	margin-bottom: .714em;
}
.list-wrap .itemimg img {
	width: 100%;
	border: 1px solid #f6f6f6;
}
.itemimg .itemsoldout {
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
}
.itemimg .itemsoldout .text {
	position: absolute;
	top: 50%;
	width: 100%;
	font-size: 16px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-align: center;
	letter-spacing: .5px;
}
.itemimg .itemsoldout .sub_text {
	display: block;
	font-size: 13px;
	margin-top: 10px;
	padding: 0 10px;
	letter-spacing: normal;
}
#secondary .itemsoldout .sub_text {
	display: none;
}
.list-wrap .itemname {
	margin-bottom: .714em;
	letter-spacing: .5px;
	text-align: left;
}
.list-wrap .itemprice {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .5px;
	text-align: center;
}
/* ———————— .opt-tag ———————— */
#secondary .opt-tag {
	display: none;
}
.opt-tag {
	position: absolute;
	top: .833em;
	left: .833em;
	font-size: 12px;
	z-index: 1;
}
.opt-tag li {
	width: auto;
	margin: 0 0 2px;
	padding: 0 2px;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	float: none;
	text-align: center;
	line-height: normal;
}
/* ———————— .pagination ———————— */
.pagination_wrapper {
	margin-top: 1.785em;
}
.pagination_wrapper li .current,
.pagination_wrapper li a {
	width: 40px;
	height: 40px;
	padding: 0;
	background: none;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	line-height: 40px;
}
/* ———————— .itemsoldout ———————— */
.widget_welcart_featured .itemsoldout,
.widget_welcart_bestseller .itemsoldout,
.item-info .itemsoldout {
	font-weight: normal;
	text-align: center;
}

/* ———————— .campaign_message ———————— */
.campaign_message {
	font-size: 13px;
	font-weight: normal;
	margin: .357em 0;
	background: #efefef;
	line-height: normal;
}
/* ———————— .more ———————— */
.entries .more {
	margin-top: 2.142em;
	text-align: center;
	letter-spacing: normal;
}
.entries .more a {
	display: inline-block;
	font-weight: bold;
	height: 40px;
	padding: 0 2.142em;
	border-width: 2px;
	border-style: solid;
	line-height: 40px;
}
.entries .more a:before {
	font-family: 'FontAwesome';
	content: '\f0da ';
	margin-right: .714em;
}

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

/* ———————— .entries ———————— */
.entries {
	margin-bottom: 1.785em;
}
/* -- h2 -- */
.entries h2 {
	font-size: 1.231em;
	font-weight: normal;
	margin-bottom: 1.25em;
	letter-spacing: 1px;
}
/* ———————— #main-visual ———————— */
#main-visual {
	margin: 0 0 1.785em;
}
#main_slide {
	background: none;
	border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#main_slide .flex-control-nav {
	position: static;
	margin: 1.0714em 0 -1.0714em;
}
#main_slide li {
	position: relative;
}
#main_slide .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	padding: .83333em;
	letter-spacing: 1px;
	line-height: normal;
	text-align: center;
}

/* ———————— .category-area ———————— */
.category-area .cat_box {
	position: relative;
	width: 50%;
	float: left;
	overflow: hidden;
}
.category-area .over {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.category-area .over .inner {
	color: #fff;
	width: 100%;
	padding: .714em 1.071em;
	text-align: center;
	background: rgba( 0, 0, 0, .5 );
}
.cat_box .cat-name {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .5px;
	line-height: normal;
}
.cat_box .cat-desc {
	display: none;
	margin-top: 1.429em;
}
.category-area .slick-prev,
.category-area .slick-next {
	display: block !important;
	width: auto;
	height: auto;
	z-index: 1;
}
.category-area .slick-prev:before,
.category-area .slick-next:before {
	color: #fff;
}

/* ———————— .front-il ———————— */
.blog #content .front-il article {
	width: 48.5%;
	padding: 0;
	margin: 0 3% 0 0;
}
.blog #content .front-il article:nth-of-type(n + 3) {
	margin-top: 3%;
}
/* -- clear -- */
.blog #content .front-il article:nth-of-type(odd) {
	clear: both;
}
.blog #content .front-il article:nth-of-type(even) {
	margin-right: 0;
}
.front-il .itemprice {
	text-align: center;
}
/* ———————— .info-area ———————— */
.info-area {
	margin-bottom: 0;
}
.info-area .wrap {
	border-width: 1px 0 0 1px;
	border-style: solid;
}
.blog #content .info-area article {
	position: relative;
	width: auto;
	margin: 0;
	padding: 0;
	border-width: 0 1px 1px 0;
	border-style: solid;
	text-align: left;
}
.blog #content .info-area article:last-child {
	margin-bottom: 0;
}
.info-area .inner .cf {
	position: relative;
}
.info-area .post-date {
	font-size: 12px;
	position: absolute;
	top: 10px;
	left: 15px;
	margin: 0;
}
.info-area .post-title a {
	display: block;
	padding: 2.5em 1.071em 1.071em;
}
.info-area .post-img {
	margin: 0 15px 15px;
	text-align: center;
}
.info-area .post-excerpt {
	font-size: 13px;
	padding: 0 15px 15px;
}
.info-area .cf {
	position: relative;
}

/* ———————— .home-widget-area ———————— */
/* -- .home-widget .widget -- */
.home-widget .widget {
	margin-bottom: 1.785em;
}
.home-widget .widget:last-child {
	margin-bottom: 0;
}
/* -- .widget_text -- */
.home-widget .widget_text h3 {
	font-size: 1.7142em;
	margin-bottom: .41666em;
	text-align: center;
}
.home-widget .widget_text h4 {
	font-size: 1.2857em;
	margin-bottom: .83333em;
	text-align: center;
}
.home-widget .widget_text h4:after {
	display: block;
	content: " ";
	width: 50px;
	height: 2px;
	margin: .83333em auto 0;
}
.home-widget .widget_text h5 {
	font-size: 1.2857em;
	margin-bottom: .83333em;
	text-align: center;
}
.home-widget .widget_text h6 {
	font-size: 1.1428em;
	margin-bottom: .9375em;
	text-align: center;
}
.home-widget .widget_text p {
	text-align: center;
	line-height: 180%;
}

/* ———————— .widget_basic_item_list ———————— */
.blog #content .widget_basic_item_list article {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

/* =category.php
-------------------------------------------------------------- */

/* -- product -- */
.taxonomy-img {
	margin: 0 1.0714em 1.429em;
}
.taxonomy-description {
	margin: 0 1.071em 1.071em;
}
/* -- .post-li -- */
.post-li {
	margin: 0 1.071em;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.post-li article {
    margin: 0;
    padding: 1.071em;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.post-li .post-date {
	margin-bottom: .714em;
}
.post-li .post-title {
	margin-bottom: 0;
}
.post-li .post-img {
	margin-bottom: .714em;
}

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

/* -- .entry-img -- */
.entry-img {
	margin: 0 0 1.785em;
}
/* -- .entry-meta -- */
.entry-meta {
	margin: 0 1.071em 1.785em;
	padding: 0;
	border: none;
}
.entry-meta span {
	margin-bottom: .357em;
}
/* -- .entry-content -- */
.entry-content {
	margin: 0 1.071em 0;
}
/* -- title -- */
.entry-content h1,
.item-description h1,
.entry-content h2,
.item-description h2,
.entry-content h3,
.item-description h3,
.entry-content h4,
.item-description h4,
.entry-content h5,
.item-description h5,
.entry-content h6,
.item-description h6 {
	clear: none;
}

.entry-content h1,
.item-description h1 {
	font-size: 1.42857em;
	margin-bottom: .75em;
}
.entry-content h2,
.item-description h2 {
	font-size: 1.2852em;
	padding: 0;
	margin-bottom: .83333em;
	border: none;
}
.entry-content h3,
.item-description h3 {
    font-size: 1.2852em;
    font-weight: normal;
    margin: 0 0 1.38888em;
    padding: 0;
    border: none;
    letter-spacing: 1px;
    line-height: normal;
}
.entry-content h4,
.item-description h4 {
	font-size: 1.2852em;
	margin-bottom: .83333em;
	padding: 0;
	background: none;
}
.entry-content h5,
.item-description h5 {
	margin-bottom: 1.0714em;
}
.entry-content h6,
.item-description h6 {
	margin-bottom: 1.0714em;
}
/* -- p -- */
.entry-content p,
.item-description p {
	margin-bottom: 1.0714em;
	line-height: normal;
}
/* -- a -- */
.entry-content a,
.item-description a {
	text-decoration: underline;
}
.entry-content a:hover,
.item-description a:hover {
	text-decoration: none;
}
/* -- table -- */
.entry-content th,
.item-description th {
	background: none;
}
/* -- ul -- */
.entry-content ul,
.entry-content ol,
.item-description ul,
.item-description ol {
	margin: 0 1.0714em 1.0714em;
}
.entry-content li,
.item-description li {
	margin-bottom: .357em;
}

.entry-content input[type="submit"],
.item-description input[type="submit"] {
	background: none;
}

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

.comment-area {
	margin: 3.57em 0 0;
	padding: 1.785em 1.071em 0;
	border-top-width: 1px;
	border-top-style: solid;
}
.comments-area {
	margin: 0;
	padding: 0;
	border: none;
}
.comment-area h2 {
	font-size: 16px;
	margin: 0 0 .625em;
}
.comment-area h2:before {
	font-size: 16px;
	margin-right: .375em;
}
.comment-area li:first-child {
	padding-top: 1.071em;
	border-top-width: 1px;
	border-top-style: solid;
}
.comment-area li,
.comment-area li:last-child {
	margin-bottom: 1.071em;
	padding-bottom: 1.071em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.comment-area li .comment-author {
	margin: 0 0 .714em;
	float: none;
}
.comment-area li img {
	display: inline-block;
	margin: 0 0 .714em;
	vertical-align: middle;
}
.comment-area li .commentmetadata {
	margin-bottom: .714em;
}
.comment-area .reply {
	margin-top: 1.071em;
}
.comment-area #respond {
	padding-top: 0;
}
#respond label {
	font-weight: normal;
}
.comment-area .form-submit input {
	display: block;
	width: 100%;
}
#respond .form-submit {

}


/* =search.php
-------------------------------------------------------------- */
.search .no-posts {
	margin: 0 1.071em;
	text-align: center;
}

.topbox {
  margin: 0 auto;
  padding: 25px;
  font-size: 0.9em;
}
.topboxmini{
  margin-left: 60px;
}
.um-right{
  display: none;
}
.um-button{
  display: none;
}
.um-half {
    width: 100%;
}
.footer_explanation{
  background-color:
  #fffff6;
  padding: 25px;
  font-size: 0.85em !important;
}
#delivery_time_limit_message{
  display: none;
}
.customkey_pusername{
  display: none;
}
/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {


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

	/* ———————— calendar ———————— */
	.widget_welcart_calendar table {
		width: 46%;
		margin: 0 2% 2%;
		float: left;
	}


	/* ———————— Welcart Original Widget ———————— */
	.widget_welcart_category ul {
		width: auto;
	}
	.widget_welcart_bestseller .bestseller-item,
	.widget_welcart_featured .featured_list{
		width: 31.3333%;
	}
	.widget_welcart_bestseller .bestseller-item:nth-of-type(even),
	.widget_welcart_featured .featured_list:nth-of-type(even) {
		margin-right: 3%;
	}
	.widget_welcart_featured .featured_list:nth-of-type( 3n ),
	.widget_welcart_bestseller .bestseller-item:nth-of-type( 3n ){
		margin-right: 0;
	}
	.widget_welcart_featured .featured_list:nth-of-type(odd),
	.widget_welcart_bestseller .bestseller-item:nth-of-type(odd) {
		clear: none;
	}
	.widget_welcart_featured .featured_list:nth-of-type( 3n + 1 ),
	.widget_welcart_bestseller .bestseller-item:nth-of-type( 3n + 1 ){
		clear: both;
	}
	.widget_welcart_featured .featured_list:nth-of-type( n + 3 ),
	.widget_welcart_bestseller .bestseller-item:nth-of-type( n + 3 ){
		margin-top: 0;
	}
	.widget_welcart_featured .featured_list:nth-of-type( n + 4 ),
	.widget_welcart_bestseller .bestseller-item:nth-of-type( n + 4 ){
		margin-top: 1.4285em;
	}


/* =content
-------------------------------------------------------------- */

	/* ———————— .list-wrap ———————— */
	.list-wrap article {
		width: 31.3333%;
	}
	.list-wrap article:nth-of-type(even) {
		margin-right: 3%;
	}
	.list-wrap article:nth-of-type(3n) {
		margin-right: 0;
	}
	.list-wrap article:nth-of-type(n + 3) {
		margin-top: 0;
	}
	.list-wrap article:nth-of-type(n + 4) {
		margin-top: 3%;
	}
	/* -- clear -- */
	.list-wrap article:nth-of-type(odd) {
		clear: none;
	}
	.list-wrap article:nth-of-type(3n + 1) {
		clear: both;
	}

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

	/* ———————— .category-area ———————— */
	#main_slide .caption {
		font-size: 16px;
	}

	/* ———————— .category-area ———————— */
	.cat-slider-sub .cat_box {
		margin: 0 .357em;
	}
	.cat_box .cat-name {
		font-size: 14px;
	}
	/* ———————— .front-il ———————— */
	.blog #content .front-il article {
		width: 31.3333%;
	}
	.blog #content .front-il article:nth-of-type(even) {
		margin-right: 3%;
	}
	.blog #content .front-il article:nth-of-type(3n) {
		margin-right: 0;
	}
	.blog #content .front-il article:nth-of-type(n + 3) {
		margin-top: 0;
	}
	.blog #content .front-il article:nth-of-type(n + 4) {
		margin-top: 1.429em;
	}
	/* -- clear -- */
	.blog #content .front-il article:nth-of-type(odd) {
		clear: none;
	}
	.blog #content .front-il article:nth-of-type(3n + 1) {
		clear: both;
	}

	.info-area .post-img {
		width: 20%;
		float: right;
	}



/* =category.php + archive.php
-------------------------------------------------------------- */

	/* ———————— .post-li ———————— */
	.post-li .post-img {
		position: relative;
		width: 47.5%;
		margin-bottom: 0;
		float: left;
		overflow: hidden;
	}

/* =comment.php
-------------------------------------------------------------- */

	.comment-area .form-submit input {
		width: auto;
	}
.menu-sab th{
  width:30%;
}
.unitprice{
  display: none;
}
.customkey_pusername{
  display: none !important;
}
.um-field-checkbox {
  display: none !important;
}
.um-col-alt-b{
  display: none !important;
}
#um-submit-btn{
  background: #b52520;
}
.company-tb th{
  width: 20%;
}

}
@media screen and (max-width: 46.25em) {
  .unitprice{
    display: none;
  }
  .topboxmini{
    margin-left: 80px;
  }
  .um-right{
    display: none;
  }
  .um-button{
    display: none;
  }
  .um-half {
    width: 100%!important;
}
.customkey_pusername{
  display: none !important;
}
.um-field-checkbox {
  display: none !important;
}
.um-col-alt-b{
  display: none !important;
}
#um-submit-btn{
  background: #b52520;
}
.company-tb th{
  width: 30%;
}

}

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


/* =header
-------------------------------------------------------------- */

	/* ———————— .fixed-box ———————— */
	/* -- .menu-bar -- */
	.fixed .menu-bar {
		margin-right: 2.858em;
	}


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

	/* ———————— #main ———————— */
	#main {
		position: relative;
		width: auto;
	}


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

	/* ———————— #main_slide ———————— */
	#main_slide .flex-control-nav {
		margin: 2.1428em 0 -1.0714em;
	}
	/* ———————— .info-area ———————— */
	.info-area .post-date {
		top: 20px;
		left: 20px;
	}
	.info-area .post-title a {
		padding: 1.429em 1.429em 1.429em 7.14em;
	}
	.info-area .post-img {
		margin: 0 20px 20px;
	}
	.info-area .post-excerpt {
		padding: 0 20px 20px;
	}

	/* ———————— .home-widget-area ———————— */
	/* -- .widget_text -- */
	.home-widget .widget_text h3 {
		font-size: 2.1428em;
		margin-bottom: .66666em;
	}
	.home-widget .widget_text h4 {
		font-size: 1.7142em;
		margin-bottom: .625em;
	}
	.home-widget .widget_text h4:after {
		margin-top: .625em;
	}
	.home-widget .widget_text h5 {
		font-size: 1.7142em;
		margin-bottom: .625em;
	}
	.home-widget .widget_text p {
		font-size: 1.1428em;
		line-height: 200%;
	}

/* =category.php
-------------------------------------------------------------- */

	.post-li article {
		padding: 1.429em;
	}

}


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


/* =Btn
-------------------------------------------------------------- */

	input[type="button"],
	input[type="submit"],
	input[type="reset"] {
		height: 50px;
		line-height: 50px;
	}


/* =header
-------------------------------------------------------------- */

	header .inner {
		width: auto;
		padding: 1.785em 0 0;
	}

	/* ———————— .site-title ———————— */
	h1.site-title,
	div.site-title {
		font-size: 44px;
		width: auto;
		float: left;
		margin: 0 .6818em 0 .3409em;
    width: 20%;
	}
	h1.site-title a,
	div.site-title a {
		font-weight: normal;
	}

	/* ———————— .site-description ———————— */
	.site-description {
		font-size: 1em;
		width: auto;
		margin: 5em 1.071em 0 0;
	}

	/* ———————— .site-description ———————— */
	#widget-head {
		width: 43.4782%;
		margin:5em 1.071em 0 0;
		float: right;
	}

	/* ———————— .fixed-box ———————— */
	.fixed .fixed-box {
		padding: 0;
	}
	.fixed #head-top {
		display: none;
		margin-bottom: 0;
		float: left;
	}
	.fixed #head-bottom {
		clear: none;
		padding: 0;
	}
	/* -- .site-title -- */
	.fixed .site-title {
		min-height: 62px;
		margin: 0 .3409em;
	}
	.fixed .site-title a {
		height: 50px;
		vertical-align: middle;
		line-height: 50px;
	}
	/* -- #site-navigation -- */
	.fixed #site-navigation {
		clear: none;
		float: left;
		width: auto;
		margin: 0;
	}
	/* -- .incart-btn -- */
	.fixed .fixed-box .incart-btn {
		top: 0;
		bottom: auto;
		min-height: 49px;
		margin: .9285em 1.0714em 0 .35714em;
	}
	.fixed .snav {
		min-height: 49px;
		margin: .9285em 0 0;
	}

	/* ———————— #band-box ———————— */
	#head-top {
		margin-bottom: 1.785em;
	}
	#head-bottom {
		clear: both;
		padding: 0 1.071em;
	}
	.snav {
		clear: none;
		margin: .9285em 0;
		float: right;
	}
	.incart-btn,
	.snav .search-box,
	.snav .membership {
		float: right;
	}
	.snav .membership {
		margin-right: .35714em;
	}

	.sns {
		margin: .9285em 0;
		padding: 0;
		float: right;
		border: none;
	}

	/* ———————— .menu-bar ———————— */
	.menu-bar {
		display: none;
	}
	/* ———————— transition ———————— */
	.incart-btn a,
	.incart-btn i {
		-webkit-transition: .3s ease all;
		-moz-transition: .3s ease all;
		-o-transition: .3s ease all;
		transition: .3s ease all;
	}
	/* ———————— .incart-btn ———————— */
	.incart-btn {
		position: relative;
		top: auto;
		right: auto;
		min-width: inherit;
		margin: .9285em 0 .9285em .35714em;
		text-align: center;
	}
	.incart-btn a {
		padding: 0;
		line-height: 40px;
	}
	.incart-btn a,
	.incart-btn i,
	.search-box i,
	.snav .membership i{
		width: 35px;
		height: 35px;
		line-height: 35px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.incart-btn i {
		font-size: 1.714em;
	}
	.incart-btn i:before {
		font-size: 20px;
		margin: 0;

	}
	.incart-btn .total-quant {
		color: #fff;
		top: 0;
		right: 0;
		line-height: 20px;
	}
	/* ———————— .mobile_menu ———————— */
	.mobile_menu_wrap {
		position: static;
		padding: 0;
		overflow-y: visible;
	}
	.fixed .mobile_menu_wrap {
		padding: 0;
	}
	/* ———————— .snav ———————— */
	.snav .search-box,
	.snav .membership {
		position: relative;
		padding: 0;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		transition-duration: .5s;
	}
	.snav .membership {
		overflow: inherit;
	}
	.snav .search-box i,
	.snav .membership i{
		display: block;
		font-size: 1.714em;
		width: 35px;
		height: 35px;
		margin: 0;
		padding: 0;
		line-height: 35px;
		text-align:  center;
		float: left;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.snav .search-box i:hover,
	.snav .membership i:hover {
		cursor: pointer;
	}
	/* -- .snav .search-box -- */
	.snav .search-box form {
		display: none;
		position: absolute;
		top: 40px;
		left: auto;
		right: 0;
		width: 300px;
		padding: 0;
		z-index: 1;
	}
	.search-box input[type="text"] {
		width: 100%;
		padding: 0 3.214em 0 .714em;
		height: 50px;
		line-height: 50px;
	}
	.search-box .searchsubmit {
		position: absolute;
		height: 50px;
		line-height: 50px;
	}
	/* -- .snav .membership -- */
	.snav .membership ul {
		display: none;
		position: absolute;
		top: 40px;
		left: auto;
		right: 0;
		width: 300px;
		padding: 1.785em;
		border-width: 1px;
		border-style: solid;
		z-index: 1;
	}
	.snav .membership.On ul,
	.snav .search-box.On form {
		display: block;
		animation-duration: 0.3s;
		animation-name: fade-in;
		-moz-animation-duration: 0.3s;
		-moz-animation-name: fade-in;
		-webkit-animation-duration: 0.3s;
		-webkit-animation-name: fade-in;
	}
	.snav .membership li:first-child,
	.snav .membership li {
		padding: 0;
		float: none;
	}
	/* ———————— #sns ———————— */
	.sns li {
		font-size: 1.714em;
		width: 35px;
		height: 35px;
		margin-right: .25em;
	}
	.sns li i {
		line-height: 35px;
	}
	/* ———————— #site-navgation ———————— */
	#site-navigation {
		clear: none;
		font-size: 1.1428em;
		width: auto;
		margin: 0;
		float: none;
		border: none;
	}
	#site-navigation ul {
		display: flex;
		justify-content: center;
		width: auto;
		float: left;
		text-align: center;
		text-transform: uppercase;
		font-weight: 500;
		letter-spacing: 1px;
	}
	#site-navigation ul * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all 0.35s ease;
		transition: all 0.35s ease;
	}
	#site-navigation li {
		position: relative;
		display: inline-block;
		list-style: outside none none;
		padding: 0;
	}
	#site-navigation li a {
		position: relative;
		z-index: 2;
	}
	#site-navigation li a::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
		-webkit-transition: all .2s;
		transition: all .2s;
	}
	#site-navigation li a::after {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
	}
	#site-navigation li a:hover::after {
		opacity: 1;
	}
	#site-navigation ul li,
	#site-navigation ul li:first-child {
		border: none;
	}
	#site-navigation ul li.current_page_item a,
	#site-navigation ul li.current-menu-parent a {
		background: none;
	}
	#site-navigation ul li.current_page_item a::after,
	#site-navigation ul li.current-menu-parent a::after {
		top: 0;
	}
	#site-navigation ul li a {
		padding: 1.25em;
		margin: 0;
		display: block;
		position: relative;
		overflow: hidden;
	}
	#site-navigation ul li a:hover {
		background: none;
	}
	#site-navigation ul li.current-menu-item a:before,
	#site-navigation ul li.current-menu-item a:after,
	#site-navigation ul li.current-page-parent a:before,
	#site-navigation ul li.current-page-parent a:after,
	#site-navigation ul li a:hover:before,
	#site-navigation ul li a:hover:after {
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		opacity: 1;
	}
	/* -- ul ul -- */
	#site-navigation ul ul {
		display: none;
		font-size: 14px;
		font-weight: normal;
		position: absolute;
		top: 100%;
		left: 0;
		width: auto;
		white-space: nowrap;
		background: none;
		border-width: 1px 1px 0 0;
		border-style: solid;
		float: left;
		z-index: 99999;
		opacity: 0;
		text-align: left;
		letter-spacing: normal;
	}
	#site-navigation ul li:hover > ul {
		display: block;
		opacity: 1;
		animation-duration: 0.2s;
		animation-name: fade-in;
		-moz-animation-duration: 0.2s;
		-moz-animation-name: fade-in;
		-webkit-animation-duration: 0.2s;
		-webkit-animation-name: fade-in;
	}
	#site-navigation ul li li,
	#site-navigation ul li li:first-child {
		margin-left: 0;
		border-width: 0 0 1px 1px;
		border-style: solid;
	}
	#site-navigation ul ul li a,
	#site-navigation ul ul li:first-child a{
		color: inherit;
		margin: 0;
		padding: 1.0714em 1.4285em;
	}
	#site-navigation ul ul li a:hover {
		background-color: #fff;
	}
	#site-navigation ul li li a:before,
	#site-navigation ul li li a:after {
		display: none;
	}
	/* -- ul ul ul ^--*/
	#site-navigation ul ul ul {
		width: 100%;
		top: -2px;
		left: 100%;
		right: auto;
		padding: 0;
	}

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

	#secondary,
	.two-column #secondary {
		width: 26.089%;
		margin: 0;
		padding: 0;
		border: none;
	}
	#secondary h3 {
		font-size: 24px;
		margin-bottom: .8333em;
	}
	#secondary section {
		margin-bottom: 3.57em;
	}

	/* ———————— Calendar Widget ———————— */
	.two-column .widget_welcart_calendar table {
		margin-bottom: 1.071em;
	}

	/* ———————— Welcart Original Widget ———————— */
	.widget_welcart_featured ul,
	.widget_welcart_bestseller ul,
	.widget_basic_item_list .grid {
		text-align: left;
	}
	.widget_welcart_featured .featured_list,
	.widget_welcart_bestseller .bestseller-item,
	.widget_basic_item_list .grid-box {
		width: 100%;
		float: none;
		margin-bottom: 1.0714em;
	}
	.widget_welcart_featured .featured_list:nth-of-type( 3n + 1 ),
	.widget_welcart_bestseller .bestseller-item:nth-of-type( 3n + 1 ){
		clear: none;
	}
	.widget_welcart_featured .featured_list:nth-of-type( n + 4 ),
	.widget_welcart_bestseller .bestseller-item:nth-of-type( n + 4 ){
		margin-top: 0;
	}
	.widget_welcart_featured .featured_list:last-child,
	.widget_welcart_bestseller .bestseller-item:last-child{
		margin-bottom: 0;
	}
	.widget_welcart_featured li .inner,
	.widget_welcart_bestseller li .inner,
	.widget_basic_item_list .grid-box .inner{
		margin: 0;
	}
	.widget_welcart_featured .itemimg,
	.widget_welcart_bestseller .itemimg,
	.widget_basic_item_list .itemimg {
		width: 30% !important;
		float: left;
		margin: 0 5% 0 0;
	}
	.bestseller-item .itemimg,
	.featured_list .itemimg {
		overflow: hidden;
	}
	.bestseller-item .itemimg a::before,
	.featured_list .itemimg a::before{
		position: absolute;
		top: 0;
		left: -75%;
		z-index: 2;
		display: block;
		content: '';
		width: 50%;
		height: 100%;
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 100%);
		-webkit-transform: skewX(-25deg);
		transform: skewX(-25deg);
	}
	.bestseller-item .itemimg a:hover::before,
	.featured_list .itemimg a:hover::before{
		-webkit-animation: shine .75s;
		animation: shine .75s;
	}
	.bestseller-item .itemimg img:hover,
	.featured_list .itemimg img:hover{
		opacity: .8;
	}
	.widget_welcart_featured .itemname,
	.widget_welcart_bestseller .itemname,
	.widget_basic_item_list .itemname{
		margin-bottom: .357em;
	}
	.widget_welcart_bestseller .itemname {
		text-align: left;
	}
	.widget_welcart_featured .itemprice,
	.widget_welcart_bestseller .itemprice,
	.widget_basic_item_list .itemprice {
		text-align: left;
	}
	#secondary .widget_welcart_bestseller .rankimg {
		font-size: 10px;
		top: 5px;
		left: 5px;
		width: 20px;
		height: 20px;
		margin-bottom: .357em;
		line-height: 20px;
	}
	/* -- itemsoldout -- */
	#secondary .item-info .itemsoldout,
	#secondary .widget_welcart_featured .itemsoldout,
	#secondary .widget_welcart_bestseller .itemsoldout {
		text-align: left;
	}
	#secondary .itemimg .itemsoldout .text {
		font-size: 13px;
	}

	.widget_welcart_search .searchtext {
		width: 70%;
	}
	.widget_welcart_search #searchsubmit {
		width: 30%;
	}



/* =footer.php
-------------------------------------------------------------- */

	footer {
		border: none;
	}
	footer .inner {
		padding: 1.785em 1.071em .714em;
	}
	#site-info {
		float: left;
	}
	#site-info ul {
		text-align: left;
	}
	#site-info li {
		padding-left: 0;
	}
	#site-info li:before {
		display: inline-block;
		content: " ";
		width: 1px;
		height: 8px;
		margin-right: 1.0714em;
	}
	#site-info li:last-child {
		padding-right: 0;
	}
	#site-info li:last-child::after {
		display: inline-block;
		content: " ";
		width: 1px;
		height: 8px;
		margin-left: 1.0714em;
	}
	.copyright {
		padding: 0;
		float: right;
		text-align: right;
	}

/* =content
-------------------------------------------------------------- */

	#main,
	.home #main {
		margin: 2.5em 1.071em 8.5714em;
	}
	#main.two-column #content {
		width: 69.565%;
		margin: 0;
	}

	.home .site-content {
		padding: 0;
	}
	.site-content {
		margin: 0 auto;
		padding: 0;
		border: none;
    width: 800px;
	}
	.cat-il,
	.search-il{
		margin: 0;
	}

	/* ———————— .page-title + .entry-title ———————— */
	#content .page-title,
	#content .entry-title {
		font-size: 30px;
		margin: 0 0 .83333em;
	}
  .page-title-satsuki{
    color: #74845f;
  }
  .page-title-hazuki{
    color: #51889d;
  }
  .page-title-kamiari{
    color: #20296a;
  }
  .page-title-satsuki a{
    color: #74845f;
  }
  .page-title-hazuki a{
    color: #51889d;
  }
  .page-title-kamiari a{
    color: #20296a;
  }
	/* ———————— .entries ———————— */
	.entries,
	.home-widget .widget {
		margin-bottom: 3.57em;
	}
	.entries h2 {
		font-size: 24px;
		margin-bottom: 1.25em;
	}
	/* ———————— .grid ———————— */
	.list-wrap .itemimg {
		position: relative;
		overflow: hidden;
	}
	.list-wrap .itemimg a::before {
		position: absolute;
		top: 0;
		left: -75%;
		z-index: 2;
		display: block;
		content: '';
		width: 50%;
		height: 100%;
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 100%);
		-webkit-transform: skewX(-25deg);
		transform: skewX(-25deg);
	}
	.list-wrap .itemimg a:hover::before {
		-webkit-animation: shine .75s;
		animation: shine .75s;
	}
	.list-wrap .itemimg img:hover {
		opacity: .8;
	}
	/* ———————— ..post-li ———————— */
	.post-img a::before {
		position: absolute;
		top: 0;
		left: -75%;
		z-index: 2;
		display: block;
		content: '';
		width: 50%;
		height: 100%;
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
		-webkit-transform: skewX(-25deg);
		transform: skewX(-25deg);
	}
	.post-img a:hover::before {
		-webkit-animation: shine .75s;
		animation: shine .75s;
	}
	.post-img img:hover {
		opacity: .8;
	}
	/* ———————— .campaign_message ———————— */
	#secondary .campaign_message {
		margin: 0 0 .357em 35%;
	}

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

	/* ———————— #main-visual ———————— */
	#main-visual {
		margin: 0 auto 3.57em;
	}
	#main_slide .flex-control-nav {
		margin: 2.1428em 0 -2.1428em;
	}
	/* ———————— .category-area ———————— */
	#main_slide .caption {
		font-size: 20px;
		padding: .65em;
	}

	/* ———————— .category-area ———————— */
	.category-area {
		margin: 0 auto 3.57em;
	}
	.category-area .over {
		transition-duration: .3s;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
	}
	.category-area a:hover img {
		opacity: 1;
		width: 120%;

	}
	.category-area a:hover > .over {
		display: block;
		opacity: 1;
		bottom: 0 !important;
	}
	.cat-slider .cat-name {
		font-size: 16px;
		letter-spacing: 2px;
	}
	/* ———————— .front-il ———————— */
	.blog #content .front-il article:nth-of-type(1),
	.blog #content .front-il article:nth-of-type(2) {
		width: 48.5%;
	}
	.blog #content .front-il article:nth-of-type(3) {
		clear: both;
	}
	.blog #content .front-il article:nth-of-type(3n) {
		clear: both;
		margin-right: 3%;
	}
	.blog #content .front-il article:nth-of-type(2),
	.blog #content .front-il article:nth-of-type(5){
		margin-right: 0;
	}
	.blog #content .front-il article:nth-of-type(3n+ 5) {
		margin-right: 0;
	}
	.blog #content .front-il article:nth-of-type(n + 3) {
		margin-top: 3%;
	}
	.blog #content .front-il article:nth-of-type(3n + 1) {
		clear: none;
	}

	/* ———————— .info-area ———————— */

	.info-area {
		margin: 0;
	}

	.info-area .post-img {
		position: relative;
		overflow: hidden;
	}


	/* ———————— .home-widget ———————— */
	#home-widget-bottom {
		margin: 0 0 3.57em;
	}
	/* -- .widget_basic_item_list -- */
	.blog #content .widget_basic_item_list article {
		width: 31.3333%;
	}
	.home-widget .widget_basic_item_list .itemimg {
		width: auto !important;
		float: none;
		margin: 0 0 .714em;
	}
	.home-widget .widget_basic_item_list .itemname {
		margin-bottom: 0;
	}
	/* -- .widget_welcart_bestseller + .widget_welcart_featured -- */
	.home-widget .widget_welcart_bestseller .bestseller-item,
	.home-widget .widget_welcart_featured .featured_list{
		width: 31.3333%;
		margin: 0 3% 0 0;
		float: left;
	}
	.home-widget .widget_welcart_bestseller .bestseller-item:nth-of-type( 3n ),
	.home-widget .widget_welcart_featured .featured_list:nth-of-type( 3n ) {
		margin-right: 0;
	}
	.home-widget .widget_welcart_bestseller .bestseller-item:nth-of-type( 3n + 1 ),
	.home-widget .widget_welcart_featured .featured_list:nth-of-type( 3n + 1 ) {
		clear: both;
	}
	.home-widget .widget_welcart_bestseller .bestseller-item:nth-of-type( n + 4 ),
	.home-widget .widget_welcart_featured .featured_list:nth-of-type( n + 4 ) {
		margin-top: 1.429em;
	}
	.home-widget .bestseller-item .itemimg,
	.home-widget .featured_list .itemimg {
		width: auto !important;
		float: none;
		margin: 0 0 .714em;
	}
	.home-widget .widget_welcart_featured .itemname,
	.home-widget .widget_welcart_bestseller .itemname {
		text-align: left;
	}
	.home-widget .widget_welcart_featured .itemprice,
	.home-widget .widget_welcart_bestseller .itemprice,
	.home-widget .widget_basic_item_list .itemprice{
		text-align: center;
	}

	/* -- .widget_text -- */
	.home-widget .widget_text h3 {
		font-size: 2.8571em;
		margin-bottom: .5em;
	}
	.home-widget .widget_text h4 {
		font-size: 2.1428em;
		margin-bottom: .75em;
	}
	.home-widget .widget_text h4:after {
		margin-top: .75em;
	}
	.home-widget .widget_text h5 {
		font-size: 2.1428em;
		margin-bottom: .75em;
	}


/* =category.php + archive.php
-------------------------------------------------------------- */

	/* -- .post-il -- */
	.post-li {
		margin: 0;
		padding: 0;
	}
	/* -- product -- */
	.taxonomy-img {
		margin: 0 0 1.785em;
	}
	.taxonomy-description {
		font-size: 14px;
		margin: 0 0 1.7857em;
		line-height: normal;
	}

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

	/* -- .entry-img -- */
	.entry-img {
		margin: 0 0 1.785em;
	}
	/* -- .entry-meta -- */
	.entry-meta {
		margin: 0 0 2.142em;
	}
	.entry-content {
		margin: 0;
	}

	.entry-content h1,
	.item-description h1 {
		font-size: 36px;
		margin-bottom: .55555em;
	}
	.entry-content h2,
	.item-description h2 {
		font-size: 30px;
		margin-bottom: .6666em;
	}
	.entry-content h3,
	.item-description h3 {
		font-size: 24px;
		margin-bottom: .8333em;
	}


/* =comment.php
-------------------------------------------------------------- */

	.comment-area {
		margin: 3.57em 0 0;
		padding: 1.785em 0 0;
	}
	.comments-area {
		margin: 0;
		padding: 0;
		border: none;
	}
	.comment-area #respond {
		padding-top: 0;
	}
	.comment-area h2 {
		margin: 0 0 .625em;
	}
	.comment-area li .reply {
		margin-top: .357em;
	}
	#respond .form-submit {
		margin-top: 0;
		padding-top: .714286em;
		border: none;
	}

}


/**
 * 16.4 Desktop Large 1180px
 */
@media screen and (min-width: 1180px) {

	/* =header
	-------------------------------------------------------------- */

	#head-bottom {
		padding: 0;
    height: 3px;
	}
	.head-inner {
		width: 1150px;
		margin: 0 auto;
	}

	/* ———————— #widget-head ———————— */
	#widget-head {
		width: 500px;
		margin: 0;
	}
	/* ———————— .site-title ———————— */
	h1.site-title,
	div.site-title {
		margin-left: 0;
	}


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

	#secondary,
	.two-column #secondary {
		width: 300px;
	}

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

	footer .inner {
		width: 1150px;
		margin: 0 auto;
		padding: 1.785em 0 .714em;
	}



	/* =content
	-------------------------------------------------------------- */

	#main,
	.home #main {
		width: 1150px;
		margin: 2.5em auto 8.5714em;
	}
	#main.two-column #content {
		width: 800px;
	}
	/* -- h2 -- */
	.entries h2 {
		margin-left: 0;
	}
  .topbody{
    margin: 20px 0 50px 0;
  }
  .logo {
  text-align: center;
  }
  .toptext {
  width: 700px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}
  .toptext h2 {
    font-size: 1.5em;
    margin: 20px;
  }
  .toptext img{
    margin: 50px;
  }
  .topbox {
    width: 700px;
    margin: 0 auto;
    padding: 25px;
  }
  .cbox {
    width: 800px;
    margin:20px 0 30px 0;
  }
  #itemimg-pc{
  	display: none;
  }
  .unitprice{
    display: none;
  }
  .subtotal{
    display: none;
  }
}
/* =トップページ
-------------------------------------------------------------- */

/* ========================================
   sumikawa.shop: 商品一覧サムネイル統一 (2026-07-31)
   ======================================== */
.cat-il article .itemimg {
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.cat-il article .itemimg a {
	display: block;
	width: 100%;
	height: 100%;
}
.cat-il article .itemimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ========================================
   sumikawa.shop: ヘッダータイトル(テキスト表示)調整 (2026-07-31)
   ======================================== */
h1.site-title,
div.site-title {
	font-size: 26px;
	width: auto;
	max-width: none;
	float: left;
	line-height: 1.5;
	letter-spacing: .08em;
	margin: 0 1em 0 0;
	font-weight: 500;
}
h1.site-title a,
div.site-title a {
	white-space: nowrap;
	text-decoration: none;
	color: #1a1a1a;
}
.site-description {
	font-size: 12px;
	color: #777;
	margin: 12px 0 0;
}
@media screen and (max-width: 768px) {
	h1.site-title,
	div.site-title {
		font-size: 18px;
	}
	h1.site-title a,
	div.site-title a {
		white-space: normal;
	}
}

/* ========================================
   sumikawa.shop: デザイン調整（上品トーン）2026-07-31
   ======================================== */
body {
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", sans-serif;
	color: #3a3a3a;
}

/* ---- ヘッダー：中央ロゴ＋キャッチ上部 ---- */
#head-top .head-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	float: none;
	padding: 26px 0 8px;
}
h1.site-title,
div.site-title {
	float: none;
	margin: 0;
	font-family: 'Noto Serif JP', "Hiragino Mincho ProN", serif;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: .18em;
	line-height: 1.4;
}
h1.site-title a, div.site-title a { color: #2f2b28; }
.site-description {
	order: -1;
	margin: 0 0 8px;
	font-size: 10.5px;
	letter-spacing: .24em;
	color: #8f8a84;
	text-align: center !important;
	float: none;
}

/* ---- グローバルナビ ---- */
#head-bottom {
	border-top: 1px solid #e7e2db;
	border-bottom: 1px solid #e7e2db;
	margin-top: 16px;
	background: #fff;
}
.global-nav { position: static; }
.global-menu {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0 3em;
	list-style: none;
	margin: 0;
	padding: 13px 0;
	background: none;
}
.global-menu li { margin: 0; padding: 0; background: none; float: none; }
.global-menu li a {
	display: inline;
	font-size: 13px;
	letter-spacing: .16em;
	color: #3a3a3a;
	text-decoration: none;
	background: none;
	padding: 0;
	transition: color .2s;
}
.global-menu li a:hover { color: #9e2b25; background: none; }

/* ---- ページ見出し ---- */
.page-eyebrow {
	text-align: center;
	font-size: 11px;
	letter-spacing: .3em;
	color: #9e2b25;
	margin: 44px 0 4px;
}
.page-header .page-title,
#content .page-title {
	font-family: 'Noto Serif JP', "Hiragino Mincho ProN", serif;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: .22em;
	margin: 0 0 30px;
}

/* ---- 商品カード ---- */
.cat-il article .inner.item-info { border: none; }
.cat-il article .itemname { margin-top: 12px; }
.cat-il article .itemname a {
	font-size: 13px;
	line-height: 1.7;
	color: #3a3a3a;
	letter-spacing: .04em;
	text-decoration: none;
}
.cat-il article .itemprice {
	font-size: 13px;
	color: #9e2b25;
	letter-spacing: .06em;
	margin-top: 4px;
}

/* ---- ページネーション ---- */
.pagination { text-align: center; margin: 36px 0 60px; }
.pagination .page-numbers {
	display: inline-block;
	min-width: 34px;
	padding: 6px 4px;
	margin: 0 3px;
	border: 1px solid #ddd6cd;
	color: #3a3a3a;
	text-decoration: none;
	font-size: 13px;
}
.pagination .page-numbers.current { background: #9e2b25; border-color: #9e2b25; color: #fff; }

/* ---- ヘッダー中央寄せ修正 (2026-07-31) ---- */
.site-header .fixed-box,
.site-header #head-top,
.site-header #head-bottom {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}
.site-header #head-top .head-inner {
	max-width: 1150px;
	margin: 0 auto;
}

/* ========================================
   sumikawa.shop: 商品詳細ページ・本文の統一 (2026-07-31)
   ======================================== */
/* ナビと本文の間隔 */
#main.wrapper { margin-top: 52px; }

/* 商品詳細ページ全体 */
#itempage { font-size: 14px; line-height: 1.9; color: #3a3a3a; }
#itempage .item_page_title,
h1.item_page_title {
	font-family: 'Noto Serif JP', "Hiragino Mincho ProN", serif !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	color: #2f2b28 !important;
	letter-spacing: .08em;
	line-height: 1.6;
	margin: 0 0 36px;
	background: none !important;
}
#itempage .item-description { font-size: 14px; line-height: 2; margin-bottom: 18px; }
#itempage .itemcode { font-size: 13px; color: #8f8a84; letter-spacing: .06em; }
#itempage .item-name { font-size: 16px; font-weight: 500; margin: 6px 0 16px; }
#itempage .itemprice, #itempage .field_price { color: #9e2b25; }
#itempage .quantity, #itempage .zaikostatus { font-size: 14px; }

/* スペック表（内容・賞味期限等）: インラインの文字サイズ差を統一 */
#itempage table.menu-sab { width: 100%; border-collapse: collapse; margin: 44px 0; }
#itempage table.menu-sab th,
#itempage table.menu-sab td {
	font-size: 13.5px !important;
	line-height: 1.9;
	padding: 14px 18px;
	border: 1px solid #e7e2db;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	color: #3a3a3a;
}
#itempage table.menu-sab th { background: #faf7f2; }
#itempage table.menu-sab th *,
#itempage table.menu-sab td * { font-size: inherit !important; }

/* カートボタン */
#itempage .skuform input[type="submit"],
#itempage input[type="submit"] {
	background: #9e2b25;
	color: #fff;
	border: none;
	border-radius: 0;
	padding: 13px 36px;
	font-size: 14px;
	letter-spacing: .18em;
	cursor: pointer;
	transition: opacity .2s;
}
#itempage input[type="submit"]:hover { opacity: .85; }

/* ========================================
   sumikawa.shop: トップページ新レイアウト (2026-07-31)
   ======================================== */
.top-content { width: 100%; }
.top-content #content { max-width: 1150px; margin: 0 auto; }

/* ヒーロー */
.hero-band {
	text-align: center;
	background: #f8f3ee;
	margin: 0 0 26px;
	padding: 64px 20px 60px;
}
.hero-eyebrow { font-size: 11px; letter-spacing: .34em; color: #9e2b25; margin: 0 0 14px; }
.hero-title {
	font-family: 'Noto Serif JP', "Hiragino Mincho ProN", serif;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: .14em;
	color: #2f2b28;
	margin: 0 0 16px;
}
.hero-lead { font-size: 13.5px; line-height: 2.1; color: #6d6archive861; color: #6d6861; margin: 0; }

/* セクション共通 */
.top-section { margin: 74px 0; }
.section-head { text-align: center; margin-bottom: 30px; }
.section-eyebrow { font-size: 11px; letter-spacing: .3em; color: #9e2b25; margin: 0 0 6px; }
.section-title {
	font-family: 'Noto Serif JP', "Hiragino Mincho ProN", serif;
	font-size: 23px;
	font-weight: 500;
	letter-spacing: .2em;
	color: #2f2b28;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
.section-lead { font-size: 13px; color: #8f8a84; margin: 10px 0 0; letter-spacing: .06em; }

/* ご用途カード */
.scene-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.scene-card {
	display: block;
	border: 1px solid #e7e2db;
	border-top: 2px solid #9e2b25;
	padding: 22px 14px 20px;
	text-decoration: none;
	background: #fff;
	text-align: center;
	transition: box-shadow .2s, transform .2s;
}
.scene-card:hover { box-shadow: 0 6px 18px rgba(60,40,30,.08); transform: translateY(-2px); }
.scene-name {
	display: block;
	font-family: 'Noto Serif JP', serif;
	font-size: 15px;
	letter-spacing: .12em;
	color: #2f2b28;
	margin-bottom: 8px;
}
.scene-desc { display: block; font-size: 11.5px; line-height: 1.8; color: #8f8a84; }

/* カテゴリーカード */
.topcat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.topcat-card {
	display: block;
	border: 1px solid #e7e2db;
	padding: 26px 16px 22px;
	text-decoration: none;
	background: #faf7f2;
	text-align: center;
	transition: box-shadow .2s, transform .2s;
}
.topcat-card:hover { box-shadow: 0 6px 18px rgba(60,40,30,.08); transform: translateY(-2px); }
.topcat-en { display: block; font-size: 10px; letter-spacing: .28em; color: #9e2b25; margin-bottom: 8px; }
.topcat-name {
	display: block;
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
	letter-spacing: .12em;
	color: #2f2b28;
	margin-bottom: 8px;
}
.topcat-desc { display: block; font-size: 11.5px; line-height: 1.8; color: #8f8a84; }

/* もっと見る */
.more-link { text-align: center; margin: 26px 0 0; }
.more-link a {
	display: inline-block;
	border: 1px solid #2f2b28;
	padding: 12px 44px;
	font-size: 12.5px;
	letter-spacing: .2em;
	color: #2f2b28;
	text-decoration: none;
	transition: background .2s, color .2s;
}
.more-link a:hover { background: #2f2b28; color: #fff; }

/* ご利用ガイド */
.guide-band { background: #faf7f2; padding: 54px 20px 58px; margin-bottom: 0; }
.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 900px; margin: 0 auto; }
.guide-card {
	display: block;
	background: #fff;
	border: 1px solid #e7e2db;
	padding: 22px 16px;
	text-align: center;
	text-decoration: none;
	transition: box-shadow .2s;
}
.guide-card:hover { box-shadow: 0 6px 18px rgba(60,40,30,.08); }
.guide-name { display: block; font-family: 'Noto Serif JP', serif; font-size: 15px; letter-spacing: .1em; color: #2f2b28; margin-bottom: 6px; }
.guide-desc { display: block; font-size: 11.5px; color: #8f8a84; }

/* レスポンシブ */
@media screen and (max-width: 900px) {
	.scene-grid { grid-template-columns: repeat(2, 1fr); }
	.topcat-grid { grid-template-columns: repeat(2, 1fr); }
	.guide-grid { grid-template-columns: 1fr; }
	.hero-title { font-size: 22px; }
}

/* ========================================
   sumikawa.shop: 固定ページ・お問い合わせフォーム (2026-07-31)
   ======================================== */
/* 固定ページ見出し共通 */
.page h1.entry-title,
h1.entry-title {
	font-family: 'Noto Serif JP', "Hiragino Mincho ProN", serif;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: .2em;
	text-align: center;
	color: #2f2b28;
	margin: 6px 0 44px;
	background: none;
	border: none;
	padding: 0;
}
.page .entry-content { font-size: 14px; line-height: 2; color: #3a3a3a; }
.page .entry-content h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: .12em;
	border-bottom: 1px solid #e7e2db;
	padding-bottom: 10px;
	margin: 40px 0 18px;
}
.page .entry-content table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.page .entry-content table th,
.page .entry-content table td {
	border: 1px solid #e7e2db;
	padding: 13px 18px;
	font-size: 13.5px;
	line-height: 1.9;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
.page .entry-content table th { background: #faf7f2; width: 30%; }

/* お問い合わせフォーム (Contact Form 7) */
.wpcf7 { max-width: 680px; margin: 0 auto 90px; }
.wpcf7-form > p { margin: 0 0 24px; font-size: 13.5px; color: #2f2b28; letter-spacing: .06em; }
.wpcf7-form label { display: block; }
.wpcf7-form .wpcf7-form-control-wrap { display: block; margin-top: 8px; }
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd6cd;
	border-radius: 0;
	background: #fff;
	padding: 13px 15px;
	font-size: 14px;
	font-family: inherit;
	color: #2f2b28;
	transition: border-color .2s;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
	outline: none;
	border-color: #9e2b25;
}
.wpcf7-form textarea { height: 190px; resize: vertical; }
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] { width: auto; margin-right: 8px; }
.wpcf7-form input.wpcf7-submit {
	display: block;
	width: auto;
	margin: 34px auto 0;
	background: #9e2b25;
	color: #fff;
	border: none;
	border-radius: 0;
	padding: 15px 64px;
	font-size: 14px;
	letter-spacing: .24em;
	cursor: pointer;
	transition: opacity .2s;
}
.wpcf7-form input.wpcf7-submit:hover { opacity: .85; }
.wpcf7 .wpcf7-not-valid-tip { font-size: 12px; color: #9e2b25; margin-top: 6px; }
.wpcf7 .wpcf7-response-output {
	border: 1px solid #9e2b25;
	color: #9e2b25;
	padding: 14px 18px;
	font-size: 13px;
	margin: 24px 0 0;
}

/* ---- 本文コンテナの中央化修正 (2026-07-31) ---- */
#main.wrapper {
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.wrapper .top-content,
.two-column .top-content,
.one-column .top-content {
	width: 100% !important;
	float: none !important;
}
.top-content #content { max-width: none; }

/* ---- トップ #content 全幅化 (2026-07-31) ---- */
.top-content #content {
	width: 100% !important;
	max-width: none;
	float: none !important;
	margin: 0 !important;
}

/* ========================================
   sumikawa.shop: モーション演出 (2026-07-31)
   ======================================== */
/* スクロール連動リビール */
.sumikawa-motion .will-animate {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1);
}
.sumikawa-motion .will-animate.is-visible {
	opacity: 1;
	transform: none;
}
/* カードの時間差表示 */
.sumikawa-motion .scene-grid .scene-card:nth-child(2),
.sumikawa-motion .topcat-grid .topcat-card:nth-child(2),
.sumikawa-motion .guide-grid .guide-card:nth-child(2) { transition-delay: .1s; }
.sumikawa-motion .scene-grid .scene-card:nth-child(3),
.sumikawa-motion .topcat-grid .topcat-card:nth-child(3),
.sumikawa-motion .guide-grid .guide-card:nth-child(3) { transition-delay: .2s; }
.sumikawa-motion .scene-grid .scene-card:nth-child(4),
.sumikawa-motion .topcat-grid .topcat-card:nth-child(4) { transition-delay: .3s; }
.sumikawa-motion .scene-grid .scene-card:nth-child(5) { transition-delay: .4s; }
.sumikawa-motion .top-section .cat-il article:nth-child(2) { transition-delay: .07s; }
.sumikawa-motion .top-section .cat-il article:nth-child(3) { transition-delay: .14s; }
.sumikawa-motion .top-section .cat-il article:nth-child(4) { transition-delay: .21s; }
.sumikawa-motion .top-section .cat-il article:nth-child(5) { transition-delay: .28s; }
.sumikawa-motion .top-section .cat-il article:nth-child(6) { transition-delay: .35s; }
.sumikawa-motion .top-section .cat-il article:nth-child(7) { transition-delay: .42s; }
.sumikawa-motion .top-section .cat-il article:nth-child(8) { transition-delay: .49s; }

/* ヒーローの登場アニメーション */
.sumikawa-motion .hero-eyebrow,
.sumikawa-motion .hero-title,
.sumikawa-motion .hero-lead {
	opacity: 0;
	transform: translateY(18px);
	animation: sumikawaHeroIn 1.2s cubic-bezier(.22,1,.36,1) forwards;
}
.sumikawa-motion .hero-title { animation-delay: .25s; }
.sumikawa-motion .hero-lead { animation-delay: .5s; }
@keyframes sumikawaHeroIn {
	to { opacity: 1; transform: none; }
}

/* 見出し下の罫線がすっと伸びる */
.section-title::after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #9e2b25;
	margin: 16px auto 0;
	transition: width 1.1s cubic-bezier(.22,1,.36,1) .35s;
}
.sumikawa-motion .section-head.is-visible .section-title::after { width: 44px; }
.section-head:not(.will-animate) .section-title::after { width: 44px; }

/* 商品画像ホバーでゆっくりズーム */
.cat-il article .itemimg { overflow: hidden; }
.cat-il article .itemimg img { transition: transform 1s cubic-bezier(.22,1,.36,1); }
.cat-il article:hover .itemimg img { transform: scale(1.06); }

/* カードホバーの上質化 */
.scene-card, .topcat-card, .guide-card {
	transition: box-shadow .35s ease, transform .35s ease, border-color .35s ease;
}
.scene-card:hover, .topcat-card:hover, .guide-card:hover {
	border-color: #d9c8b8;
}

/* ========================================
   sumikawa.shop: 写真背景ヒーロー＆帯 (2026-07-31)
   ======================================== */
.hero-band {
	position: relative;
	background: #2a2320;
	color: #fff;
	padding: 128px 20px 118px;
	overflow: hidden;
}
.hero-band::before {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: url(/wp-content/uploads/sumikawa-hero/hero-inasa.jpg) center 42% / cover no-repeat;
	transform: scale(1.08);
}
.sumikawa-motion .hero-band::before {
	animation: sumikawaKenburns 16s cubic-bezier(.2,.6,.3,1) forwards;
}
@keyframes sumikawaKenburns {
	to { transform: scale(1); }
}
.hero-band::after {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: linear-gradient(rgba(24,17,14,.22), rgba(24,17,14,.44));
}
.hero-band > * { position: relative; z-index: 2; }
.hero-eyebrow { color: #f3e2c8; }
.hero-title { color: #fff; text-shadow: 0 2px 26px rgba(0,0,0,.45); }
.hero-lead { color: rgba(255,255,255,.94); text-shadow: 0 1px 14px rgba(0,0,0,.5); }

/* ご利用ガイド帯 = 宍道湖の夕景 */
.guide-band {
	position: relative;
	background: #2a2320;
	overflow: hidden;
	padding: 64px 20px 68px;
}
.guide-band::before {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: url(/wp-content/uploads/sumikawa-hero/band-shinjiko.jpg) center 62% / cover no-repeat;
}
.guide-band::after {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(24,17,14,.42);
}
.guide-band > * { position: relative; z-index: 2; }
.guide-band .section-eyebrow { color: #f3e2c8; }
.guide-band .section-title { color: #fff; }
.guide-band .section-title::after { background: #f3e2c8; }

@media (prefers-reduced-motion: reduce) {
	.hero-band::before { animation: none; transform: none; }
}
@media screen and (max-width: 768px) {
	.hero-band { padding: 84px 20px 78px; }
}

/* ---- トップ商品グリッド 4列 (2026-07-31) ---- */
.top-content .list-wrap.cat-il {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px 20px;
}
.top-content .list-wrap.cat-il article {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
}
@media screen and (max-width: 768px) {
	.top-content .list-wrap.cat-il { grid-template-columns: repeat(2, 1fr); gap: 24px 12px; }
}

/* ========================================
   sumikawa.shop: カテゴリ一覧ページを1カラム4列グリッドに (2026-07-31)
   ======================================== */
.archive #main.wrapper.two-column .site-content,
.category #main.wrapper.two-column .site-content {
	width: 100% !important;
	float: none !important;
}
.archive #main.wrapper.two-column #secondary,
.category #main.wrapper.two-column #secondary {
	display: none;
}
.archive .list-wrap.cat-il,
.category .list-wrap.cat-il {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px 20px;
}
.archive .list-wrap.cat-il article,
.category .list-wrap.cat-il article {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	opacity: 1 !important;
	transform: none !important;
}
.archive .page-header,
.category .page-header {
	text-align: center;
	margin: 10px 0 34px;
}
.archive .taxonomy-description,
.category .taxonomy-description {
	font-size: 13px;
	color: #8f8a84;
}
@media screen and (max-width: 768px) {
	.archive .list-wrap.cat-il,
	.category .list-wrap.cat-il { grid-template-columns: repeat(2, 1fr); gap: 24px 12px; }
}

/* ---- グリッド内のclearfix疑似要素を無効化＋カテゴリ#content全幅 (2026-07-31) ---- */
.top-content .list-wrap.cat-il::before,
.top-content .list-wrap.cat-il::after,
.archive .list-wrap.cat-il::before,
.archive .list-wrap.cat-il::after,
.category .list-wrap.cat-il::before,
.category .list-wrap.cat-il::after {
	content: none !important;
	display: none !important;
}
.archive .site-content #content,
.category .site-content #content {
	width: 100% !important;
	float: none !important;
}

/* ---- アーカイブのfromBottomIn要素を常時表示 (2026-07-31) ---- */
.archive .fromBottomIn,
.category .fromBottomIn {
	opacity: 1 !important;
	transform: none !important;
}

/* ---- 一覧カードの商品名・価格 表記強化 (2026-07-31) ---- */
.cat-il article .itemname {
	text-align: left;
	margin-top: 12px;
}
.cat-il article .itemname a {
	display: block;
	font-size: 13.5px;
	line-height: 1.7;
	color: #2f2b28;
	letter-spacing: .04em;
}
.cat-il article .itemprice {
	text-align: left;
	font-size: 16.5px;
	font-weight: 600;
	color: #2f2b28;
	letter-spacing: .02em;
	margin-top: 6px;
}
.cat-il article .itemprice::after {
	content: "（税込）";
	font-size: 11px;
	font-weight: 400;
	color: #8f8a84;
	margin-left: 2px;
}

/* ---- アーカイブでは子カテゴリカードを常時表示 (2026-07-31) ---- */
.archive .scene-card.will-animate,
.category .scene-card.will-animate,
.archive .child-cat-grid .scene-card,
.category .child-cat-grid .scene-card {
	opacity: 1 !important;
	transform: none !important;
	transition-delay: 0s !important;
}

/* ---- 子カテゴリカードと商品一覧の間隔 (2026-07-31) ---- */
.archive .child-cat-grid,
.category .child-cat-grid {
	margin: 10px 0 72px !important;
}
.archive .list-wrap.cat-il,
.category .list-wrap.cat-il {
	margin-top: 0;
}
/* 一覧カードの下余白（名前・価格が次の行と近すぎないように） */
.archive .cat-il article,
.category .cat-il article,
.top-content .cat-il article {
	margin-bottom: 14px !important;
}

/* ---- 送信ボタンの体裁 最終調整 (2026-07-31) ---- */
.wpcf7-form input.wpcf7-submit,
.wpcf7-form .wpcf7-submit {
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 34px auto 0 !important;
	padding: 16px 72px !important;
	background: #9e2b25 !important;
	background-image: none !important;
	color: #fff !important;
	border: none !important;
	border-radius: 0 !important;
	font-size: 14px !important;
	line-height: 1 !important;
	letter-spacing: .28em;
	text-indent: .28em;
	box-shadow: none !important;
	cursor: pointer;
	transition: opacity .2s;
}
.wpcf7-form input.wpcf7-submit:hover { opacity: .85; }

/* ========================================
   sumikawa.shop: 連絡先カード＆フッター (2026-07-31)
   ======================================== */
.contact-info-card {
	max-width: 560px;
	margin: 0 auto 90px;
	border: 1px solid #e7e2db;
	border-top: 2px solid #9e2b25;
	background: #faf7f2;
	text-align: center;
	padding: 30px 24px 28px;
}
.contact-info-lead { font-size: 12.5px; color: #8f8a84; letter-spacing: .1em; margin: 0 0 12px; }
.contact-info-name {
	font-family: 'Noto Serif JP', serif;
	font-size: 15px;
	letter-spacing: .1em;
	color: #2f2b28;
	margin: 0 0 8px;
}
.contact-info-tel { margin: 0 0 8px; }
.contact-info-tel a {
	font-family: 'Noto Serif JP', serif;
	font-size: 30px;
	letter-spacing: .06em;
	color: #9e2b25;
	text-decoration: none;
}
.contact-info-hours { font-size: 12.5px; color: #6d6861; letter-spacing: .08em; margin: 0; }

/* フッター */
#colophon {
	background: #2f2b28;
	margin-top: 90px;
	padding: 52px 20px 40px;
}
#colophon .inner {
	max-width: 1150px;
	margin: 0 auto;
	text-align: center;
	float: none;
}
.footer-brand {
	font-family: 'Noto Serif JP', serif;
	font-size: 19px;
	letter-spacing: .2em;
	color: #fff;
	margin: 0 0 6px;
}
.footer-tagline {
	font-size: 10.5px;
	letter-spacing: .26em;
	color: #a89f95;
	margin: 0 0 26px;
}
#colophon .footer-navigation { float: none; text-align: center; }
#colophon .footer-menu {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px 2.6em;
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
}
#colophon .footer-menu li { margin: 0; padding: 0; border: none; }
#colophon .footer-menu li::before, #colophon .footer-menu li::after { content: none; }
#colophon .footer-menu a {
	font-size: 12.5px;
	letter-spacing: .14em;
	color: #d9d2c8;
	text-decoration: none;
	border: none;
	padding: 0;
}
#colophon .footer-menu a:hover { color: #fff; }
#colophon .copyright {
	float: none;
	text-align: center;
	font-size: 11px;
	letter-spacing: .1em;
	color: #8f877d;
	margin: 0;
}

/* ---- 子カテゴリカードを常に中央寄せ (2026-07-31) ---- */
.archive .child-cat-grid,
.category .child-cat-grid {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
}
.archive .child-cat-grid .scene-card,
.category .child-cat-grid .scene-card {
	width: 213px;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	.archive .child-cat-grid .scene-card,
	.category .child-cat-grid .scene-card { width: calc(50% - 8px); }
}