@charset "EUC-JP";
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap');
/* --------------------------------
	Common
-------------------------------- */

/*	basic
============================ */

html {
	font-size: 62.5%;
}
body {
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	background-color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	color: #40270d;
	letter-spacing: .02em;
	-webkit-text-size-adjust: 100%;
      animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal
	/*-webkit-overflow-scrolling: touch;*/
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
p {
  margin-bottom:1.5em;
}
a {
	color: #0092C4;
	text-decoration: none;
	cursor: pointer;
}
a:focus, a:active {
	color: #33A8D0;
	text-decoration: none;
	outline: none;
}
a:hover {
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	text-decoration: none;
}
::selection {
    background: #f7ea48;
}
//Firefox
::-moz-selection {
    background: #f7ea48;
}
textarea { /* for chrome fontsize bug */
	font-family: sans-serif;
}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
dl, dt, dd, li {
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
}
.img_center, .txt_center {
	text-align: center;
}
.img_right, .txt_right {
	text-align: right;
}
.last {
	margin-right: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.is-padding {
	padding-left: 16px !important;
	padding-right: 16px !important;
}
.no-border-bottom {
	border-bottom: 0 none !important;
}
button.no-style {
	border: 0 none;
	background: none;
	padding: 0;
	margin: 0;
	text-shadow: none;
	box-shadow: none;
}
.text_accent {
	font-weight: bold;
}
.clearfix {
/* *zoom: 1;*/
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.cb {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
}
.cb-images {
	width: 1.125em;
}
.icon-bg {
	fill: #d4d4d5;
}
.icon-with-bg {
	fill: #fff;
}
/* btn-more */
.btn-more {
	width: 200px;
	margin: 10px auto 0;
}
.btn-more a {
  position:relative;
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	padding: 10px 24px;
	letter-spacing: .05em;
  border-radius:22px;
	background: #fff;
	color: #40270d;
	border: 2px solid #40270d;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.btn-more a:after {
      position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    top: 0;
  bottom:0;
    right: 20px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: solid 1px #40270d;
    border-top: solid 1px #40270d;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.btn-more a:hover {
	opacity: 1;
	color: #fff;
	background: #40270d;
}
.btn-more a:hover:after {
   border-right: solid 1px #fff;
    border-top: solid 1px #fff;
}
 @media only screen and (max-width: 980px) {
.sp {
	display: block !important;
}
.pc {
	display: none !important;
}
span.sp {
	display: inline !important;
}
}
 @media only screen and (min-width: 981px) {
.sp {
	display: none !important;
}
.pc {
	display: block !important;
}
span.pc {
	display: inline !important;
}
}
/*	color setting
============================ */

/* text */

/* color */
.orange {
	color: #f5ab2e;
}
.pink {
	color:#e83859;
}
.bg_orange {
	background: #f2bd6a;
}
.bg_blue {
	background: #9ce0ec;
}
/* margin */
.bdr10 {
	border-bottom: 10px solid #fff;
}
/* --------------------------------
	Base Layout Setting
-------------------------------- */
#header, #footer, .pagetop {
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
}
#footer, .pagetop {
	position: relative;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
#wrap {
	width: 100%;
	overflow: hidden;
}
.content {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#main {
	max-width: 1120px;
}
#rNav {
	background: #f4f0e7;
}
#mid {
	box-sizing: border-box;
  padding-bottom:30px;
}
@media only screen and (max-width: 980px) {
.content, #mid {
	max-width: 100%;
}
#main {
	margin: 0 auto;
}
#mid {
	padding: 0 15px 30px;
}
}
@media only screen and (min-width: 981px) {
#main {
	min-height: 3180px;
}
#mid {
	margin: 0 auto;
}
#lNav {
	position: absolute;
	top: 0;
	left: 20px;
	width: 240px;
	background: #f4f0e7;
	height: 100%;
	min-height: 3180px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1360px) {
.header_inner, .content, .footer_inner {
	max-width: 100%;
}
.content {
	width: 1280px;
}
#main {
	max-width: 1020px;
	margin-left: 280px;
  margin-right:20px;
}
}
@media only screen and (max-width: 1360px) {
#mid {
	width: 100%;
	min-height: auto;
	max-width: 1040px;
}
}
@media only screen and (min-width: 1361px) {
#main {
	margin: 0 280px;
}
.content {
	position: relative;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
#mid {
	min-height: 3000px;
	max-width: 1120px;
}
#lNav {
  left:20px;
}
#rNav {
	position: absolute;
	top: 0;
	right: 20px;
	width: 240px;
	height: 100%;
	min-height: 3000px;
}
}
/* --------------------------------
	Header Setting
-------------------------------- */
.copy {
	margin: 0;
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 34px;
	background: #9ce0ec;
}
#header {
	position: relative;
	z-index: 11;
	width: 100%;
	height: 131px;
	transition: all .2s;
	-webkit-transition: all .2s;
	background: #fff;
}
#header:after {
	content: "";
	display: table;
	clear: both;
}
#header .logo, #header div, #header a, #header img {
	transition: all .5s;
	-webkit-transition: all .3s;
}
.header_inner {
	height: 131px;
	max-width: 1560px;
	position: relative;
	margin: 0 auto;
  padding:0 20px;
}
.header_inner:before {
	content: "";
	position: fixed;
}
.logo {
	position: absolute;
	top: 17px;
	left: 50%;
	margin: 0 0 0 -157px;
	z-index: 10;
}
.logo img {
	display: inline-block;
}
.shop_logo {
	width: 99px;
	height: auto;
    animation: float_2979 3s linear infinite;
	transform-origin: 50% 50%;
}
@keyframes float_2979 {
 0% {
transform: translateY(0)
}
 33.33333% {
transform: translateY(-10px)
}
 66.66667% {
transform: translateY(0)
}
 100% {
transform: translateY(0)
}
}
.shop_name {
	width: 213px;
	height: auto;
}
#search {
	background: none;
	padding: 0;
}
#member {
	position: absolute;
	right: 95px;
	top: 31px;
}
.member ul li {
	display: inline-block;
}
.guide a {
	background: url(https://yuiyuido.shop/ec/images/common/icon_guide.png) no-repeat top center;
	background-size: 50px 50px;
}
.my_page a {
	background: url(https://yuiyuido.shop/ec/images/common/icon_login.png) no-repeat top center;
	background-size: 50px 50px;
}
#header .header_bottom_area {
	clear: both;
	padding-top: 16px;
}
/* Search */
.search {
	position: absolute;
	top: 40px;
}
.bt_search .cb-search {
	fill: #40270d;
	font-size: 25px;
	font-size: 2.5rem;
}
.searchform {
	position: relative;
}
.search input[type="text"] {
	height: 48px;
	width: 220px;
	font-size: 13px;
	font-size: 1.3rem;
	border: 0 none;
	border-radius: 24px !important;
	padding: 0.5em 3.5em 0.5em 1.5em;
	box-shadow: none;
	background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f4f0e7;
}
.search .bt_search {
	margin-top: 11px;
	border: 0;
	background: none;
	position: absolute;
	right: 15px;
	padding: 0;
	top: 0;
	width: 25px;
	height: 25px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	z-index: 1;
}
/* Member area */
.member_link {
	margin-bottom: 16px;
}
.member ul li {
	display: inline-block;
}
.member_link a {
	color: #40270d;
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	box-sizing: border-box;
	width: 50px;
	height: 68px;
	overflow: hidden;
	margin: 0 10px;
	padding: 50px 0 0 0;
	text-overflow: ellipsis;
	text-align: center;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
	white-space: nowrap;
}
.member_link a:hover {
	color: #9797a1;
}
.member_link a .cb {
	font-size: 30px;
	font-size: 3rem;
	fill: #B8BEC4;
	margin-right: 5px;
	position: relative;
	top: -1px;
}
.member_link a:hover .cb {
	fill: #c6cbd0;
}
/* header */
#header.low {
	position: fixed;
	top: 0;
	height: 90px;
	border-bottom: 3px solid #f4f0e7;
}
#header.low .copy {
	display: none;
}
#header.low .header_inner {
	height: 90px;
}
#header.low .search, #header.low #member, #header.low #cart_area {
	top: 20px;
}
#header.low .logo {
	top: 8px;
	margin-left: -129px;
}
#header.low .shop_logo {
	width: 75px;
}
#header.low .shop_name {
	width: 180px;
}
#header.low #member {
	right: 80px;
}
#header.low .member_link a {
	height: 50px;
	margin: 0 5px;
}
 @media only screen and (max-width: 639px) {
.copy {
	font-size: 12px;
}
.logo {
	top: 30px;
	margin: 0 0 0 -80px;
	width: 160px;
	text-align: center;
}
.logo a {
	position: relative;
	display: block;
}
#header, .header_inner {
	height: 90px;
}
#header .shop_logo {
	display: none;
}
#header #cart_area {
	top: 21px;
}
#header.low, #header.low .header_inner {
	height: 65px;
}
#header.low .logo {
	top: 18px;
	margin-left: -80px;
}
#header.low .shop_logo {
	opacity: 0;
}
#header.low .shop_name {
	padding-top: 0;
}
#header.low #cart_area {
	top: 10px;
}
}
@media only screen and (min-width: 640px) and (max-width: 980px) {
#header, .header_inner {
	height: 110px;
}
.logo {
	margin: 0 0 0 -129px;
}
#header .shop_name {
	width: 180px;
}
}
@media only screen and (max-width: 980px) {
.header_inner {
	margin: 0 10px;
}
.shop_logo {
	width: 75px;
}
.search {
	top: 30px;
}
#member, #cart_area {
	top: 22px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1360px) {
.header_inner {
	margin: 0 20px;
}
}
/* @media only screen and (min-width: 981px) {
.logo:hover .shop_logo {
	transform: rotateZ( 360deg );
}
}*/
/*	drawerNav?
============================ */
#btn_menu {
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 11;
}
.nav-trigger {
	position: relative;
	display: block;
	height: 44px;
	overflow: hidden;
	white-space: nowrap;
	z-index: 12;
	cursor: pointer;
	color: transparent !important;
}
.nav-trigger span {
	/* line in the center */
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -2px;
	transition: all .1s;
}
.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
	/* hamburger icon in CSS */
	position: absolute;
	display: inline-block;
	height: 2px;
	width: 24px;
	background: #68544c;
}
.nav-trigger span::before, .nav-trigger span::after {
	/* other 2 lines */
	content: '';
	right: 0;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.1s 0.1s;
	-moz-transition: -moz-transform 0.1s 0.1s;
	transition: transform 0.1s 0.1s;
}
.nav-trigger span::before {
	/* menu icon top line */
	top: -7px;
}
.nav-trigger span::after {
	/* menu icon bottom line */
	top: 7px;
}
.category .info-wrap li.nav_info_1 a {
	background-image: url(https://yuiyuido.shop/ec/images/common/icon_logo.png);
}
.category .info-wrap li.nav_info_2 a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_info_4.png);
}
.category .info-wrap li.nav_info_3 a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_info_5.png);
}
.category .info-wrap li.nav_info_4 a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_info_1.png);
}
.category .info-wrap li.nav_info_5 a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_info_2.png);
}
.category .info-wrap li.nav_info_6 a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_info_3.png);
}
.category .info-wrap li a {
	background-size: 30px 30px;
	background-position: 15px center;
	background-repeat: no-repeat;
}
 @media only screen and (max-width: 639px) {
#btn_menu {
	top: 21px;
}
.nav-trigger {
	width: 45px;
	height: 45px;
}
#header.low #btn_menu {
	top: 10px;
}
#lNav {
	top: 124px;
	height: 80%;
	height: calc(100% - 124px );
}
}
@media only screen and (min-width: 640px) and (max-width: 980px) {
#lNav {
	top: 144px;
	height: calc(100% - 144px );
}
}
@media only screen and (max-width: 980px) {
.scroll-prevent {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.nav-trigger {
	background: #f4f0e7;
	border-radius: 50%;
}
.nav-trigger span {
	left: 0;
	right: 0;
	margin: -2% auto 0;
}
.nav-open #wrap {
  height:124px;
  }
.nav-open #lNav {
	display:block;
	z-index: 100;
}
.nav-open {
	overflow: hidden;
}
.nav-trigger:hover,.nav-trigger:active {
	opacity:1;
}
.nav-open .nav-trigger span {
	background: transparent;
}
.nav-open .nav-trigger span::before {
	-webkit-transform: translateX(4px) translateY(-2px) rotate(45deg);
	-moz-transform: translateX(4px) translateY(-2px) rotate(45deg);
	-ms-transform: translateX(4px) translateY(-2px) rotate(45deg);
	-o-transform: translateX(4px) translateY(-2px) rotate(45deg);
	transform: translateX(4px) translateY(-2px) rotate(45deg);
}
.nav-open .nav-trigger span::after {
	-webkit-transform: translateX(4px) translateY(1px) rotate(-45deg);
	-moz-transform: translateX(4px) translateY(1px) rotate(-45deg);
	-ms-transform: translateX(4px) translateY(1px) rotate(-45deg);
	-o-transform: translateX(4px) translateY(1px) rotate(-45deg);
	transform: translateX(4px) translateY(1px) rotate(-45deg);
}
#lNav {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	position: fixed;
	display:none;
	z-index:-10;
	width: 100%;
	background: #f4f0e7;
	padding: 25px 20px 15px;
	overflow: scroll;
	box-sizing: border-box;
}
#lNav .search {
	position: inherit;
	margin: 20px 0;
}
#lNav form {
	margin-bottom: 10px;
}
#lNav .search .bt_search img {
	width: 25px;
	height: 25px;
	display: block;
}
#lNav .search input[type="text"] {
	width: 100%;
	background: #fff;
}
#lNav .wrap-login {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex !important;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#lNav .wrap-login li {
	width: 48%;
	margin: 0 1%;
}
#lNav .wrap-login li a {
	display: block;
	text-align: center;
	color: #333;
	font-size: 14px;
	background: #ece5d1;
}
#lNav .wrap-login li a span {
	display: inline-block;
	padding: 12px 0 12px 25px;
}
#lNav .wrap-login li.link-login a span {
	background: url(https://yuiyuido.shop/ec/images/common/icon_login2.png) no-repeat center left;
	background-size: 20px 20px;
}
#lNav .wrap-login li.link-register a span {
	background: url(https://yuiyuido.shop/ec/images/common/icon_register.png) no-repeat center left;
	background-size: 20px 20px;
}
.category .ttl-nav {
	position: relative;
	background: none;
	color: #40270d;
	padding: 15px 10px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
}
.category .ttl-nav:after, .category .category-nav li:after, .category .info-wrap li:after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
}
.category .ttl-nav:after {
	right: 15px;
	border-top: 2px solid #68544c;
	border-right: 2px solid #68544c;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.category .ttl-nav.open {
	background: #ece5d1;
}
.category .ttl-nav.open:after {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
.category .category-nav li, .category .info-wrap li {
	position: relative;
}
.category .category-nav li:after, .category .info-wrap li:after {
	right: 20px;
	border-top: 1px solid #68544c;
	border-right: 1px solid #68544c;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.category .bdr10 {
	border-bottom: none;
}
.category .info-wrap {
	padding: 20px 0 25px;
}
.category .info-wrap li {
	margin-bottom: 5px;
}
.category .info-wrap li a {
	display: block;
	color: #333;
	font-size: 14px;
	padding: 15px 0 15px 50px;
	border-bottom: 0;
	background-color: #ece5d1;
}
.nav-open .nav-wrap {
	display: none;
}
}
 @media only screen and (min-width: 640px) and (max-width: 980px) {
.nav-trigger {
	top: 22px;
	width: 60px;
	height: 60px;
}
#header.low .nav-trigger {
	top: 20px;
	width: 50px;
	height: 50px;
}
}
 @media only screen and (min-width: 981px) {
#btn_menu {
	display: none;
}
.category .ttl-nav {
	pointer-events: none;
}
}
/*	cart area
============================ */
#cart_area {
	width: 100%;
	position: absolute;
	right: 0;
	z-index: 11;
}
#cart_area p {
	margin: 0;
}
#cart_area p.cart-trigger {
	position: absolute;
	right: 65px;
}
/* item_box */
.cart .item_box {
	margin-bottom: 5px;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	position: relative;
	line-height: 1.2;
}
.cart .item_box:last-child {
	border: 0 none;
}
/*.cart .item_box .item_photo {
	width: 60px;
	float: left;
}
.cart .item_box .item_photo img {
	border-radius: 5px;
}
.cart .item_box .item_detail {
	padding-left: 75px;
}*/
.cart .item_box .icon_edit {
	height: 30px;
	width: 30px;
	right: 0;
	top: 10px;
	text-align: center;
	vertical-align: middle;
}
.cart .item_box .icon_edit button {
	display: inline-block;
	vertical-align: middle;
}
.cart .item_box .icon_close {
	width: 30px;
}
.cart .item_box .cb {
	font-size: 20px;
	font-size: 2rem;
}
.cart .item_box .item_name a {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	color: #40270d;
}
.cart .item_box .item_pattern {
	margin-bottom: 3px;
	font-size: 11px;
	font-size: 1.1rem;
}
.cart .item_box .item_price {
	font-size: 12px;
	font-size: 1.2rem;
	color: #999;
	text-align: right;
}
.cart .item_box .item_quantity {
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
}
.cart .item_box .item_quantity input {
	font-size: 16px;
	font-size: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	text-align : right;
}
.cart .cart_price {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 5px 8px 15px 8px;
	text-align: right;
}
.cart .cart_price .price {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.cart .unstyled {
	font-size: 13px;
}
.cart .unstyled .txt-free {
	color: #fe7285;
	font-weight: bold;
	font-size: 14px;
}
.cart .btn_area {
	padding: 12px 0 0;
	text-align: center;
}
.cart .btn_area li {
	display: inline-block;
	margin: 0 2px;
}
.cart .btn_area .btn {
	width: 120px;
	padding: 6px 10px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	border-radius: 3px;
	box-sizing: border-box;
}
.cart .btn_area .btn-primary {
	background: #fe7285;
	color: #fff;
	border: none;
}
#header #cart_area {
	width: auto;
	padding-bottom: 5px;
}
#header #cart_area .btn_cart {
	display: block;
	width: 65px;
	height: 65px;
}
#header.low #cart_area .btn_cart {
	width: 50px;
	height: 50px;
}
.badge {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #fe7285;
	border-radius: 13px;
}
/* cart */
#header .cart {
	opacity: 0;
	position: absolute;
	width: 300px;
	top: 70px;
	right: 0;
	z-index: 3;
	padding: 15px 15px 20px;
	background: #f1ecdf;
	border-radius: 3px;
	pointer-events: none;
}
#header.low .cart {
	top: 55px;
}
#header #cart_area .btn_cart .cb-shopping-cart {
	position: relative;
	left: 9px;
}
#header #cart_area .btn_cart .badge {
	position: absolute;
	right: -5px;
	top: -8px;
}
 @media only screen and (max-width: 639px) {
#header #cart_area .btn_cart {
	width: 45px;
	height: 45px;
}
#header #cart_area .btn_cart .badge {
	right: -2px;
	top: -2px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 9px;
	font-size: 11px;
}
#header.low #cart_area .btn_cart {
	width: 45px;
	height: 45px;
}
}
 @media only screen and (min-width: 640px) and (max-width: 980px) {
#header #cart_area .btn_cart {
	display: block;
	width: 60px;
	height: 60px;
}
}
 @media only screen and (max-width: 980px) {
#cart_area {
	left: 0;
	right: inherit;
}
#header #cart_area:hover .cart {
	opacity: 0;
}
}
 @media only screen and (min-width: 981px) {
#header #cart_area:hover .cart {
	opacity: 1;
	pointer-events: auto;
}
#cart_area {
	top: 31px;
	right: 20px;
}
#header #cart_area:hover .cart {
	opacity: 1;
	pointer-events: auto;
}
#cart_area .cart_price {
	font-size: 12px;
	border-bottom: 1px solid #40270d;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#cart_area .cart_price .price {
	font-size: 16px;
}
}
/* --------------------------------
	lNav Setting (category-nav)
-------------------------------- */
/* category-nav */
.category-nav a {
	display: block;
	padding: 0 10px;
	color: #40270d;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}
.category-nav a.has-toggle {
	padding-right: 50px;
}
.category-nav a:link, .category-nav a:visited, .category-nav a:hover, .category-nav a:active {
	text-decoration: none;
}
.category-nav a .toggle {
	display: block;
	position: absolute;
	right: 10px;
	top: 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
}
.category-nav .active > .toggle .cb {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg)
}
.category-nav ul {
	display: none;
	position: static;
	height: auto;
	width: auto;
	overflow: visible;
	z-index: 3;
	background: #fff;
}
.category-nav li {
	position: relative;
	margin: 0;
	background-color: #fff;
	border-bottom: 2px solid #f4f0e7;
}
.category-nav li a {
	display: block;
	padding-left: 60px;
}
/* icon-accessory */
.category-nav li.nav_buddhist a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_buddhist.png);
}
.category-nav li.nav_karen-silver a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_karen-silver.png);
}
.category-nav li.nav_gamelan a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_gamelan.png);
}
.category-nav li.nav_power-stone a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_power-stone.png);
}
.category-nav li.nav_accessory a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_accessory.png);
}
.category-nav li.nav_accessory-parts a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_accessory-parts.png);
}
/* icon -fashion*/
.category-nav li.nav_stole a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_stole.png);
}
.category-nav li.nav_bag a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_bag.png);
}
.category-nav li.nav_pouch a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_pouch.png);
}
.category-nav li.nav_wallet a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_wallet.png);
}
.category-nav li.nav_shoes a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_shoes.png);
}
/* icon-asian */
.category-nav li.nav_interior a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_interior.png);
}
.category-nav li.nav_keyring a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_keyring.png);
}
.category-nav li.nav_goods a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_goods.png);
}
/* icon-brand */
.category-nav li.nav_thongpua a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_thongpua.png);
}
.category-nav li.nav_wsdo a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_wsdo.png);
}
.category-nav li.nav_serendip a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_serendip.jpg);
}
.category-nav li.nav_rangmai a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_rangmai.png);
}
/* icon-country */
.category-nav li.nav_indonesia a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_indonesia.png);
}
.category-nav li.nav_cambodia a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_cambodia.png);
}
.category-nav li.nav_laos a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_laos.png);
}
.category-nav li.nav_myanmar a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_myanmar.png);
}
.category-nav li.nav_nepal a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_nepal.png);
}
.category-nav li.nav_srilanka a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav-srilanka.png);
}
.category-nav li.nav_thailand a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_thailand.png);
}
.category-nav li.nav_tibet-area a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_tibet-area.png);
}
.category-nav li.nav_vietnam a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_vietnam.png);
}
/* icon-ethnic */
.category-nav li.nav_akha a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_akha.png);
}
.category-nav li.nav_catu a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_catu.png);
}
.category-nav li.nav_chau-ma a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_chau-ma.png);
}
.category-nav li.nav_chin a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_chin.png);
}
.category-nav li.nav_hmong a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_hmong.png);
}
.category-nav li.nav_karen a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_karen.png);
}
.category-nav li.nav_lao a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_lao.png);
}
.category-nav li.nav_lisu a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_lisu.png);
}
.category-nav li.nav_lolo a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_lolo.png);
}
.category-nav li.nav_lu a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_lu.png);
}
.category-nav li.nav_lanten a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_lanten.png);
}
.category-nav li.nav_naga a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_naga.png);
}
.category-nav li.nav_nung a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_nung.png);
}
.category-nav li.nav_thai a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_thai.png);
}
.category-nav li.nav_tibet a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_tibet.png);
}
.category-nav li.nav_yao a {
	background-image: url(https://yuiyuido.shop/ec/images/common/nav_yao.png);
}
.category-nav li a {
	background-position: 7px center;
	background-repeat: no-repeat;
}
.category-nav li > a:hover {
	opacity: 1;
}
.category-nav ul > li > a {
	padding-left: 18px;
}
.category-nav ul > li > ul > li > a {
	padding-left: 26px;
}
.category-nav ul > li > ul > li > ul > li a {
	padding-left: 42px;
}
/* bnr_sns*/
.category .bnr_sns li a {
	display: block;
	color: #fff;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	padding: 15px 0 15px 60px;
	letter-spacing: .05em;
    background-position:  18px center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}
.category .bnr_sns .bnr-fb,.category .bnr_sns .bnr-insta {
	margin-bottom: 5px;
}
.category .bnr_sns .bnr-fb {
    /*background: #7aabde;*/
    background-color:#216cb6;
}
.category .bnr_sns .bnr-fb a {
    background-image:  url(https://yuiyuido.shop/ec/images/common/logo-fb.png);
}
.category .bnr_sns .bnr-insta {
    /*background:#f17cb7;*/
    background:linear-gradient(87.1deg, #FFD522 -10.92%, #F1000B 48.02%, #B900B3 106.81%);
}
.category .bnr_sns .bnr-insta a {
  background-image:url(https://yuiyuido.shop/ec/images/common/logo-insta.png);
}
.category .bnr_sns .bnr-line {
    background-color:#3fb156;
  /*background:#78ca89;*/
}
.category .bnr_sns .bnr-line a {
  
    background-image:  url(https://yuiyuido.shop/ec/images/common/logo-line.png);
}
 @media only screen and (max-width: 980px) {
.category-nav li a {
	padding-left: 45px;
}
.category-nav a {
	height: 45px;
	line-height: 45px;
}
/* icon */
.category-nav li a {
	background-size: 30px 30px;
}
/* bnr_sns*/
.category .bnr_sns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex !important;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
}
.category .bnr_sns li {
	width: 49%;
}
.category .bnr_sns li a {
	/*font-size: 16px;*/
	padding: 8px 0;
    text-indent:100%;
    overflow-x: hidden;
    background-position: center center;
}
.category .bnr_sns .bnr-insta {
	margin-right: 2%;
}
 .category .bnr_sns .bnr-line {
   width:100%;
}
}
 @media only screen and (min-width: 981px) {
/* category_nav */
.category {
	clear: both;
}
.category p {
	margin: 0;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 32px;
}
.category-nav a {
	height: 48px;
	line-height: 48px;
}
.category .nav-wrap {
	padding: 8px;
}
.category-nav ul {
	position: static;
	height: auto;
	width: auto;
	overflow: visible;
	z-index: 3;
}
.category ul li {
	position: relative;
	margin: 0;
}
/* icon */
.category-nav li a {
	background-size: 40px 40px
}
.category-nav > li {
	text-align: left;
	margin: 0 1em;
	position: relative;
}
.category ul li a {
	transition: all .3s;
	-webkit-transition: all .3s;
}
.category-nav > li > a {
	position: relative;
	color:  #40270d;
	overflow: visible;
	-webkit-transition: color 0.2s, box-shadow 0.3s;
	-moz-transition: color 0.2s, box-shadow 0.3s;
	transition: color 0.2s, box-shadow 0.3s;
}
.category-nav > li > a:hover {
	background-color: #f4f0e7;
}
.category ul li a span {
	font-size: 11px;
	margin-left: 5px;
}
.category ul li ul {
	position: absolute;
	top: -6px;
	left: -230px;
	width: 220px;
	padding: 6px;
	background-color: #f4f0e7;
}
.category ul li:hover ul {
	display: block;
	left: 224px;
}
.category ul li:hover ul a:hover {
	background-color: #fff;
}
.category ul li ul li {
	border-bottom: none;
}
.category ul.category-nav li ul li a {
	background: #f4f0e7;
	border-bottom: 2px solid #fff;
	padding-left: 15px;
}
.category ul li ul li:last-child a {
	border: none;
}
/* bnr_sns*/
.category .bnr_sns {
	padding: 20px 8px;
}
/* info-wrap */
.category .info-wrap {
	padding: 20px 15px;
}
.category .info-wrap li {
	margin: 0 0 10px;
	background-color: #fff;
	border-radius: 20px;
}
.category .info-wrap li:last-child {
	margin-bottom: 0;
}
.category .info-wrap a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 58px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color:  #40270d;
}
.category .info-wrap li a:hover {
	background-color:#ece5d1;
	opacity:1;
	border-radius:20px;
}
}
/* --------------------------------
	rNav Setting
-------------------------------- */

#rNav .ttl_ck {
	margin: 10px 0 20px;
	text-align: center;
	font-weight: bold;
	color: #40270d;
}
#rNav #checkeditem {
	padding: 20px;
}
#rNav .ck_item {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#rNav .ck_item:hover {
	opacity:1;
	background:none;
}
@media only screen and (max-width: 639px) {
#rNav #checkeditem {
	padding: 20px 0;
}
#rNav .ck_item {
	width: 20%;
}
}
@media only screen and (min-width: 640px) and (max-width: 1360px) {
#rNav .ttl_ck {
	font-size: 18px;
}
#rNav .ck_item {
	width: 18.5%;
	margin-right: 1.875%;
	margin-bottom: 15px;
}
}
@media only screen and (max-width: 1360px) {
#rNav {
	margin: 0 0 50px;
}
#rNav .wrap-checked {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
#rNav .ck_item {
	display: block;
}
#rNav .ck_item:nth-child(5n) {
	margin-right: 0;
}
#rNav .ck_item .item_name {
	display: none;
}
#rNav #checkeditem .no_ck {
	display: block;
	padding: 20px 10px;
	border-radius: 5px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
#rNav .btn_delete {
	text-align: center;
}
#rNav .btn_delete a {
	padding: 7px 15px;
	background: #68544c;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	border-radius: 3px;
}
}
@media only screen and (min-width: 1361px) {
#rNav #checkeditem {
	padding: 12px;
}
#rNav .ttl_ck {
	text-align: center;
}
#rNav .ck_item {
	display: block;
	margin-bottom: 10px;
	padding: 8px;
	background: #fff;
	border-radius: 5px;
}
#rNav .ck_item .item_photo {
	width: 80px;
	float: left;
}
#rNav .ck_item .item_photo img {
	border-radius: 5px;
}
#rNav .ck_item .item_name {
	padding-left: 90px;
	font-size: 11px;
	font-size: 1.1rem;
	line-height:1.4;
	color: #40270d;
}
#rNav #checkeditem .no_ck {
	display: block;
	padding: 20px 10px;
	background: #fff;
	border-radius: 5px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
#rNav .btn_delete {
	text-align: center;
}
#rNav .btn_delete a {
	padding: 7px 15px;
	background: #68544c;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	border-radius: 3px;
}
}
/* --------------------------------
	Footer Setting
-------------------------------- */
/* toTop */
.toTop {
	position: fixed;
	z-index: 3;
	right: 0;
	bottom: -50px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	transform-origin: 50% 50%;
	-webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.toTop.hideClass {
	bottom:0;
}
.toTop a {
	position:relative;
	display: block;
	background: #f7ea48;
	width: 50px;
	height: 50px;
}
.toTop a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
	bottom:0;
	left:0;
	margin:auto;
    width: 10px;
    height:10px;
    border-top: 2px solid #40270d;
    border-right: 2px solid #40270d;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* footer */
#footer {
	background: #f8f5ed;
}
.footer_head {
	text-align: center;
	background: #68544c;
}
.footer_head img {
	display: block;
	margin: 0 auto;
}
.footer_head p {
	color: #f4f0e7;
	font-size: 11px;
	margin: 15px 0 20px;
}
/*.footer_head .basic-info li {
	display: inline-block;
	width: 180px;
}
.footer_head .basic-info li:first-child {
	margin-right: 10px;
}
.footer_head .basic-info li a {
	display: block;
	line-height: 32px;
	font-size: 12px;
	background: #f8f5ed;
	color: #40270d;
	border-radius: 16px;
}*/
.footer_head .wrap-insta {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}
.footer_head .wrap-insta p {
    display: inline-block;
    font-size: 15px;
    margin: 10px auto 15px;
}
.footer_head .wrap-insta p a {
  transition: all .3s;
	-webkit-transition: all .3s;
  color:#f2bd6a;
}
.footer_inner {
	color: #40270d;
}
.footer_inner h3 a {
	position: relative;
	display: block;
	font-weight: normal;
	color: #f4f0e7;
	background: #68544c;
	box-sizing: border-box;
}
.footer_inner h3 a:after {
	content: "";
	position: absolute;
	top: 42%;
	right: 20px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #f4f0e7;
	border-right: 1px solid #f4f0e7;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.footer_inner img {
	display: block;
}
/* footer */
.footer_inner h4 {
	margin: 20px 0 0 15px;
	font-size: 14px;
}
.footer_inner h4 span {
  color:#f2bd6a;
}
.footer_inner p, .footer_inner li, .footer_inner dl {
	margin-left: 15px;
	margin-bottom: 5px;
	font-size: 12px;
}
.footer_inner li span {
	display: block;
	text-indent: -1em;
	margin-left: 2em;
}
.footer_inner img {
	margin: 7px 0 8px 20px;
}
.footer_inner .pay01 {
	width: 223px;
	height: auto;
}
.footer_inner .pay02 {
	width: 106px;
	height: auto;
}
.footer_inner .pay03 {
	width: 120px;
	height: auto;
}
.footer_inner .pay04 {
	width: 75px;
	height: auto;
}
.footer_inner .pay05 {
	height:40px;
	width:auto;
}
.footer_inner .pay06 {
	width: auto;
	height: 20px;
}
.footer_inner .pay07 {
	height:auto;
	width:125px;
}
.footer_inner dl dt {
	margin: 5px 0;
	font-size: 12px;
}
.footer_inner .txt_link {
	font-size: 11px;
	margin-left: 15px;
}
/* calender */
.cal_wrapper {
	margin-left: 15px;
	padding: 10px 0px;
}
.cal_wrapper table {
  width:calc(100% - 15px);
}
.schedule_wrapper {
	padding: 10px 0px;
	max-width: 310px;
	width: 100%;
	border: solid 1px #CCC;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
}
.schedule_wrapper h3 {
	padding: 0px 10px;
	font-weight: normal;
	margin: 0px;
	font-size: 12px;
	color: #666;
}
.schedule_wrapper .schedule_list {
	padding: 0px 10px;
	margin: 0px;
}
.schedule_wrapper .schedule_list ol {
	padding: 0px;
	margin: 5px auto;
	border-top: solid 1px #CCC;
}
.schedule_wrapper .schedule_list ol li {
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-size: 12px;
	line-height: 1.5em;
}
.schedule_wrapper .schedule_list ol li:hover {
	text-decoration: underline;
}
.cal_wrapper table.cal tr th {
	padding-bottom: 3px;
}
.cal_wrapper table.cal tr th p {
	float: left;
	padding: 5px;
	margin: 0px;
	font-size: 13px;
}
.cal_wrapper table.cal tr th .cal_ui {
	float: right;
}
.cal_wrapper table.cal tr th .cal_ui input {
	border: solid 1px #CCC;
	background-color: #FFF;
	font-size: 12px;
	margin: 0px 1px;
	padding: 3px 5px;
	border-radius: 3px;
	font-family: 'Quicksand';
}
.cal_wrapper table.cal tr td {
	border-bottom: solid 1px #ddd;
}
.cal_wrapper table.cal tr td {
	font-size: 10px;
	text-align: center;
	padding: 2px
}
.cal_wrapper table.cal tr.headline td {
	padding: 5px 0px;
}
.cal_wrapper table.cal tr.headline {
	background-color: #ece5d1;
}
.cal_wrapper table.cal tr td div {
	position: relative;
	padding: 4px 12px;
	font-size: 11px;
	text-align: center;
	border-radius: 3px;
}
.cal_wrapper table.cal tr td div span {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 180px;
	border: solid 1px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
}
.cal_wrapper table.cal tr td .Today {
	font-weight: bolder;
	color: #fff;
	background-color: #36ceea;
}
.cal_wrapper table.cal tr td div.Holyday, .cal_wrapper table.cal tr td div.Sun, .cal_wrapper table.cal tr td div.Sat {
	font-weight: bolder;
	color: #fff;
	background-color: #fe7285;
}
.cal_wrapper table.cal tr td .backward {
	color: #CCC !important;
	font-weight: normal;
	border-radius: 3px;
	background: none !important;
}
.cal_wrapper table.cal tr td .pointer {
	cursor: pointer;
}
.cal_txt {
	margin-top: 5px;
	font-weight: bold;
}
.cal_txt span {
	margin-right: 5px;
	color: #fe7285;
}
  .copyright,.copyright a {
   color: #f4f0e7;
  }
@media screen and ( max-width:480px) {
.footer_head .basic-info li {
	display: block;
	margin: 10px auto !important;
}
}
@media screen and ( max-width:739px) {
 .footer_head .wrap-insta p {
    font-size: 14px;
}
}
@media screen and ( max-width:980px) {
.footer_head {
	padding: 30px 0 0;
}
#footer .category, .footer_inner {
	padding: 25px 20px 0;
}
#footer .nav-wrap {
	display: none;
}
.footer_inner h3 {
	margin: 5px 0;
}
.footer_inner h3 a {
	font-size: 14px;
	padding: 15px 0 15px 30px;
	background: #ece5d1;
	color: #333;
}
.footer_inner h3 a:after {
	border-top: 1px solid #40270d;
	border-right: 1px solid #40270d;
}
/*.footer_inner h3.nav_info_1 a {
	background: #ece5d1 url(https://yuiyuido.shop/ec/images/common/nav_info_4.png) 12px center no-repeat;
	background-size: 30px 30px;
}
.footer_inner h3.nav_info_2 a {
	background: #ece5d1 url(https://yuiyuido.shop/ec/images/common/icon_payment.png) 12px center no-repeat;
	background-size: 30px 30px;
}
.footer_inner h3.nav_info_3 a {
	background: #ece5d1 url(https://yuiyuido.shop/ec/images/common/nav_info_5.png) 12px center no-repeat;
	background-size: 30px 30px;
}
.footer_inner h3.nav_info_4 a {
	background: #ece5d1 url(https://yuiyuido.shop/ec/images/common/icon_logo.png) 12px center no-repeat;
	background-size: 30px 30px;
}
.footer_inner h3.nav_info_5 a {
	background: #ece5d1 url(https://yuiyuido.shop/ec/images/common/nav_info_3.png) 12px center no-repeat;
	background-size: 30px 30px;
}*/
.footer_inner h3.nav_info_5 {
	padding-bottom: 30px;
	border-bottom: 1px solid #40270d;
}
.f_box_right {
	width: 290px;
	margin: 30px auto 0;
	text-align: center;
}
.f_box_right .cal_txt {
	text-align: left;
}
.cal_wrapper {
	margin-left: 0;
}
.copyright {
	margin-top: 30px;
	padding: 20px 0;
	text-align: center;
	font-size: 10px;
   background: #68544c;
}
}
 @media only screen and (min-width: 981px) {
/* footer */
#footer {
	margin-top: 10px;
}
.footer_head {
	padding: 40px 0 0;
}
.footer_inner {
	max-width: 1600px;
	box-sizing: border-box;
	margin: 40px auto 50px;
  padding:0 20px;
}
.footer_inner .f_box {
	width: 31.5%;
	float: left;
	margin-right: 2.75%;
}
.footer_inner h3 {
	max-width: 100%;
	margin: 20px 0 -5px;
	line-height: 46px;
}
.footer_inner h3 a {
	padding: 0 20px;
	font-size: 15px;
	border-radius: 23px;
  -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.footer_inner h3 a:hover {
border-radius:3px;
  opacity:1;
}
.footer_inner .f_box.last h3 {
	margin-bottom: 20px;
}
.footer_inner .shop01 {
	width:calc(100% - 30px);
	margin-left: 15px;
  margin-bottom:15px;
}
.copyright {
	padding: 30px 0;
	text-align: center;
	color: #f4f0e7;
	font-size: 13px;
	background: #68544c;
}
}
@media only screen and (min-width: 981px) and (max-width: 1360px) {
.footer_inner {
	padding: 0 3%;
  }
}
/* --------------------------------
	Product List Setting
-------------------------------- */
.prd-list {
	padding-bottom: 40px;
}
.prd-list h2 {
	margin: 15px 0 30px;
}
.prd-list li {
	margin-bottom: 20px;
}
.prd-list li a {
	display: block;
}
.prd-list .item_photo {
	margin-bottom: 5px;
	overflow: hidden;
}
.prd-list .item_photo a:hover {
	opacity: 1;
}
.prd-list .item_photo a img {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.prd-list .item_photo a:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.prd-list h3 {
	font-size: 13px;
	font-weight: normal;
	margin: 10px 0 0;
}
.prd-list .item_price {
	margin: 0;
	font-size: 14px;
	color: #e83859;
}
.prd-list .item_price span {
	font-size: 9px;
	font-weight: normal;
}
.prd-list .item_price span.discount-rate {
	font-size: 10px;
    font-weight: bold;
    color: #e83859;
}
.prd-list .half {
	width: 50%;
	float: left;
}
.prd-list #laos_area {
	padding-right: 10px;
}
.prd-list #indonesia_area {
	padding-left: 10px;
}
.prd-list .half li {
	width: 50%;
}
.prd-list .prd-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}
.prd-list .prd-row li {
	padding: 0 10px;
	margin-bottom: 25px;
	box-sizing: border-box;
	clear: both;
}
.product_item {
	position: relative;
}
.product_item a {
	display: block;
}
.product_page .product_item a {
	padding-bottom: 16px;
}
.product_item a:hover {
	background: rgba(255,255,255,0.3);
	text-decoration: none;
}
.product_item a:hover img {
	opacity: 0.8;
}
.item_photo {
	display: block;
	text-align: center;
}
.item_photo.item_soldout .img-pro {
	position:relative;
}
.item_photo.item_soldout .img-pro:before {
	position:absolute;
	content:"";
	background:rgba(0,0,0,.6);
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.item_photo.item_soldout .img-pro:after {
	position:absolute;
	content:"";
	width:60%;
	height:60%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	background-image:url(https://yuiyuido.shop/ec/images/common/badge_soldout.png);
	background-size: contain;
	background-repeat:no-repeat;
}
.item_photo.item_soldout .img-pro:hover img {
	-webkit-transform: inherit;
	-moz-transform: inherit;
	-o-transform: inherit;
	-ms-transform: inherit;
	transform:inherit;;
}
.item_photo img {
	width: 100%;
  height:auto;
}
.product_item .btn_circle {
	position: absolute;
	right: 8px;
	top: 8px;
}
.item_comment {
	text-indent: 1em;
	margin: 0 0 8px;
}
.item_name a {
	color: #40270d;
	margin: 0 0 5px;
}
.item_price {
	margin-left: 30px;
	color: #40270d;
	font-weight: bold;
}
.item_price .small {
	font-size: 86%;
}
.special_price {
	color: #DE5D50;
}
@media only screen and (max-width: 639px) {
.prd-list .prd-row.list-new li, .prd-list .prd-row li {
	width: 50%;
}
.prd-list h3 {
	font-size: 12px;
}
.prd-list .prd-row li {
	margin-bottom: 15px;
}
}
@media only screen and (min-width: 640px) {
.prd-list .prd-row li {
	width: 25%;
}
.prd-list .prd-row.list-new li {
	width: 20%;
}
}
 @media only screen and (min-width: 768px) {
.product_page .product_item {
	padding-bottom: 24px;
}
.item_comment {
	margin: 25px 0 20px;
}
}

/* favorit button 
.product-list__fav-item {
	float:left;
}

.product-list__fav-item button {
    cursor: pointer;
    display: block;
    transition: .2s;
    color: #fff;
    border: 0;
    height: 23px;
    outline: none;
    width: 23px;
    border-radius: 3px;
    text-align: center;
    background: #999;
    padding: 0;
}

.product-list__fav-item .fav-added {
 	background: #ff7373;
}

.product-list__fav-item svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}*/

@media only screen and (min-width: 981px) {
.prd-list ,.wrap-exp{
	margin: 0 20px;
}
}
@media only screen and (min-width: 1361px) {
.prd-list ,.wrap-exp{
	margin: 0 30px;
}
}

/* --------------------------------
	pankuzu
-------------------------------- */
.wrap-pankuzu {
	padding: 10px 15px;
	background: #f5f5f5;
	border-radius: 5px;
	margin-bottom: 15px;
	font-size:13px;
}
.wrap-pankuzu li {
	display:inline-block;
	color:#40270d;
}
.wrap-pankuzu li a {
	position:relative;
	color: #a2aaad;
	padding-right:15px;
}
.wrap-pankuzu li a:after {
    content: "";
    position: absolute;
    top: 0;
	bottom:0;
	margin:auto;
    right: 5px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #a2aaad;
    border-right: 1px solid #a2aaad;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* --------------------------------
	bnr / ttl
-------------------------------- */
.bnr-area, .bnr-area2 {
	margin-top: 20px;
	margin-bottom: 40px;
}
.bnr-area ul li a, .bnr-area2 ul li a {
	display: block;
	position: relative;
      border-radius: 5px;
    overflow: hidden;
}
.bnr-area ul li a .txt-bnr, .bnr-area2 ul li a .txt-bnr {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	height: 100%;
	width: 100%;
	color: #fff;
	font-weight: bold;
  border-radius:5px;
}
.bnr-area ul li a .txt-bnr, .bnr-area ul li a .txt-bnr h2, .bnr-area ul li a .txt-bnr p {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.bnr-area ul li a .txt-bnr h2, .bnr-area2 ul li a .txt-bnr h2 {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: auto;
	letter-spacing: .05em;
	text-align: center;
}
.bnr-area2 ul li a .txt-bnr h2 span {
	display: block;
}
.bnr-area ul li a .txt-bnr p {
	opacity: 0;
	position: absolute;
	top: 50%;
	padding: 25px 20px 0;
	margin: 0;
	letter-spacing: .05em;
	font-weight: normal;
	font-size: 13px;
}
/* prd-list */
h2.ttl-top {
	font-size: 24px;
	color: #40270d;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 20px;
	letter-spacing: .05em;
}
h2.ttl-top span {
	display: inline-block;
	padding: 5px;
	border-bottom: 2px solid #40270d;
}
@media screen and ( max-width:480px) {
.bnr-area {
	margin: 0 -15px 60px;
}
.bnr-area .slick-dots {
	bottom: -24px;
}
.bnr-area .slick-dots li {
	margin: 0 5px;
}
.bnr-area .slick-dots li button:before {
	background-color: #f4f0e7;
	line-height: 5px;
}
.bnr-area .slick-dots li.slick-active button:before {
	background: #f5ab2e;
}
.bnr-area .slick-dots li, .bnr-area .slick-dots li button, .bnr-area .slick-dots li button:before {
	width: 10px;
	height: 10px;
}	
}
@media only screen and (min-width: 541px) {
.bnr-area2 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.bnr-area .slick-track {
	margin: 0;
}
.bnr-area .slick-slide {
	padding: 0 .2%;
}
.bnr-area2 ul li {
	width: 49%;
	margin-right: 2%;
}
.bnr-area ul li:last-child, .bnr-area2 ul li:last-child {
	margin-right: 0;
}
}
@media only screen and (min-width: 640px) {
/* bnr-area */
.bnr-area ul li a .txt-bnr h2, .bnr-area2 ul li a .txt-bnr h2 {
	font-size: 24px;
}
.bnr-area2 ul li a .txt-bnr h2 span {
	font-size: 12px;
}
/* prd-list */
h2.ttl-top {
	margin-bottom: 30px;
}
}
@media only screen and (max-width: 639px) {
.bnr-area .slick-slide {
	margin: 0 5px;
}
.bnr-area2 ul li {
	margin-bottom: 15px;
}
.bnr-area ul li a .txt-bnr h2, .bnr-area2 ul li a .txt-bnr h2 {
	font-size: 20px;
}
.bnr-area2 ul li a .txt-bnr h2 span {
	font-size: 11px;
}
.bnr-area ul li a .txt-bnr p {
	font-size: 12px;
}
}
@media only screen and (min-width: 681px) {
.bnr-area .slick-slide {
	padding: 0 .5%;
}
}
@media only screen and (min-width: 981px) {
.bnr-area ul li a:hover {
	opacity: 1;
}
.bnr-area ul li a:hover .txt-bnr {
	background: rgba(0,0,0,.5);
}
.bnr-area ul li a:hover .txt-bnr h2 {
	top: 40%;
}
.bnr-area ul li a:hover .txt-bnr p {
	opacity: 1;
	top: 40%;
}
}

/* --------------------------------
	wrap-sublist
-------------------------------- */
h3.ttl-sublist {
	position:relative;
	padding-left:20px;
}
h3.ttl-sublist:before {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	width:10px;
	height:2px;
	background:#68544c;
}
.wrap-sublist {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wrap-sublist li a {
	background:#68544c;
	line-height:34px;
	text-align:center;
	font-size:12px;
	display:block;
	border-radius:4px;
	color:#f8f5ed;
	font-weight:bold;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.wrap-sublist li a:hover {
	color: #68544c;
    background: #f8f5ed;
	opacity:1;
}

@media only screen and (max-width: 639px) {
.wrap-sublist li {
	width:49%;
	margin-right:2%;
	margin-bottom:5px;
}
.wrap-sublist li:nth-child(2n){
	margin-right:0;
}
}
@media only screen and (min-width: 640px) {
.wrap-sublist li {
	width:23.8%;
	margin-right:1.6%;
	margin-bottom:10px;
}
.wrap-sublist li:nth-child(4n){
	margin-right:0;
}
}


/* --------------------------------
	slick-dots
-------------------------------- */
.slick-dots {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
.slick-dots li.slick-active button:before {
	opacity: .85;
}
.slick-dots li button.thumbnail img {
	width: 0;
	height: 0;
}


/* --------------------------------
	ゆいゆい堂について
-------------------------------- */
#main .wrap-about {
	margin-bottom:0 !important;
	padding-bottom:10px;
}
#main .wrap-about p {
  line-height:1.8;
}
/* ttl-category */
.ttl-category {
	text-align:center;
	margin-bottom:25px;
}
.ttl-category span {
	display:inline-block;
	font-size:18px;
	color:#40270d;
	border:2px solid #40270d;
	padding:2px 20px;
}

/* img-about */
.img-about {
  margin-bottom:30px;
}
.img-about img {
  border-radius:10px;
}
/* access-area */
.access-area {
  background:#f5f5f5;
  padding:25px;
  margin-top:30px;
}
.access-area .gMap iframe {
  width:100%;
  height:250px;
}
.access-area .wrap-access {
  font-size:13px;
}
.access-area .wrap-access dl {
  padding:10px 0;
}

@media only screen and (max-width: 639px) {
.ttl-category span {
	font-size:16px;
}

}
@media only screen and (min-width: 640px) {
.ttl-category span {
	font-size:18px;
}
}
@media only screen and (max-width: 980px) {
/* mv-area */
.mv-area {
	margin:0 -15px 20px;
}
.access-area .gMap {
  margin-bottom:15px;
}
}

@media only screen and (min-width: 981px) {
#main .wrap-about {
	margin:0 20px;
}
/* mv-area */
.mv-area {
	margin:0 0 30px;
}
 .mv-area img {
   width:100%;
 }
/* access-area */
.access-area {
  display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
 .access-area > div {
   width:48%;
 }
  .access-area .wrap-access {
    font-size:14px;
  }
 .access-area .gMap {
   margin-right:4%;
  }
  .access-area .gMap iframe {
    height:320px;
  }
}
@media only screen and (min-width: 1361px) {
#main .wrap-about {
	margin:0 60px;
	padding-bottom:20px;
}
}
/* 24.05.23 追記 */
.snptwdgt-container .snptwdgt-rtd__f2tr {
  opacity:0 !important;
}