/* ************************************************ 
 * ------------------------------------------------
 *  ¶¦ÄÌÀßÄê
 * ------------------------------------------------
 * ************************************************ */

/* ************************************************ 
 * ------------------------------------------------
 *  ��������
 * ------------------------------------------------
 * ************************************************ */
body {
	font-family: "CenturyGothic", "DIN-Regular", "�ҥ饮�γѥ� Pro W3",
		"Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", Meiryo, "�ͣ� �Х����å�", sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #666;
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 1000px;
}

img {
	border: 0;
}
h1 {
	font-size: 13px;
	margin: 0;
	padding: 0;
}
h2 {
	color: #644518;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
}
h3,
h4 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}

form {
	margin: 0;
	padding: 0;
}

input,
select,
textarea {
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

.bold {
	font-weight: bolder;
}

.cell_mar {
	margin: 3px 5px 3px 15px;
}
a:hover img {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a:link {
	color: #666;
}
a:visited {
	color: #666;
}
a:active {
	color: #666;
}
a:hover {
	color: #5c9139;
}
.clear {
	clear: both;
	margin-bottom: 15px;
}
.clear2,
.no_line {
	clear: both;
}
#smp {
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 10px 30px 10px 30px;
	margin: 50px auto 70px auto;
}
#smp a {
	font-size: 450%;
	color: #ffffff;
	background-color: #177d14;
	text-decoration: none;
	border: 1px solid #333;
	border-radius: 50px;
	padding: 10px 30px 10px 30px;
}
/* ************************************************ 
   *  ����
   * ************************************************ */
#container {
	display: flex;
	max-width: 1060px;
	text-align: left;
	background-color: #fff;
	padding: 0px 20px 0px 20px;
	margin: 0px auto 0px auto;
}
#header-main {
	max-width: 1060px;
	padding: 0px 20px 0px 20px;
	margin: -30px auto 10px auto;
}
#header-main h1 {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
/* ************************************************ 
   *  ��¦��˥塼
   * ************************************************ */
#sidemenu {
	width: 220px;
	color: #666;
	float: left;
	padding-right: 20px;
	text-align: left;
	font-size: 14px;
	line-height: 170%;
}
/* ************************************************ 
   *  ���ȿ������Ϥ�
   * ************************************************ */
#wrapper {
	flex-basis: 100%;
	float: right;
}
/* ************************************************ 
   *  �������˥塼
   * ************************************************ */
#sidemain {
	width: 100%;
	text-align: left;
	float: left;
}
/* ************************************************ 
   *    ����
   * ************************************************ */
#under {
	width: auto;
	max-width: 1000px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 30px 0px 30px;
}
/* ************************************************ 
   *  �إå�����˥塼
   * ************************************************ */
.holiday {
	text-align: center;
	margin: -20px 0px 45px 0px;
}
.holiday img {
	width: 96%;
	max-width: 1000px;
	height: auto;
	margin: 0px 2% 0px 2%;
}
#header {
	width: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 6;
	left: 50%;
	transform: translateX(-50%);
}
#header1 {
	min-width: 1000px;
	font-size: 11px;
	text-align: left;
	background-color: #d4d4d2;
	color: #555;
	padding: 4px 0px 3px 20px;
}
#header1 a {
	color: #555;
	text-decoration: none;
}
#sitemap {
	float: right;
	text-decoration: none;
	font-size: 12px;
	padding: 0px 20px 0px 0px;
}
#header2 {
	min-width: 980px;
	background-color: #fff;
	margin: 0px auto 0px auto;
	padding: 14px 0px 7px 20px;
}
#header2 .logo2 {
	margin: -5px 0px 0px 0px;
	width: auto;
	height: 45px;
	float: left;
}
#header2 img {
	margin-left: 0px;
}
#seach {
	width: 300px;
	background-color: #fff;
	margin: 0px 0px 0px 20px;
	border: 1px solid #000;
	height: 35px;
	border-radius: 2px;
	position: block;
	float: left;
}
#searchform {
	width: 150px;
	display: inline-block;
	margin: 4px 0px 0px 0px;
	position: relative;
	border-radius: 2px;
	float: left;
	outline: none;
	border: none;
	background-color: #fff;
}
#searchselect {
	width: 130px;
	margin: 2px 0px 0px 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	border-radius: 0px;
	height: 22px;
	background-color: #fff;
	font-size: 12px;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: right 2px center;
	background-color: #fff;
}
#keywords {
	width: 130px;
	margin-top: 0px;
	position: absolute;
	top: 0;
	left: auto;
	padding-left: 0px;
	outline: none;
	border: none;
	height: 22px;
	background-color: #fff;
}
#searchBtn {
	position: absolute;
	top: 2px;
	left: 270px;
	width: 22px;
}
.header-icon {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
}
.header-icon a {
	color: #504437;
	float: left;
	text-align: center;
	border-left: 1px dotted #663333;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
}
.header-icon a p {
	font-size: 10px;
	color: #504437;
	padding: 0px 0px 0px 0px;
	margin: -4px 0px 0px 0px;
}
.header-icon a .cart {
	margin: -2px 0px -2px 8px;
}
.header-icon .fa-fw {
	font-size: 22px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 3px 0px;
}
.header-icon .fa-fw2 {
	font-size: 26px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.count,
.count2 {
	font-size: 10px;
	width: 20px; /*��*/
	height: 18px; /*�⤵*/
	border-radius: 50%; /*�Ѵ�*/
	margin: -5px 0px 0px -8px;
	display: block;
	float: right;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}
.count {
	color: #fff;
	background-color: #504437;
}
.count2 {
	color: #fff;
	background-color: #dd0d0d;
}
#free-d {
	font-size: 13px;
	float: right;
	margin: 0px 0px 0px 0px;
}
#free-d img {
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: right;
	width: auto;
	height: 36px;
}
#header3 {
	min-width: 1000px;
	margin: 0px 0px 0px 0px;
}
#top-header {
	margin-top: 0px;
	width: 100%;
	color: #fff;
	padding: 10px 0px 12px 0px;
	float: left;
}
.m_name {
	float: left;
	text-align: left;
	text-decoration: none;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 20px;
	font-size: 13px;
	font-weight: normal;
}
#top-header a {
	color: #ffffcc;
	font-size: 14px;
	text-decoration: none;
}
.top-header-navi {
	float: right;
	color: #fff;
	padding-right: 2%;
}
#top-header .top-header-navi li {
	margin: 0px 0px 0px 0px;
	float: left;
	border-left: 1px dotted #fff;
}
#top-header .top-header-navi li a {
	text-decoration: none;
	color: #fff;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
}
#top-header .top-header-navi li a .fa-fw {
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
}
#top-header .top-header-navi li a p {
	float: right;
	font-size: 11px;
	margin: 3px 10px 0px 5px;
}
#header4 {
	min-width: 900px;
	text-align: left;
	background-color: #fff;
	padding-top: 210px;
	margin: 0px 0px 8px 0px;
}
/* ���Τ餻.css */
.osirase {
	position: relative;
	font-size: 1.13em;
	text-align: center;
	padding: 1em 1em;
	margin: 0px auto 20px auto;
}
.osirase:before,
.osirase:after {
	content: "";
	width: 8%;
	height: 20px;
	position: absolute;
	display: inline-block;
}
.osirase:before {
	border-left: solid 1px #333;
	border-top: solid 1px #333;
	top: 0;
	left: 0;
}
.osirase:after {
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	bottom: 0;
	right: 0;
}
.osirase p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*�ɥ��åץ�˥塼*/
.dropmenu {
	display: inline-flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0px auto 0px auto;
	border-bottom: 1px dotted #ccc;
}
.down-arrow {
	background-repeat: no-repeat;
	background-position: center left 7px;
	margin: 0px auto 0px auto;
}
.down-arrow p {
	color: #000;
	font-family: Poppins, "Noto Sans JP", sans-serif;
	text-align: center;
	letter-spacing: 3px;
	font-size: 14px;
	font-weight: bold;
	margin: 5px auto 0px auto;
	justify-content: center;
}
.sss-text {
	display: flex;
	font-size: 10px;
	font-weight: normal;
	margin: 0px auto 0px auto;
	justify-content: center;
}
.dropmenu .menu_list {
	width: 20%;
	max-width: 220px;
	border-right: 1px dotted #ccc;
}
.dropmenu .menu_list:first-child {
	border-left: 1px dotted #ccc;
}
.dropmenu .menu_list > a {
	display: block;
	position: relative;
	padding: 0px 0px 0px 0px;
	text-align: center;
	transition: 0.3s;
	border-bottom: 2px dotted #fff;
}
.dropmenu .menu_list > a:hover {
	color: #333;
	background: #fff;
}
.dropmenu .menu_list > a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #555;
	transform: scale(0, 1);
	transition: 0.4s;
}
.dropmenu .menu_list > a:hover:before {
	transform: scale(1);
}
.menu_contents,
.menu_contents2 {
	background: #fff;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 1106px;
	padding: 20px 0% 20px 0%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	box-shadow: 8px 8px 14px #666;
}
.spacer {
	width: 100%;
}
.menu_contents ul,
.menu_contents2 ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 5px 0px 5px;
}
.menu_contents li,
.menu_contents2 li,
.menu_contents2 .menu_list4 .menu_list5 {
	display: flex;
	float: left;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}
.menu_contents li {
	width: 14.2%;
	max-width: 190px;
	margin: 10px 0px 10px 0%;
	padding: 3px 0% 10px 0px;
}
.menu_contents2 li {
	width: 10%;
	max-width: 120px;
	margin: 0px 0% 15px 0%;
	padding: 0px 0% 0px 0%;
}
.menu_contents3 li {
	width: 10%;
	margin: 0px 0% 15px 1%;
	padding: 0px 0% 0px 0%;
}
.menu_contents2 .menu_list4 {
	width: 12.5%;
	max-width: 180px;
	margin: 10px 0% 10px 0%;
	padding: 3px 0% 0px 0px;
}
.menu_contents2 .menu_list5 {
	width: 9%;
	margin: 10px 0.5% 10px 0.5%;
	padding: 3px 0% 10px 0px;
	text-align: center;
}
.menu_contents2 .list_none {
	border-bottom: 0px dotted #ccc;
}
.menu_contents li img,
.menu_contents2 li img,
.menu_contents2 .menu_list4 img {
	vertical-align: middle;
	height: auto;
	padding: 0px 0% 0px 0%;
}
.menu_contents li img {
	width: 90%;
	margin: 0px 0% 0px 0%;
}
.menu_contents2 li img {
	width: 60%;
	margin: 0px 0% 5px 0%;
	padding: 0px 0% 0px 3%;
}
.menu_contents2 .menu_list4 img {
	width: 90%;
	margin: 0px auto 10px auto;
}
.menu_contents p,
.menu_contents2 li p,
.menu_contents2 .menu_list4 {
	display: inline-block;
	vertical-align: middle;
	font-size: 11.5px;
	line-height: 1.4em;
	height: auto;
	padding: 0px 0% 0px 0%;
	text-decoration: none;
}
.menu_contents p {
	width: 95%;
	margin: 10px 0px 0px 5%;
}
.menu_contents2 li p {
	font-size: 10px;
	width: 100%;
	margin: 0px 0px 5px 0%;
}
.menu_contents2 .menu_list4 p {
	width: 100%;
	margin: 0px 0% 10px 0%;
}
.drop_side {
	border-right: 1px dotted #333;
}
.drop_line {
	clear: both;
	border-bottom: 1px dotted #333;
	margin: 0px 20px 20px 0px;
	padding: 10px 0px 0px 0px;
}
/*�ɥ��åץ�˥塼 �����ޤ�*/

.title {
	height: 62px;
	color: #ffffff;
	font-size: 22px;
	float: left;
	padding-left: 10px;
}
/* ************************************************ 
   *  �إå�������
   * ************************************************ */
/* ��󥭥󥰾��� */
.line-m {
	overflow: hidden;
	text-align: center;
	font-size: 15px;
	margin: 15px 0px 5px 0px;
}
.line-m span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.line-m span::before,
.line-m span::after {
	position: absolute;
	top: 50%;
	content: "";
	width: 800%;
	height: 1px;
	background-color: #ccc;
}
.line-m span::before {
	right: 100%;
}
.line-m span::after {
	left: 100%;
}
.rank_top {
	text-align: center;
	margin: 0px 20px -50px 30px;
}
.rank_list {
	float: left;
	text-align: center;
	font-size: 11px;
	margin: 0px 0px 20px 0px;
}
.rank_item {
	width: 90%;
	text-align: center;
}
.rank_item .rank {
	padding-top: 20px;
}
.rank_item .rank img {
	display: inline-block;
	width: 100%;
	height: auto;
}
.rank_item .no {
	text-align: left;
	position: absolute;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}
/* .rank_item .no img {
	width: 70%;
	height: auto;
} */
.no-p2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-style: oblique;
	color: #000;
	position: absolute;
	padding: 10px 0px 0px 5px;
	z-index: 3;
}
.no-p3 {
	font-size: 10px;
}
/* ��󥭥󥰾��������ޤ� */
/* ************************************************ 
   *  ��¦��˥塼
   * ************************************************ */

/* �������ǥ����󤳤��ޤ� */
.accordion-menu {
	width: 100%;
	margin: 0px auto 20px auto;
}
.accordion-menu label {
	padding: 8px 0px 8px 15px;
	display: block;
	margin: 0px;
	border-bottom: 1px dotted #333;
	background-color: #fff;
	cursor: pointer;
}
.accordion-menu label:after {
	display: block;
	text-align: right;
	margin-top: -23px;
	margin-right: 10px;
	font-family: "FontAwesome";
	content: "\f067";
}
.on-off:checked + label:after {
	content: "\f068";
}
.on-off {
	display: none;
}
.on-off + label + ul {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.on-off:checked + label + ul {
	height: auto;
	opacity: 1;
}
.accordion-menu ul {
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
}
.accordion-menu ul li a {
	display: block;
	padding: 7px 0px 7px 15px;
	border-bottom: 1px dotted #555;
	width: 235px;
	text-decoration: none;
	color: #666;
}
.accordion-menu ul li a:hover,
.accordion-menu ul li a:hover {
	display: block;
	background-color: #e4e1db;
	color: #333;
}

/* �������ǥ����󤳤��ޤ� */
.side_bg {
	margin-bottom: 10px;
}
.category-menu,
.category-menu ul {
	list-style-type: none;
}
.category-menu {
	margin: 0 0 2em;
	padding: 0;
}
.category-menu ul {
	margin: 0;
	padding: 0;
}
.category-menu li a {
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px dotted #000;
	background-color: #fff;
	color: #333;
}
.category-menu ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 25px;
	border-bottom: 1px dotted #000;
	font-size: 13px;
}
.category-menu a {
	color: #000000;
}
.category-menu ul a {
	background-color: #fff;
	color: #000000;
}
.category-menu a:hover,
.category-menu ul a:hover {
	background-color: #eee;
	color: #000000;
}
.side_title {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px 0px 8px 8px;
	color: #666;
}
#top-header {
	background: linear-gradient(#827c6e 10%, #655f52 80%);
}
.side_text {
	border-bottom: 1px solid #ccc;
	padding: 3px 10px;
}
.side_text2 {
	border-bottom: 1px dotted #ccc;
	padding: 3px 10px 3px 20px;
}
.side_text a,
.side_text2 a {
	color: #432a16;
}
.side_text a:link,
.side_text a:visited,
.side_text a:active,
.side_text2 a:link,
.side_text2 a:visited,
.side_text2 a:active {
	color: #432a16;
	text-decoration: none;
}
.side_text a:hover,
.side_text2 a:hover {
	color: #5c9139;
	text-decoration: none;
}
.shop_text {
	font-size: 11px;
	line-height: 120%;
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.shop_text .shop_text2 {
	font-size: 15px;
	margin: 5px 0px 15px 0px;
	line-height: 15px;
}
.shop_text p {
	font-size: 13px;
	margin: 0px 0px 5px 0px;
	line-height: 180%;
}
#sidemenu img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
#category {
	padding-left: 15px;
}
.new_item2 {
	width: 238px;
	height: 238px;
	margin-top: 15px;
	border: 1px solid #000;
}
.new_item2 img {
	width: 100%;
	height: auto;
}
.absolute {
	width: 238px;
	position: absolute;
}
/* ************************************************ 
   *  ��������
   * ************************************************ */

.tbl_calendar {
	border: none !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	width: 98%;
	text-align: center;
}
.tbl_calendar th,
.tbl_calendar td {
	padding: 5px !important;
	text-align: center !important;
	border-bottom: 1px solid #ccc !important;
}
table.calendar {
	text-align: center;
	width: 98%;
	height: 120px;
}
table.calendar tr.headline td {
	font-size: 10px;
	height: 20px;
}
table.calendar th {
	text-align: left;
	font-size: 11px;
	height: 5px;
	font-weight: bold;
}
table.calendar th span {
	cursor: pointer;
	float: right;
	font-size: 9px;
	font-weight: normal;
	height: 20px;
}
table.calendar td {
	font-size: 10px;
	width: 19px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	padding: 2px 0px 1px;
	border-bottom: solid 1px #cccccc;
}
table.calendar td.click {
	cursor: pointer;
	background-color: #ffffff;
}
table.calendar td.Today {
	font-weight: bolder;
	color: #009900;
	font-size: 12px;
}
table.calendar td.Sat {
	color: #ffffff;
	background: #ff0000;
	height: 20px;
}
table.calendar td.Sun {
	color: #ffffff;
	background: #ff0000;
	height: 20px;
}
table.calendar td.holyday {
	color: #ffffff;
	background: #ff0000;
	height: 20px;
}
.calendar {
	padding: 0;
	height: 100%;
	width: 100%;
	margin: 5px 0;
	float: left;
	font-size: 9px;
	text-align: center;
}
.cl_red {
	color: #ff0000;
}
/* ************************************************ 
   *  �������˥塼
   * ************************************************ */
.main_copy {
	line-height: 150%;
	width: 740px;
	color: #666;
	font-size: 12px;
	text-align: left;
	padding: 0px 10px 5px 0px;
}
.main_copy p {
	border: 1px solid #999999;
	padding: 10px;
}
.block3 {
	width: 100%;
	margin-bottom: 10px;
}
.block3 li {
	float: left;
	width: 29%;
	padding-right: 10px;
	text-align: center;
}
.block3 li:last-child {
	padding-right: 0px;
}
.block3 li a {
	text-decoration: none;
}
.block3 li a img {
	width: 100%;
	height: auto;
}

/* ------------------------------------- 
   *  �����Ȥ��� - ����̾�����ʥܥ���/������
   * ------------------------------------- */
.cart_item {
	padding-left: 0;
}

/* ************************************************ 
   *  �����ȥ�
   * ************************************************ */
.l-text,
.m-text {
	font-family: Poppins, "Noto Sans JP", sans-serif;
	text-align: center;
	color: #000;
	background: #fff;
}
.l-text {
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 10px;
	padding: 12px 0px 10px 0px;
	margin: 0px 0px 10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.m-text {
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 5px;
	padding: 8px 0px 6px 0px;
	margin: 0px 0px 10px;
}
.s-text {
	font-size: 12px;
	letter-spacing: 10px;
	margin: 10px 0px 0px;
	display: flex;
	justify-content: center;
}
.ss-text {
	font-size: 10px;
	letter-spacing: 5px;
	margin: 5px 0px 0px;
	display: flex;
	justify-content: center;
}
.title-bar {
	width: 100%;
	text-align: center;
	font-size: 15px;
	background: -moz-linear-gradient(top, #aea091, #856f5a);
	background: -webkit-linear-gradient(top, #aea091, #856f5a);
	background: linear-gradient(to bottom, #aea091, #856f5a);
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top: 1 solid #93806d;
	color: #fff;
	padding: 7px 0px 8px;
	margin: 10px 0px 0px;
}
.title-bar a {
	text-decoration: none;
}
.title-bar a:link,
.title-bar a:visited,
.title-bar a:active {
	color: #fff;
}
.title-bar a:hover {
	color: #e7ce44;
}
.title-bar2,
.title-bar3 {
	width: 100%;
	text-align: center;
	font-size: 15px;
	background: -moz-linear-gradient(top, #a18a79, #47372b);
	background: -webkit-linear-gradient(top, #a18a79, #47372b);
	background: linear-gradient(to bottom, #a18a79, #47372b);
	border-top: 1 solid #93806d;
	color: #fff;
	padding: 7px 0px 8px;
	margin: 0px 0px;
}
.title-bar3 {
	margin: 0px 0px 20px;
}
/* ************************************************ 
   *  ��󥭥�
   * ************************************************ */
.no {
	text-align: left;
	position: absolute;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}

.no-p,
.no-pp {
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	font-style: oblique;
	color: #000;
	position: absolute;
	padding: 14px 0px 0px 7px;
	z-index: 3;
}
.no-p {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}
.ranking_price {
	font-size: 13px;
	color: #ff0000;
	margin: 0;
	padding: 5px 0px 0px;
	font-weight: bold;
	line-height: 120%;
}
.ranking_list {
	float: left;
	width: 14.285%;
	text-align: center;
	font-size: 11px;
}

.ranking_item {
	width: 92%;
	text-align: center;
	padding: 10px 5px 20px 5px;
}
.ranking_item .rank {
	padding-top: 10px;
}
.ranking_item .rank img,
.ranking_item .rank2 img {
	width: 100%;
	height: auto;
}

.ranking_item .name {
	font-size: 11px;
	height: 51px;
	overflow: hidden;
	line-height: 110%;
	margin: 10px 0 7px;
	text-align: left;
}

.ranking_item .price {
	color: #383371;
	text-align: right;
}

.ranking_item .expl {
	color: #999;
	font-size: 10px;
	line-height: 120%;
	width: 150px;
	text-align: left;
	margin: 5px 0;
}
.ranking_list a,
.ranking_list a:link,
.ranking_list a:visited {
	text-decoration: none;
}
.ranking_list a:active,
.ranking_list a:hover {
	text-decoration: none;
}
/* ************************************************ 
   *  ��󥭥󥰡���¦
   * ************************************************ */
.ranking {
	border: 1px solid #eee;
	margin: 0px 0px 10px 0px;
}
.no2 {
	text-align: left;
	position: absolute;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}
.no2 img {
	width: 80%;
	height: auto;
}
.no2-p {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-style: oblique;
	color: #000;
	position: absolute;
	padding: 14px 0px 0px 7px;
	z-index: 3;
}
.ranking_price2 {
	font-size: 13px;
	color: #ff0000;
	margin: 0;
	padding: 5px 0px 0px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
.ranking_list2 {
	width: 100%;
	text-align: center;
	font-size: 11px;
	background-color: #fff;
}
.ranking_item2 {
	width: 92%;
	text-align: center;
	padding: 0px 4% 10px 4%;
}
.ranking_item2 .rank {
	padding-top: 15px;
}
.ranking_item2 .rank img {
	width: 100%;
	height: auto;
}
.ranking_item2 .name {
	font-size: 11px;
	height: 68px;
	overflow: hidden;
	line-height: 110%;
	margin: 10px 0 7px;
	text-align: left;
}
.ranking_item2 .price {
	color: #383371;
	text-align: right;
}
.ranking_item2 .expl {
	color: #999;
	font-size: 10px;
	line-height: 120%;
	width: 150px;
	text-align: left;
	margin: 5px 0;
}
.ranking_list2 a,
.ranking_list2 a:link,
.ranking_list2 a:visited {
	text-decoration: none;
}
.ranking_list2 a:active,
.ranking_list2 a:hover {
	text-decoration: none;
}
/* ************************************************ 
   *  �եå�����˥塼
   * ************************************************ */

#footer-top {
	text-align: left;
}
#footer-top #footer-top-inner {
	width: 100%;
	text-align: left;
	margin: 10px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}
#footer-top-inner h4 {
	position: relative;
	line-height: 1.4;
	width: 100%;
	text-align: center;
	margin: 10px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
	display: inline-block;
}
#footer-top-inner h4:before,
#footer-top-inner h4:after {
	content: "";
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
}
#footer-top-inner h4:before {
	border-left: solid 1px #333;
	border-top: solid 1px #333;
	top: 0;
	left: 0;
}
#footer-top-inner h4:after {
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	bottom: 0;
	right: 0;
}
.haisou,
.haisou2 {
	float: left;
	width: 48%;
	background-color: #fff;
	padding: 0px 2% 0px 1%;
}
.haisou2 {
	width: 46%;
	padding: 0px 0% 0px 2%;
	margin: 0px 0px 0px 0px;
	border-left: 1px dotted #666;
}
.haisou .epsilon {
	width: 23%;
	height: auto;
	margin: 0px 1% 0px 0px;
	vertical-align: middle;
}
.haisou .card {
	width: 75%;
	height: auto;
	margin: 0px 1% 0px 0px;
	vertical-align: middle;
}
.haisou .daibiki {
	width: 23%;
	height: auto;
	margin: 0px 1% 0px 0px;
	vertical-align: middle;
}
.haisou .bank {
	width: 23%;
	height: auto;
	margin: 0px 1% 0px 0px;
	vertical-align: middle;
}
.haisou2 .muryou {
	width: 25%;
	height: auto;
	margin: 0px 1% 0px 0px;
	vertical-align: middle;
}
.haisou2 p {
	line-height: 170%;
}
.henpin {
	width: 96%;
	background-color: #fff;
	padding: 10px 2% 0px 2%;
}
.henpin p {
	font-size: 14px;
}
#footer {
	width: 100%;
	color: #fff;
	background-image: url(./../img//wood_bg.jpg);
	background-repeat: repeat;
	font-size: 11px;
	text-align: center;
	padding-bottom: 20px;
}
#footer-inner {
	width: 95%;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0;
}
#footer-inner p {
	margin: 0;
	line-height: 130%;
	padding: 0;
}
#footer .logo {
	font-size: 20px;
	color: #f1eab2;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #fff;
}
#footer a {
	color: #432a16;
}
#footer a:link {
	color: #f1eab2;
	text-decoration: none;
}
#footer a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:active {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}
/* ************************************************ 
   *  ����ƥ�Ķ���
   * ************************************************ */

.main_title {
	width: 100%;
	height: 25px;
	border-bottom: 1px #000 solid;
	color: #000;
	margin-bottom: 15px;
}
/* ************************************************ 
   *  TOP����ƥ��
   * ************************************************ */

/* ------------------------------------- 
   *  ���Τ餻���ꥢ
   *  �վ�񤭤Ǥ��Τ餻��Ǻܤ���ݤˤ����Ѥ�������
   *  ���������Ǥ�Ŭ�Ѥ���Ƥ��ޤ���
   * ------------------------------------- */
#topbox {
	width: 100%;
	margin-bottom: 20px;
}

#info {
	width: 100%;
	padding: 5px 0px 10px;
	margin: 0px 0px 20px;
	border-bottom: 1px solid #eee;
}

.info_title {
	font-family: Poppins, "Noto Sans JP", sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 10px;
	color: #000;
	background-color: #eee;
	margin: 15px 0px 15px;
	padding: 18px 0px 18px 0px;
}
.sidetitle-s {
	font-size: 12px;
	letter-spacing: 5px;
	margin: 8px 10px 0px;
	display: flex;
	justify-content: center;
}
.info_text {
	color: #666;
	font-size: 12px;
	height: 205px;
	overflow: auto;
	padding: 5px 8px 5px 8px;
	background-color: #fff;
}
.news-main {
	width: 100%;
	display: inline-block;
	border-bottom: 1px dotted #eee;
	margin: 0px 0px 0px 0px;
}
.news-data {
	font-size: 14px;
	float: left;
	width: 15%;
	text-align: left;
	padding: 5px 0px 5px 0px;
}
.news-text {
	width: 85%;
	float: left;
	text-align: left;
	padding: 4px 0px 5px 0px;
	line-height: 1.8;
}
.news-text img {
	vertical-align: middle;
}

.small {
	padding-left: 530px;
	_padding-left: 527px;
}

.small2 {
	padding-top: 5px;
	padding-left: 530px;
	_padding-left: 527px;
}

.banner {
	width: 100%;
	margin-bottom: 10px;
	text-decoration: none;
}
.banner p {
	margin-top: 5px;
	font-size: 14px;
}
.banner img {
	width: 100%;
	height: auto;
}
.banner a img {
	width: 100%;
	height: auto;
}
.big {
	width: 425px;
	float: left;
}

/* ------------------------------------- 
   *  �ե꡼���ڡ���
   * ------------------------------------- */
.free_space {
	margin: 10px 10px 15px 10px;
}

/* ------------------------------------- 
   *  ������ѥڡ���
   * ------------------------------------- */
div#btn_members_logout {
	padding: 0;
	text-align: center;
}

div#btn_members_login {
	padding: 0;
	text-align: center;
}

div#btn_members_signup {
	border-top: 1px dotted #cccccc;
	padding: 7px 0 0;
	margin: 7px 0 0;
	text-align: center;
}

p.txt_members_desc {
	line-height: 1.1em;
	margin: 0;
	font-size: 11px;
	padding: 0 0 7px;
}

/* ------------------------------------- 
   *  ������Ѳ��ʤ�ɽ�����ȥåץڡ�����
   * ------------------------------------- */
.regular_price_top {
	font-size: 15px;
	text-decoration: line-through;
	color: #666666;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
.price_top {
	font-size: 12px;
	padding: 0;
	margin: 15px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #ff0000;
}
.sale_price {
	font-size: 12px;
	color: #ff0000;
	margin: 0;
	padding: 0;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
}

.discount_rate_top {
	padding: 0;
	margin: 0;
	color: #ff0000;
}

/* ************************************************ 
   *  ���ʰ������쥤������
   * ************************************************ */

/* ------------------------------------- 
   *  ����ɽ�����¤ӽ���ѹ�(���ʰ�����
   * ------------------------------------- */
.sort_01 {
	width: 100%;
	height: 28px;
	color: #432a16;
	font-size: 12px;
	margin-top: -20px;
	margin-bottom: 1px;
}
.sort_01 a,
.sort_01 a:link,
.sort_01 a:visited {
	color: #26621e;
	text-decoration: none;
}
.sort_01 a:active,
.sort_01 a:hover {
	color: #568250;
	text-decoration: none;
}

/* ------------------------------------- 
   *  ����ɽ�����¤ӽ���ѹ�(���ʸ�����̡�
   * ------------------------------------- */

.sort_02 {
	width: 100%;
	height: 28px;
	color: #432a16;
	font-size: 10px;
	margin-bottom: 1px;
}
.sort_02 a,
.sort_02 a:link,
.sort_02 a:visited {
	color: #26621e;
	text-decoration: none;
}
.sort_02 a:active,
.sort_02 a:hover {
	color: #568250;
	text-decoration: none;
}

/* ------------------------------------- 
   *  ����ɽ�������ʿ���ɽ����
   * ------------------------------------- */
.pagenavi {
	width: 100%;
	height: 28px;
	color: #432a16;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.pagenavi2 {
	width: 100%;
	height: 28px;
	color: #432a16;
	font-size: 13px;
	margin-bottom: 50px;
}

/* ------------------------------------- 
   *  ���ʰ���ɽ���Υ쥤������
   * ------------------------------------- */

.product_list {
	float: left;
	width: 25%;
	text-align: center;
	padding: 5px 0px 0px 0px;
}

.product_item {
	text-align: center;
	width: 92%;
	padding: 10px 5px;
	margin: 0 auto;
}

.product_item img {
	width: 100%;
	height: auto;
}

.product_item .name {
	line-height: 140%;
	margin: 10px 0 0 0;
	font-size: 13px;
}

.product_item .price {
	color: #383371;
	margin: 0px 0px 0px 0px;
	font-size: 15px;
}

.product_item .expl {
	line-height: 120%;
	margin: 10px 5px 8px 5px;
	font-size: 12px;
}
.product_list a,
.product_list a:link,
.product_list a:visited {
	text-decoration: none;
}
.product_list a:active,
.product_list a:hover {
	text-decoration: none;
}
/* ------------------------------------- 
   *  �������ᾦ�ʲ�������ɽ���Υ쥤������
   * ------------------------------------- */

.osusume2_list {
	float: left;
	width: 20%;
	text-align: center;
	padding: 0 0 20px;
}

.osusume2_item {
	width: 95%;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0 auto;
}

.osusume2_item a img {
	border: 1px solid #999;
	width: 99%;
	height: auto;
}

.osusume2_item .name {
	line-height: 120%;
	margin: 8px 0 0 0;
	text-align: left;
	height: 55px;
	width: 100%;
	overflow: hidden;
	font-size: 12px;
}

.osusume2_item .price {
	color: #383371;
}
.osusume2_item .price2 {
	font-size: 12px;
	height: 26px;
	color: #ff0000;
	margin: 0;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
}

.osusume2_item .expl {
	color: #999;
	font-size: 11px;
	line-height: 120%;
	text-align: left;
	margin: 5px 0 0;
	height: 30px;
	width: 100%;
	overflow: hidden;
}
.osusume2_list a,
.osusume2_list a:link,
.osusume2_list a:visited {
	text-decoration: none;
}
.osusume2_list a:active,
.osusume2_list a:hover {
	text-decoration: none;
}
/* ------------------------------------- 
   *  �������ᾦ��ɽ���Υ쥤������
   * ------------------------------------- */
.pickup {
	font-size: 12px;
	text-align: left;
	padding-top: -50px;
}
.osusume_list {
	float: left;
	width: 20%;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 0;
}

.osusume_item {
	width: 93%;
	padding: 10px 5px;
	margin: 0 auto;
}
.osusume_item img {
	width: 100%;
	height: auto;
}

.osusume_item .name {
	line-height: 120%;
	height: 60px;
	overflow: hidden;
	margin: 8px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
}

.osusume_item .price {
	color: #383371;
	text-align: left;
	margin: 0px 0px 0px 0px;
	font-size: 15px;
}

.osusume_item .expl {
	color: #999;
	font-size: 11px;
	line-height: 140%;
	text-align: left;
	margin: 5px 0 0;
}
.osusume_list a,
.osusume_list a:link,
.osusume_list a:visited {
	text-decoration: none;
}
.osusume_list a:active,
.osusume_list a:hover {
	text-decoration: none;
}

/* ------------------------------------- 
   *  �Ѥ󤯤��ꥹ��
   * ------------------------------------- */
.footstamp {
	width: 100%;
	color: #432a16;
	margin-bottom: 10px;
	font-size: 13px;
}

.footstamp a {
	color: #666;
}
.footstamp a:link {
	color: #666;
	text-decoration: none;
}
.footstamp a:visited {
	color: #917739;
	text-decoration: none;
}
.footstamp a:active {
	color: #395091;
	text-decoration: none;
}
.footstamp a:hover {
	color: #5c9139;
	text-decoration: none;
}

.footstamp .bg .middle {
	margin: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.footstamp .bg .middle .pankuzuline {
	margin: 0;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.middle ol li {
	display: inline;
}
.middle ol li:after {
	color: hsl(0, 0%, 62%);
	content: " > ";
}
.middle ol li:last-child:after {
	content: "";
}

.taglist {
	font-size: 13px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
}
.taglist p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.taglist a:link,
.taglist a:hover,
.taglist a:active,
.taglist a:visited {
	text-decoration: none;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	background-color: #efefef;
	color: #555;
}
.taglist a:hover {
	background-color: #444444;
	color: #fff;
}
.button--tag {
	border-radius: 20px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.button--line {
	color: #999933;
	float: left;
}
/* ------------------------------------- 
   *  ���ʤ�̵������ɽ��
   * ------------------------------------- */
.nodata {
	width: 90%;
	padding-top: 20px;
	text-align: center;
}

/* ������Ѳ��ʤ�ɽ�� ���ʰ����� */
.regular_price_all {
	padding: 0 0 2px;
	font-size: 11px;
	text-decoration: line-through;
	color: #666666;
	margin: 0;
}

.price_all {
	padding: 0;
	margin: 0;
}

.discount_rate_all {
	padding: 2px 0 0;
	color: #ff0000;
	margin: 0;
}

/* ������Ѳ��ʤ�ɽ�� ���ʸ�������� */
.regular_price_search {
	padding: 0 0 2px;
	font-size: 11px;
	text-decoration: line-through;
	color: #666666;
	margin: 0;
}

.price_search {
	padding: 0;
	margin: 0;
}

.discount_rate_search {
	padding: 2px 0 0;
	color: #ff0000;
	margin: 0;
}

/* ------------------------------------- 
   *  ���ξ��ʤ���ä��ͤϤ���ʾ��ʤ���äƤޤ�
   * ------------------------------------- */

#together {
	margin: 0 0px;
}

#together .tog_main_title {
	font-weight: bolder;
	margin-top: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #666;
}

#together .together_list {
	margin: 10px;
	float: left;
	width: 30%;
	text-align: center;
}

/* ------------------------------------- 
   *  �ȥ�å��Хå�
   * ------------------------------------- */

#trackback {
	margin: 0 10px 20px;
	text-align: center;
}

#trackback .tb_main_title {
	font-weight: bolder;
	margin-top: 30px;
}

#trackback .tb_url {
	font-size: 11px;
	padding: 5px 10px;
}

#trackback .tb {
	margin: 10px 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

#trackback .tb_date {
	font-size: 10px;
	padding: 10px;
}

#trackback .tb_title {
	font-weight: bold;
	padding: 0 10px 10px;
}

#trackback .tb_body {
	line-height: 150%;
	padding: 10px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

#trackback .tb_state {
	padding: 5px 10px;
}

/* ������Ѳ��ʤ�ɽ�� ���ʾܺ��� */
.regular_price_detail {
	padding: 5px 0 0;
	margin: 0;
	text-decoration: line-through;
}

.price_detail {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.discount_rate_detail {
	padding: 0 0 5px;
	margin: 0;
	color: #ff0000;
	font-weight: bold;
}

/* ************************************************ 
   *  ���ʥ��ץ����ڡ���
   * ************************************************ */
#Option {
	background-color: #fff;
}

#Option .option_table {
	width: 684px;
	margin-bottom: 15px;
	background-color: #fff;
}

#Option .option_cell1 {
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-left: 6px;
}

#Option .option_cell2 {
	font-size: 10px;
	text-align: left;
	border-right: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 2px 6px;
}

#Option .option_cell3 {
	font-size: 10px;
	text-align: left;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 2px 10px 2px 6px;
}

/* ������Ѳ��ʤ�ɽ�� ���ץ������ */
.regular_price_stock {
	padding: 0;
	margin: 0;
	font-size: 13px;
	text-decoration: line-through;
	color: #666666;
}

.price_detail_stock {
	padding: 0;
	margin: 0;
}

.discount_rate_stock {
	padding: 0;
	margin: 0;
	color: #ff0000;
}

/* ************************************************ 
   *  ���꾦���ˡ������ʧ����ˡ����������ˤĤ���
   * ************************************************ */
.payment_img {
	width: 30px;
	height: 30px;
	margin: 3px;
}

#ShopKeeper {
	width: 98%;
	color: #666;
	margin-bottom: 15px;
}

#ShopKeeper th {
	width: 25%;
	height: 28px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

#ShopKeeper td {
	border-bottom: 1px solid #cccccc;
	text-align: left;
	font-size: 14px;
	line-height: 150%;
}

/* ************************************************ 
   *  �ץ饤�Х����ݥꥷ��
   * ************************************************ */

#PrivacyExplain {
	color: #666;
	margin-bottom: 15px;
}

.pe_title {
	color: #432a16;
	border-top: 1px solid #cccccc;
	padding-top: 15px;
}

.pe_note {
	line-height: 150%;
	margin: 5px 5px 20px 30px;
}
/* ************************************************ 
   *  �ե꡼�ڡ���
   * ************************************************ */
#freepage {
	width: 90%;
	margin: 10px auto 0px auto;
	text-align: left;
}
#freepage p {
	padding-right: 10px;
	padding-left: 10px;
}
.free-t {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #555;
	padding: 0px 0px 10px 10px;
	margin: 20px 0px 30px 0px;
}
#link {
	margin-right: 20px;
	margin-left: 10px;
	padding: 20px;
	border: 1px solid #666666;
}
#sidemain #link p {
	margin: 0;
	padding: 0;
}
#link .kakoi {
	padding: 5px;
	font-size: 11px;
	background-color: #f9f5e6;
}
#link .kakoi2 {
	width: 300px;
	padding: 5px;
	overflow: auto;
	height: auto;
	float: left;
	font-size: 11px;
	background-color: #f9f5e6;
	border: 1px solid #666666;
}
.linksetei {
	padding-left: 95px;
	float: none;
}
.linkhidari {
	float: left;
	width: 95px;
}
#link .ssize {
	font-size: 10px;
	line-height: 120%;
	color: #330000;
	clear: both;
	padding-top: 5px;
}
#link .linktext {
	padding: 5px 0px 0px 330px;
	font-size: 10px;
}
#link .linkbanner {
	padding-left: 340px;
	padding-top: 30px;
	font-size: 10px;
}
.linktext a {
}
.linktext a:link {
	text-decoration: underline;
	color: #cc3333;
}
.linktext a:visited {
}
.linktext a:active {
}
.linktext a:hover {
	color: #5c9139;
}
.sidetitle {
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 0px 4px 26px;
	margin: 15px 10px 20px 10px;
	border-bottom: 1px solid #333333;
	font-weight: bold;
	font-size: 16px;
	line-height: normal;
	color: #262625;
}
.sidetitle-s {
	font-size: 15px;
	color: #f7d5a0;
	margin-right: 20px;
}

.underline {
	border-bottom: 1px dotted #666;
	margin: -5px 5px 10px;
}
.underline2 {
	border-bottom: 1px dotted #666;
	margin: 0px 0px 0px 0px;
}

.dotline {
	border-bottom: 1px dotted #999;
	padding: 4px 0px 5px 0px;
}

#tuhansozai {
	text-align: left;
	width: 570px;
}

/* ************************************************ 
   *  Q&A
   * ************************************************ */
#qanda {
	padding: 5px 0px 20px 0px;
	font-size: 30px;
	font-weight: bold;
}
#qanda p {
	margin: 0;
	padding-bottom: 20px;
}
.situmon {
	font-size: 16px;
}
#qanda p a {
	line-height: 30px;
	font-size: 13px;
	color: #917c3f;
	font-weight: normal;
	padding-left: 90px;
}
#q {
	font-size: 14px;
	font-weight: bold;
	color: #523a20;
	padding: 10px 0px 10px 0px;
}
#an {
	background-color: #f2f2f2;
	border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
	padding: 10px;
}
#an .freed {
	font-size: 18px;
	color: #523a20;
	font-weight: bold;
	border-top: 1px dotted #523a20;
	border-bottom: 1px dotted #523a20;
	text-align: center;
	margin: 20px 20px 0px 20px;
	padding: 10px 0px 10px 0px;
}
/** �ɲå��饹 **/
.white_color {
	background: #ffffff !important;
}

/* ************************************************ 
   *  �Хʡ�3��
   * ************************************************ */

#banner3 {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 20px;
	overflow: hidden;
}

#banner3-inner {
	margin: 0 -10px 0 0;
	/* for IE6,7 */
}
#banner3-inner .box {
	margin: 0 0px 0 0;
	float: left;
	width: 33%;
}
#banner3-inner .box a img {
	width: 95%;
	height: auto;
}
#banner3-inner .box2 {
	margin: 0 0px 0 0;
	width: 50%;
	float: left;
}
#banner3-inner .box2 a img {
	width: 95%;
	height: auto;
}
.banner4 {
	float: left;
	width: 350px;
	padding-bottom: 10px;
}
.banner4 a img {
	width: 350px;
	height: auto;
}
.banner5 {
	float: left;
	width: 350px;
	margin: 0px 0px 15px 10px;
}
.banner5 a img {
	width: 350px;
	height: auto;
}
.banner6 {
	float: left;
	width: 179px;
	padding: 0px 0px 15px 10px;
}
.banner6 a img {
	width: 100%;
	height: auto;
}
.banner7 {
	width: 16.6%;
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	float: left;
	text-align: center;
}
.banner7 img {
	width: 60%;
	height: auto;
}
.banner8 {
	width: 102px;
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	float: left;
	text-align: center;
}
.banner8 img {
	width: 95%;
	height: auto;
}
.banner9 {
	float: left;
	width: 32%;
	padding-bottom: 10px;
}
.banner9 a img {
	width: 100%;
	height: auto;
}
.banner10 {
	float: left;
	width: 32%;
	margin: 0px 2% 10px 2%;
}
.banner10 a img {
	width: 100%;
	height: auto;
}
.banner11 {
	float: left;
	width: 49%;
	margin: 0px 0px 10px 0px;
}
.banner11 a img {
	width: 100%;
	height: auto;
}
.banner12 {
	float: left;
	width: 49%;
	margin: 0px 0px 10px 2%;
}
.banner9 p,
.banner10 p,
.banner9 h2,
.banner10 h2,
.banner11 h2,
.banner12 h2 {
	font-size: 12px;
	margin: 5px 5px 0px 5px;
}
.banner12 a img {
	width: 100%;
	height: auto;
}
.banner13 {
	float: left;
	width: 25%;
	margin: 10px 0px 0px;
	text-align: center;
}
.banner13 a img {
	width: 90%;
	height: auto;
}
.banner13 a p {
	margin: 0;
	padding: 0;
}
.banner13 a {
	text-decoration: none;
}

/* �⡼���� */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	font-size: 77%;
	z-index: 1;
}
#page-top a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0.8;
	text-decoration: none;
	color: #fff;
	width: 50px;
	text-align: center;
	display: block;
	border-radius: 5px;
	height: 50px;
	padding: 17px 0px 0px 5px;
	background-color: #0a0;
	z-index: 1;
	font-size: 14px;
	font-weight: bold;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
.haisoufuka,
.haisoufuka2 {
	border-collapse: collapse;
	border-spacing: 1px;
	text-align: left;
	margin-top: 20px;
}
.haisoufuka {
	float: left;
}
.haisoufuka2 {
	float: right;
}
.haisoufuka tr,
.haisoufuka2 tr {
	border-bottom: 1px solid #555;
}
#cat-ti {
	list-style-type: none;
	padding: 20px 0px 15px;
}
#cat-ti li {
	float: left;
	border-left: 1px dotted #444;
	width: 9.89%;
	text-align: center;
}
#cat-ti li:last-child {
	float: left;
	border-right: 1px dotted #444;
}
#cat-ti li img {
	text-align: center;
}
.coment {
	font-size: 16px;
	line-height: 20px;
	margin: 10px 10px 10px 10px;
}
.coment_link {
	font-size: 15px;
	line-height: 20px;
	margin: 20px 10px 0px 10px;
}
.coment_01 {
	margin: 10px 10px 20px 10px;
	padding: 10px 10px 20px 10px;
	border: 1px dotted #444;
	border-radius: 8px;
	line-height: 20px;
}
.coment h2,
.coment h3 {
	font-size: 16px;
	font-weight: bold;
	color: #a4700b;
}
.coment_01 h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #b3965f;
}
.coment_01 h4 {
	font-size: 14px;
}
.coment_01 p {
	font-size: 14px;
	margin: 0px 0px 5px;
}
/* ------------------------------------- 
   *  �Ƕ�����å���������ɽ���Υ쥤������
   * ------------------------------------- */
.check_list {
	float: left;
	width: 20%;
	text-align: center;
	padding: 10px 0px 20px 0px;
}

.check_item {
	width: 92%;
	position: relative;
	text-align: center;
	margin: 10px 5px 0px 5px;
	border: 1px solid #555;
	background-repeat: no-repeat;
	background-size: 100%;
}
.check_item:before {
	padding-top: 100%;
	content: "";
	display: block;
}

.check_item a img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
}
/* ------------------------------------- 
   *  �������طʤ��դ���
   * ------------------------------------- */
.pic-box,
.pic-box2 {
	width: 98.75%;
	position: relative;
	text-align: center;
	border: 1px solid #555;
}
.pic-box2 {
	background: #000;
}
.pic-box:before,
.pic-box2:before {
	padding-top: 100%;
	content: "";
	display: block;
}
.pic-box2 p {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	z-index: 1;
}
.pic-box img,
.pic-box2 img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
}
.pic-box2 img {
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
}
/* ------------------------------------- 
   *  �������ɽ��
   * ------------------------------------- */
.off {
	width: 55px;
	text-align: left;
	position: absolute;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}
.off img {
	width: 100%;
	height: auto;
}
.off-p {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-style: oblique;
	color: #fff;
	position: absolute;
	padding: 12px 0px 0px 10px;
	z-index: 3;
}
/* ------------------------------------- 
   *  ���ɽ��
   * ------------------------------------- */
.teika {
	font-size: 12px;
	text-decoration: line-through;
	color: #666666;
	margin: 10px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
/* ------------------------------------- 
   *  ����3��ʬ
   * ------------------------------------- */
.osusume_list3 {
	float: left;
	width: 33.333%;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 0;
}
.osusume_list3 a,
.osusume_list3 a:link,
.osusume_list3 a:visited {
	text-decoration: none;
}
.osusume_list3 a:active,
.osusume_list3 a:hover {
	text-decoration: none;
}
/* ------------------------------------- 
   *	���ƥ��꡼����
   * ------------------------------------- */
.category_list,
.category_list2 {
	background: #fff;
	width: 100%;
	padding: 10px 0px 20px 0px;
}
.category_list2 {
	padding: 0px 0px 0px 0px;
}
.category_list li,
.category_list2 li {
	display: inline-block;
	width: 8%;
	height: auto;
	margin: 0px 0% 0px 1%;
	float: left;
	text-align: center;
}
.category_list2 li {
	width: 11.4%;
	margin: 5px 0% 0px 1%;
}
.cat_item_list_br {
	border: 1px solid #ccc;
}
.category_list li a img {
	width: 90%;
	height: auto;
}
.category_list2 li a img {
	width: 80%;
	height: auto;
}
.line10 {
	clear: both;
	border-bottom: 1px dotted #ccc;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
}
.red p {
	font-size: 14px;
	color: #ff0000;
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

body {
	font-family: "CenturyGothic", "DIN-Regular", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",
		"Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯",
		sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #666;
	margin: 0;
	padding: 0;
	text-align: -webkit-center;
	min-width: 1000px;
}

img {
	border: 0;
}
h1 {
	font-size: 13px;
	margin: 0;
	padding: 0;
}
h2 {
	color: #644518;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
}
h3,
h4 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}

form {
	margin: 0;
	padding: 0;
}

input,
select,
textarea {
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

.bold {
	font-weight: bolder;
}

.cell_mar {
	margin: 3px 5px 3px 15px;
}
a:hover img {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a:link {
	color: #666;
}
a:visited {
	color: #666;
}
a:active {
	color: #666;
}
a:hover {
	color: #5c9139;
}
.clear {
	clear: both;
	margin-bottom: 15px;
}
.clear2,
.no_line {
	clear: both;
}
#smp {
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 10px 30px 10px 30px;
	margin: 50px auto 70px auto;
}
#smp a {
	font-size: 450%;
	color: #ffffff;
	background-color: #177d14;
	text-decoration: none;
	border: 1px solid #333;
	border-radius: 50px;
	padding: 10px 30px 10px 30px;
}
/* ************************************************ 
   *  Á´ÂÎ
   * ************************************************ */
#container {
	display: flex;
	max-width: 1060px;
	text-align: left;
	background-color: #fff;
	padding: 0px 20px 0px 20px;
	margin: 0px auto 0px auto;
}
#header-main {
	max-width: 1060px;
	padding: 0px 20px 0px 20px;
	margin: -30px auto 10px auto;
}
#header-main h1 {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
/* ************************************************ 
   *  º¸Â¦¥á¥Ë¥å¡¼
   * ************************************************ */
#sidemenu {
	width: 220px;
	color: #666;
	float: left;
	padding-right: 20px;
	text-align: left;
	font-size: 14px;
	line-height: 170%;
}
/* ************************************************ 
   *  º¸¤È¿¿¤óÃæ¤ò°Ï¤à
   * ************************************************ */
#wrapper {
	flex-basis: 100%;
	float: right;
}
/* ************************************************ 
   *  ¿¿¤óÃæ¥á¥Ë¥å¡¼
   * ************************************************ */
#sidemain {
	width: 100%;
	text-align: left;
	float: left;
}
/* ************************************************ 
   *    ²¼Éô
   * ************************************************ */
#under {
	width: auto;
	max-width: 1000px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 30px 0px 30px;
}
/* ************************************************ 
   *  ¥Ø¥Ã¥À¡¼¥á¥Ë¥å¡¼
   * ************************************************ */
.holiday {
	text-align: center;
	margin: -20px 0px 45px 0px;
}
.holiday img {
	width: 96%;
	max-width: 1000px;
	height: auto;
	margin: 0px 2% 0px 2%;
}
#header {
	width: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 6;
	left: 50%;
	transform: translateX(-50%);
}
#header1 {
	min-width: 1000px;
	font-size: 11px;
	text-align: left;
	background-color: #d4d4d2;
	color: #555;
	padding: 4px 0px 3px 20px;
}
#header1 a {
	color: #555;
	text-decoration: none;
}
#sitemap {
	float: right;
	text-decoration: none;
	font-size: 12px;
	padding: 0px 20px 0px 0px;
}
#header2 {
	min-width: 980px;
	background-color: #fff;
	margin: 0px auto 0px auto;
	padding: 14px 0px 7px 20px;
}
#header2 .logo2 {
	margin: -5px 0px 0px 0px;
	width: auto;
	height: 45px;
	float: left;
}
#header2 img {
	margin-left: 0px;
}
#seach {
	width: 300px;
	background-color: #fff;
	margin: 0px 0px 0px 20px;
	border: 1px solid #000;
	height: 35px;
	border-radius: 2px;
	position: block;
	float: left;
}
#searchform {
	width: 150px;
	display: inline-block;
	margin: 4px 0px 0px 0px;
	position: relative;
	border-radius: 2px;
	float: left;
	outline: none;
	border: none;
	background-color: #fff;
}
#searchselect {
	width: 130px;
	margin: 2px 0px 0px 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	border-radius: 0px;
	height: 22px;
	background-color: #fff;
	font-size: 12px;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: right 2px center;
	background-color: #fff;
}
#keywords {
	width: 130px;
	margin-top: 0px;
	position: absolute;
	top: 0;
	left: auto;
	padding-left: 0px;
	outline: none;
	border: none;
	height: 22px;
	background-color: #fff;
}
#searchBtn {
	position: absolute;
	top: 2px;
	left: 270px;
	width: 22px;
}
.header-icon {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
}
.header-icon a {
	color: #504437;
	float: left;
	text-align: center;
	border-left: 1px dotted #663333;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
}
.header-icon a p {
	font-size: 10px;
	color: #504437;
	padding: 0px 0px 0px 0px;
	margin: -4px 0px 0px 0px;
}
.header-icon a .cart {
	margin: -2px 0px -2px 8px;
}
.header-icon .fa-fw {
	font-size: 22px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 3px 0px;
}
.header-icon .fa-fw2 {
	font-size: 26px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.count,
.count2 {
	font-size: 10px;
	width: 20px; /*Éý*/
	height: 18px; /*¹â¤µ*/
	border-radius: 50%; /*³Ñ´Ý*/
	margin: -5px 0px 0px -8px;
	display: block;
	float: right;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}
.count {
	color: #fff;
	background-color: #504437;
}
.count2 {
	color: #fff;
	background-color: #dd0d0d;
}
#free-d {
	font-size: 13px;
	float: right;
	margin: 0px 0px 0px 0px;
}
#free-d img {
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: right;
	width: auto;
	height: 36px;
}
#header3 {
	min-width: 1000px;
	margin: 0px 0px 0px 0px;
}
#top-header {
	margin-top: 0px;
	width: 100%;
	color: #fff;
	padding: 10px 0px 12px 0px;
	float: left;
}
.m_name {
	float: left;
	text-align: left;
	text-decoration: none;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 20px;
	font-size: 13px;
	font-weight: normal;
}
#top-header a {
	color: #ffffcc;
	font-size: 14px;
	text-decoration: none;
}
.top-header-navi {
	float: right;
	color: #fff;
	padding-right: 2%;
}
#top-header .top-header-navi li {
	margin: 0px 0px 0px 0px;
	float: left;
	border-left: 1px dotted #fff;
}
#top-header .top-header-navi li a {
	text-decoration: none;
	color: #fff;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
}
#top-header .top-header-navi li a .fa-fw {
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
}
#top-header .top-header-navi li a p {
	float: right;
	font-size: 11px;
	margin: 3px 10px 0px 5px;
}
#header4 {
	min-width: 900px;
	text-align: left;
	background-color: #fff;
	padding-top: 210px;
	margin: 0px 0px 8px 0px;
}
/* ¤ªÃÎ¤é¤».css */
.osirase {
	position: relative;
	font-size: 1.13em;
	text-align: center;
	padding: 1em 1em;
	margin: 0px auto 20px auto;
}
.osirase:before,
.osirase:after {
	content: "";
	width: 8%;
	height: 20px;
	position: absolute;
	display: inline-block;
}
.osirase:before {
	border-left: solid 1px #333;
	border-top: solid 1px #333;
	top: 0;
	left: 0;
}
.osirase:after {
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	bottom: 0;
	right: 0;
}
.osirase p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*¥É¥í¥Ã¥×¥á¥Ë¥å¡¼*/
.dropmenu {
	display: inline-flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0px auto 0px auto;
	border-bottom: 1px dotted #ccc;
}
.down-arrow {
	background-repeat: no-repeat;
	background-position: center left 7px;
	margin: 0px auto 0px auto;
}
.down-arrow p {
	color: #000;
	font-family: Poppins, "Noto Sans JP", sans-serif;
	text-align: center;
	letter-spacing: 3px;
	font-size: 14px;
	font-weight: bold;
	margin: 5px auto 0px auto;
	justify-content: center;
}
.sss-text {
	display: flex;
	font-size: 10px;
	font-weight: normal;
	margin: 0px auto 0px auto;
	justify-content: center;
}
.dropmenu .menu_list {
	width: 20%;
	max-width: 220px;
	border-right: 1px dotted #ccc;
}
.dropmenu .menu_list:first-child {
	border-left: 1px dotted #ccc;
}
.dropmenu .menu_list > a {
	display: block;
	position: relative;
	padding: 0px 0px 0px 0px;
	text-align: center;
	transition: 0.3s;
	border-bottom: 2px dotted #fff;
}
.dropmenu .menu_list > a:hover {
	color: #333;
	background: #fff;
}
.dropmenu .menu_list > a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #555;
	transform: scale(0, 1);
	transition: 0.4s;
}
.dropmenu .menu_list > a:hover:before {
	transform: scale(1);
}
.menu_contents,
.menu_contents2 {
	background: #fff;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 1106px;
	padding: 20px 0% 20px 0%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	box-shadow: 8px 8px 14px #666;
}
.spacer {
	width: 100%;
}
.menu_contents ul,
.menu_contents2 ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 5px 0px 5px;
}
.menu_contents li,
.menu_contents2 li,
.menu_contents2 .menu_list4 .menu_list5 {
	display: flex;
	float: left;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}
.menu_contents li {
	width: 14.2%;
	max-width: 190px;
	margin: 10px 0px 10px 0%;
	padding: 3px 0% 10px 0px;
}
.menu_contents2 li {
	width: 10%;
	max-width: 120px;
	margin: 0px 0% 15px 0%;
	padding: 0px 0% 0px 0%;
}
.menu_contents3 li {
	width: 10%;
	margin: 0px 0% 15px 1%;
	padding: 0px 0% 0px 0%;
}
.menu_contents2 .menu_list4 {
	width: 12.5%;
	max-width: 180px;
	margin: 10px 0% 10px 0%;
	padding: 3px 0% 0px 0px;
}
.menu_contents2 .menu_list5 {
	width: 9%;
	margin: 10px 0.5% 10px 0.5%;
	padding: 3px 0% 10px 0px;
	text-align: center;
}
.menu_contents2 .list_none {
	border-bottom: 0px dotted #ccc;
}
.menu_contents li img,
.menu_contents2 li img,
.menu_contents2 .menu_list4 img {
	vertical-align: middle;
	height: auto;
	padding: 0px 0% 0px 0%;
}
.menu_contents li img {
	width: 90%;
	margin: 0px 0% 0px 0%;
}
.menu_contents2 li img {
	width: 60%;
	margin: 0px 0% 5px 0%;
	padding: 0px 0% 0px 3%;
}
.menu_contents2 .menu_list4 img {
	width: 90%;
	margin: 0px auto 10px auto;
}
.menu_contents p,
.menu_contents2 li p,
.menu_contents2 .menu_list4 {
	display: inline-block;
	vertical-align: middle;
	font-size: 11.5px;
	line-height: 1.4em;
	height: auto;
	padding: 0px 0% 0px 0%;
	text-decoration: none;
}
.menu_contents p {
	width: 95%;
	margin: 10px 0px 0px 5%;
}
.menu_contents2 li p {
	font-size: 10px;
	width: 100%;
	margin: 0px 0px 5px 0%;
}
.menu_contents2 .menu_list4 p {
	width: 100%;
	margin: 0px 0% 10px 0%;
}
.drop_side {
	border-right: 1px dotted #333;
}
.drop_line {
	clear: both;
	border-bottom: 1px dotted #333;
	margin: 0px 20px 20px 0px;
	padding: 10px 0px 0px 0px;
}
/*¥É¥í¥Ã¥×¥á¥Ë¥å¡¼ ¤³¤³¤Þ¤Ç*/

.title {
	height: 62px;
	color: #ffffff;
	font-size: 22px;
	float: left;
	padding-left: 10px;
}
/* ************************************************ 
   *  ¥Ø¥Ã¥À¡¼ÃæÃÊ
   * ************************************************ */
/* ¥é¥ó¥­¥ó¥°¾åÉô */
.line-m {
	overflow: hidden;
	text-align: center;
	font-size: 15px;
	margin: 15px 0px 5px 0px;
}
.line-m span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.line-m span::before,
.line-m span::after {
	position: absolute;
	top: 50%;
	content: "";
	width: 800%;
	height: 1px;
	background-color: #ccc;
}
.line-m span::before {
	right: 100%;
}
.line-m span::after {
	left: 100%;
}
.rank_top {
	text-align: center;
	margin: 0px 20px -50px 30px;
}
.rank_list {
	float: left;
	text-align: center;
	font-size: 11px;
	margin: 0px 0px 20px 0px;
}
.rank_item {
	width: 90%;
	text-align: center;
}
.rank_item .rank {
	padding-top: 20px;
}
.rank_item .rank img {
	display: inline-block;
	width: 100%;
	height: auto;
}
.rank_item .no {
	text-align: left;
	position: absolute;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}
/* .rank_item .no img {
	width: 70%;
	height: auto;
} */
.no-p2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-style: oblique;
	color: #000;
	position: absolute;
	padding: 10px 0px 0px 5px;
	z-index: 3;
}
.no-p3 {
	font-size: 10px;
}
/* ¥é¥ó¥­¥ó¥°¾åÉô¤³¤³¤Þ¤Ç */
/* ************************************************ 
   *  º¸Â¦¥á¥Ë¥å¡¼
   * ************************************************ */

/* ¥¢¥³¡¼¥Ç¥£¥ª¥ó¤³¤³¤Þ¤Ç */
.accordion-menu {
	width: 100%;
	margin: 0px auto 20px auto;
}
.accordion-menu label {
	padding: 8px 0px 8px 15px;
	display: block;
	margin: 0px;
	border-bottom: 1px dotted #333;
	background-color: #fff;
	cursor: pointer;
}
.accordion-menu label:after {
	display: block;
	text-align: right;
	margin-top: -23px;
	margin-right: 10px;
	font-family: "FontAwesome";
	content: "\f067";
}
.on-off:checked + label:after {
	content: "\f068";
}
.on-off {
	display: none;
}
.on-off + label + ul {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.on-off:checked + label + ul {
	height: auto;
	opacity: 1;
}
.accordion-menu ul {
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
}
.accordion-menu ul li a {
	display: block;
	padding: 7px 0px 7px 15px;
	border-bottom: 1px dotted #555;
	width: 235px;
	text-decoration: none;
	color: #666;
}
.accordion-menu ul li a:hover,
.accordion-menu ul li a:hover {
	display: block;
	background-color: #e4e1db;
	color: #333;
}

/* ¥¢¥³¡¼¥Ç¥£¥ª¥ó¤³¤³¤Þ¤Ç */
.side_bg {
	margin-bottom: 10px;
}
.category-menu,
.category-menu ul {
	list-style-type: none;
}
.category-menu {
	margin: 0 0 2em;
	padding: 0;
}
.category-menu ul {
	margin: 0;
	padding: 0;
}
.category-menu li a {
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px dotted #000;
	background-color: #fff;
	color: #333;
}
.category-menu ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 0px 5px 25px;
	border-bottom: 1px dotted #000;
	font-size: 13px;
}
.category-menu a {
	color: #000000;
}
.category-menu ul a {
	background-color: #fff;
	color: #000000;
}
.category-menu a:hover,
.category-menu ul a:hover {
	background-color: #eee;
	color: #000000;
}
.side_title {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px 0px 8px 8px;
	color: #666;
}
#top-header {
	background: linear-gradient(#403826 10%, #655f52 80%);
}
.side_text {
	border-bottom: 1px solid #ccc;
	padding: 3px 10px;
}
.side_text2 {
	border-bottom: 1px dotted #ccc;
	padding: 3px 10px 3px 20px;
}
.side_text a,
.side_text2 a {
	color: #432a16;
}
.side_text a:link,
.side_text a:visited,
.side_text a:active,
.side_text2 a:link,
.side_text2 a:visited,
.side_text2 a:active {
	color: #432a16;
	text-decoration: none;
}
.side_text a:hover,
.side_text2 a:hover {
	color: #5c9139;
	text-decoration: none;
}
.shop_text {
	font-size: 11px;
	line-height: 120%;
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.shop_text .shop_text2 {
	font-size: 15px;
	margin: 5px 0px 15px 0px;
	line-height: 15px;
}
.shop_text p {
	font-size: 13px;
	margin: 0px 0px 5px 0px;
	line-height: 180%;
}
#sidemenu img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
#category {
	padding-left: 15px;
}
.new_item2 {
	width: 238px;
	height: 238px;
	margin-top: 15px;
	border: 1px solid #000;
}
.new_item2 img {
	width: 100%;
	height: auto;
}
.absolute {
	width: 238px;
	position: absolute;
}
/* ************************************************ 
   *  ¥«¥ì¥ó¥À¡¼
   * ************************************************ */

.tbl_calendar {
	border: none !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	width: 98%;
	text-align: center;
}
.tbl_calendar th,
.tbl_calendar td {
	padding: 5px !important;
	text-align: center !important;
	border-bottom: 1px solid #ccc !important;
}
table.calendar {
	text-align: center;
	width: 98%;
	height: 120px;
}
table.calendar tr.headline td {
	font-size: 10px;
	height: 20px;
}
table.calendar th {
	text-align: left;
	font-size: 11px;
	height: 5px;
	font-weight: bold;
}
table.calendar th span {
	cursor: pointer;
	float: right;
	font-size: 9px;
	font-weight: normal;
	height: 20px;
}
table.calendar td {
	font-size: 10px;
	width: 19px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	padding: 2px 0px 1px;
	border-bottom: solid 1px #cccccc;
}
table.calendar td.click {
	cursor: pointer;
	background-color: #ffffff;
}
table.calendar td.Today {
	font-weight: bolder;
	color: #009900;
	font-size: 12px;
}
table.calendar td.Sat {
	color: #ffffff;
	background: #ff0000;
	height: 20px;
}
table.calendar td.Sun {
	color: #ffffff;
	background: #ff0000;
	height: 20px;
}
table.calendar td.holyday {
	color: #ffffff;
	background: #ff0000;
	height: 20px;
}
.calendar {
	padding: 0;
	height: 100%;
	width: 100%;
	margin: 5px 0;
	float: left;
	font-size: 9px;
	text-align: center;
}
.cl_red {
	color: #ff0000;
}
/* ************************************************ 
   *  ¿¿¤óÃæ¥á¥Ë¥å¡¼
   * ************************************************ */
.main_copy {
	line-height: 150%;
	width: 740px;
	color: #666;
	font-size: 12px;
	text-align: left;
	padding: 0px 10px 5px 0px;
}
.main_copy p {
	border: 1px solid #999999;
	padding: 10px;
}
.block3 {
	width: 100%;
	margin-bottom: 10px;
}
.block3 li {
	float: left;
	width: 29%;
	padding-right: 10px;
	text-align: center;
}
.block3 li:last-child {
	padding-right: 0px;
}
.block3 li a {
	text-decoration: none;
}
.block3 li a img {
	width: 100%;
	height: auto;
}

/* ------------------------------------- 
   *  ¥«¡¼¥È¤ÎÃæ - ¾¦ÉÊÌ¾¡¦²Á³Ê¥Ü¥¿¥ó¿§/ÏÈÀþ¿§
   * ------------------------------------- */
.cart_item {
	padding-left: 0;
}

/* ************************************************ 
   *  ¥¿¥¤¥È¥ë
   * ************************************************ */
.l-text,
.m-text {
	font-family: Poppins, "Noto Sans JP", sans-serif;
	text-align: center;
	color: #000;
	background: #fff;
}
.l-text {
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 10px;
	padding: 12px 0px 10px 0px;
	margin: 0px 0px 10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.m-text {
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 5px;
	padding: 8px 0px 6px 0px;
	margin: 0px 0px 10px;
}
.s-text {
	font-size: 12px;
	letter-spacing: 10px;
	margin: 10px 0px 0px;
	display: flex;
	justify-content: center;
}
.ss-text {
	font-size: 10px;
	letter-spacing: 5px;
	margin: 5px 0px 0px;
	display: flex;
	justify-content: center;
}
.title-bar {
	width: 100%;
	text-align: center;
	font-size: 15px;
	background: -moz-linear-gradient(top, #aea091, #856f5a);
	background: -webkit-linear-gradient(top, #aea091, #856f5a);
	background: linear-gradient(to bottom, #aea091, #856f5a);
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top: 1 solid #93806d;
	color: #fff;
	padding: 7px 0px 8px;
	margin: 10px 0px 0px;
}
.title-bar a {
	text-decoration: none;
}
.title-bar a:link,
.title-bar a:visited,
.title-bar a:active {
	color: #fff;
}
.title-bar a:hover {
	color: #e7ce44;
}
.title-bar2,
.title-bar3 {
	width: 100%;
	text-align: center;
	font-size: 15px;
	background: -moz-linear-gradient(top, #a18a79, #47372b);
	background: -webkit-linear-gradient(top, #a18a79, #47372b);
	background: linear-gradient(to bottom, #a18a79, #47372b);
	border-top: 1 solid #93806d;
	color: #fff;
	padding: 7px 0px 8px;
	margin: 0px 0px;
}
.title-bar3 {
	margin: 0px 0px 20px;
}
/* ************************************************ 
   *  ¥é¥ó¥­¥ó¥°
   * ************************************************ */
.no {
	text-align: left;
	position: absolute;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}
.no img {
	width: 80% !important;
	height: auto !important;
}
.no-p,
.no-pp {
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	font-style: oblique;
	color: #000;
	position: absolute;
	padding: 14px 0px 0px 7px;
	z-index: 3;
}
.no-p {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}
.ranking_price {
	font-size: 13px;
	color: #ff0000;
	margin: 0;
	padding: 5px 0px 0px;
	font-weight: bold;
	line-height: 120%;
}
.ranking_list {
	float: left;
	width: 14.285%;
	text-align: center;
	font-size: 11px;
}

.ranking_item {
	width: 92%;
	text-align: center;
	padding: 10px 5px 20px 5px;
}
.ranking_item .rank {
	padding-top: 10px;
}
.ranking_item .rank img,
.ranking_item .rank2 img {
	width: 100%;
	height: auto;
}

.ranking_item .name {
	font-size: 11px;
	height: 51px;
	overflow: hidden;
	line-height: 110%;
	margin: 10px 0 7px;
	text-align: left;
}

.ranking_item .price {
	color: #383371;
	text-align: right;
}

.ranking_item .expl {
	color: #999;
	font-size: 10px;
	line-height: 120%;
	width: 150px;
	text-align: left;
	margin: 5px 0;
}
.ranking_list a,
.ranking_list a:link,
.ranking_list a:visited {
	text-decoration: none;
}
.ranking_list a:active,
.ranking_list a:hover {
	text-decoration: none;
}
/* ************************************************ 
   *  ¥é¥ó¥­¥ó¥°¡¡±¦Â¦
   * ************************************************ */
.ranking {
	border: 1px solid #eee;
	margin: 0px 0px 10px 0px;
}
.no2 {
	text-align: left;
	position: absolute;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}
.no2 img {
	width: 80%;
	height: auto;
}
.no2-p {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-style: oblique;
	color: #000;
	position: absolute;
	padding: 14px 0px 0px 7px;
	z-index: 3;
}
.ranking_price2 {
	font-size: 13px;
	color: #ff0000;
	margin: 0;
	padding: 5px 0px 0px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
.ranking_list2 {
	width: 100%;
	text-align: center;
	font-size: 11px;
	background-color: #fff;
}
.ranking_item2 {
	width: 92%;
	text-align: center;
	padding: 0px 4% 10px 4%;
}
.ranking_item2 .rank {
	padding-top: 15px;
}
.ranking_item2 .rank img {
	width: 100%;
	height: auto;
}
.ranking_item2 .name {
	font-size: 11px;
	height: 68px;
	overflow: hidden;
	line-height: 110%;
	margin: 10px 0 7px;
	text-align: left;
}
.ranking_item2 .price {
	color: #383371;
	text-align: right;
}
.ranking_item2 .expl {
	color: #999;
	font-size: 10px;
	line-height: 120%;
	width: 150px;
	text-align: left;
	margin: 5px 0;
}
.ranking_list2 a,
.ranking_list2 a:link,
.ranking_list2 a:visited {
	text-decoration: none;
}
.ranking_list2 a:active,
.ranking_list2 a:hover {
	text-decoration: none;
}

/* ************************************************ 
   *  ¥³¥ó¥Æ¥ó¥Ä¶¦ÄÌ
   * ************************************************ */

.main_title {
	width: 100%;
	height: 25px;
	border-bottom: 1px #000 solid;
	color: #000;
	margin-bottom: 15px;
}
/* ************************************************ 
   *  TOP¥³¥ó¥Æ¥ó¥Ä
   * ************************************************ */

/* ------------------------------------- 
   *  ¤ªÃÎ¤é¤»¥¨¥ê¥¢
   *  ²Õ¾ò½ñ¤­¤Ç¤ªÃÎ¤é¤»¤ò·ÇºÜ¤¹¤ëºÝ¤Ë¤´ÍøÍÑ¤¯¤À¤µ¤¤
   *  ¢¨½é´üÀßÄê¤Ç¤ÏÅ¬ÍÑ¤µ¤ì¤Æ¤¤¤Þ¤»¤ó
   * ------------------------------------- */
#topbox {
	width: 100%;
	margin-bottom: 20px;
}

#info {
	width: 100%;
	padding: 5px 0px 10px;
	margin: 0px 0px 20px;
	border-bottom: 1px solid #eee;
}

.info_title {
	font-family: Poppins, "Noto Sans JP", sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 10px;
	color: #000;
	background-color: #eee;
	margin: 15px 0px 15px;
	padding: 18px 0px 18px 0px;
}
.sidetitle-s {
	font-size: 12px;
	letter-spacing: 5px;
	margin: 8px 10px 0px;
	display: flex;
	justify-content: center;
}
.info_text {
	color: #666;
	font-size: 12px;
	height: 205px;
	overflow: auto;
	padding: 5px 8px 5px 8px;
	background-color: #fff;
}
.news-main {
	width: 100%;
	display: inline-block;
	border-bottom: 1px dotted #eee;
	margin: 0px 0px 0px 0px;
}
.news-data {
	font-size: 14px;
	float: left;
	width: 15%;
	text-align: left;
	padding: 5px 0px 5px 0px;
}
.news-text {
	width: 85%;
	float: left;
	text-align: left;
	padding: 4px 0px 5px 0px;
	line-height: 1.8;
}
.news-text img {
	vertical-align: middle;
}

.small {
	padding-left: 530px;
	_padding-left: 527px;
}

.small2 {
	padding-top: 5px;
	padding-left: 530px;
	_padding-left: 527px;
}

.banner {
	width: 100%;
	margin-bottom: 10px;
	text-decoration: none;
}
.banner p {
	margin-top: 5px;
	font-size: 14px;
}
.banner img {
	width: 100%;
	height: auto;
}
.banner a img {
	width: 100%;
	height: auto;
}
.big {
	width: 425px;
	float: left;
}

/* ------------------------------------- 
   *  ¥Õ¥ê¡¼¥¹¥Ú¡¼¥¹
   * ------------------------------------- */
.free_space {
	margin: 10px 10px 15px 10px;
}

/* ------------------------------------- 
   *  ²ñ°÷ÀìÍÑ¥Ú¡¼¥¸
   * ------------------------------------- */
div#btn_members_logout {
	padding: 0;
	text-align: center;
}

div#btn_members_login {
	padding: 0;
	text-align: center;
}

div#btn_members_signup {
	border-top: 1px dotted #cccccc;
	padding: 7px 0 0;
	margin: 7px 0 0;
	text-align: center;
}

p.txt_members_desc {
	line-height: 1.1em;
	margin: 0;
	font-size: 11px;
	padding: 0 0 7px;
}

/* ------------------------------------- 
   *  ²ñ°÷ÀìÍÑ²Á³Ê¤ÎÉ½¼¨¡¡¥È¥Ã¥×¥Ú¡¼¥¸ÍÑ
   * ------------------------------------- */
.regular_price_top {
	font-size: 15px;
	text-decoration: line-through;
	color: #666666;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
.price_top {
	font-size: 12px;
	padding: 0;
	margin: 15px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #ff0000;
}
.sale_price {
	font-size: 12px;
	color: #ff0000;
	margin: 0;
	padding: 0;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
}

.discount_rate_top {
	padding: 0;
	margin: 0;
	color: #ff0000;
}

/* ************************************************ 
   *  ¾¦ÉÊ°ìÍ÷¡¡¥ì¥¤¥¢¥¦¥È
   * ************************************************ */

/* ------------------------------------- 
   *  °ìÍ÷É½¼¨¡¡ÊÂ¤Ó½ç¤òÊÑ¹¹(¾¦ÉÊ°ìÍ÷¡Ë
   * ------------------------------------- */
.sort_01 {
	width: 100%;
	height: 28px;
	color: #432a16;
	font-size: 12px;
	margin-top: -20px;
	margin-bottom: 1px;
}
.sort_01 a,
.sort_01 a:link,
.sort_01 a:visited {
	color: #26621e;
	text-decoration: none;
}
.sort_01 a:active,
.sort_01 a:hover {
	color: #568250;
	text-decoration: none;
}

/* ------------------------------------- 
   *  °ìÍ÷É½¼¨¡¡ÊÂ¤Ó½ç¤òÊÑ¹¹(¾¦ÉÊ¸¡º÷·ë²Ì¡Ë
   * ------------------------------------- */

.sort_02 {
	width: 100%;
	height: 28px;
	color: #432a16;
	font-size: 10px;
	margin-bottom: 1px;
}
.sort_02 a,
.sort_02 a:link,
.sort_02 a:visited {
	color: #26621e;
	text-decoration: none;
}
.sort_02 a:active,
.sort_02 a:hover {
	color: #568250;
	text-decoration: none;
}

/* ------------------------------------- 
   *  °ìÍ÷É½¼¨¡¡¾¦ÉÊ¿ô¤ÈÉ½¼¨¿ô
   * ------------------------------------- */
.pagenavi {
	width: 100%;
	height: 28px;
	color: #432a16;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.pagenavi2 {
	width: 100%;
	height: 28px;
	color: #432a16;
	font-size: 13px;
	margin-bottom: 50px;
}

/* ------------------------------------- 
   *  ¾¦ÉÊ°ìÍ÷É½¼¨¤Î¥ì¥¤¥¢¥¦¥È
   * ------------------------------------- */

.product_list {
	float: left;
	width: 25%;
	text-align: center;
	padding: 5px 0px 0px 0px;
}

.product_item {
	text-align: center;
	width: 92%;
	padding: 10px 5px;
	margin: 0 auto;
}

.product_item img {
	width: 100%;
	height: auto;
}

.product_item .name {
	line-height: 140%;
	margin: 10px 0 0 0;
	font-size: 13px;
}

.product_item .price {
	color: #383371;
	margin: 0px 0px 0px 0px;
	font-size: 15px;
}

.product_item .expl {
	line-height: 120%;
	margin: 10px 5px 8px 5px;
	font-size: 12px;
}
.product_list a,
.product_list a:link,
.product_list a:visited {
	text-decoration: none;
}
.product_list a:active,
.product_list a:hover {
	text-decoration: none;
}
/* ------------------------------------- 
   *  ¤ª¤¹¤¹¤á¾¦ÉÊ²¼Éô°ìÍ÷É½¼¨¤Î¥ì¥¤¥¢¥¦¥È
   * ------------------------------------- */

.osusume2_list {
	float: left;
	width: 20%;
	text-align: center;
	padding: 0 0 20px;
}

.osusume2_item {
	width: 95%;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0 auto;
}

.osusume2_item a img {
	border: 1px solid #999;
	width: 99%;
	height: auto;
}

.osusume2_item .name {
	line-height: 120%;
	margin: 8px 0 0 0;
	text-align: left;
	height: 55px;
	width: 100%;
	overflow: hidden;
	font-size: 12px;
}

.osusume2_item .price {
	color: #383371;
}
.osusume2_item .price2 {
	font-size: 12px;
	height: 26px;
	color: #ff0000;
	margin: 0;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
}

.osusume2_item .expl {
	color: #999;
	font-size: 11px;
	line-height: 120%;
	text-align: left;
	margin: 5px 0 0;
	height: 30px;
	width: 100%;
	overflow: hidden;
}
.osusume2_list a,
.osusume2_list a:link,
.osusume2_list a:visited {
	text-decoration: none;
}
.osusume2_list a:active,
.osusume2_list a:hover {
	text-decoration: none;
}
/* ------------------------------------- 
   *  ¤ª¤¹¤¹¤á¾¦ÉÊÉ½¼¨¤Î¥ì¥¤¥¢¥¦¥È
   * ------------------------------------- */
.pickup {
	font-size: 12px;
	text-align: left;
	padding-top: -50px;
}
.osusume_list {
	float: left;
	width: 20%;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 0;
}

.osusume_item {
	width: 93%;
	padding: 10px 5px;
	margin: 0 auto;
}
.osusume_item img {
	width: 100%;
	height: auto;
}

.osusume_item .name {
	line-height: 120%;
	height: 60px;
	overflow: hidden;
	margin: 8px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
}

.osusume_item .price {
	color: #383371;
	text-align: left;
	margin: 0px 0px 0px 0px;
	font-size: 15px;
}

.osusume_item .expl {
	color: #999;
	font-size: 11px;
	line-height: 140%;
	text-align: left;
	margin: 5px 0 0;
}
.osusume_list a,
.osusume_list a:link,
.osusume_list a:visited {
	text-decoration: none;
}
.osusume_list a:active,
.osusume_list a:hover {
	text-decoration: none;
}

/* ------------------------------------- 
   *  ¤Ñ¤ó¤¯¤º¥ê¥¹¥È
   * ------------------------------------- */
.footstamp {
	width: 100%;
	color: #432a16;
	margin-bottom: 10px;
	font-size: 13px;
}

.footstamp a {
	color: #666;
}
.footstamp a:link {
	color: #666;
	text-decoration: none;
}
.footstamp a:visited {
	color: #917739;
	text-decoration: none;
}
.footstamp a:active {
	color: #395091;
	text-decoration: none;
}
.footstamp a:hover {
	color: #5c9139;
	text-decoration: none;
}

.footstamp .bg .middle {
	margin: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.footstamp .bg .middle .pankuzuline {
	margin: 0;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.middle ol li {
	display: inline;
}
.middle ol li:after {
	color: hsl(0, 0%, 62%);
	content: " > ";
}
.middle ol li:last-child:after {
	content: "";
}

.taglist {
	font-size: 13px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
}
.taglist p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.taglist a:link,
.taglist a:hover,
.taglist a:active,
.taglist a:visited {
	text-decoration: none;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	background-color: #efefef;
	color: #555;
}
.taglist a:hover {
	background-color: #444444;
	color: #fff;
}
.button--tag {
	border-radius: 20px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.button--line {
	color: #999933;
	float: left;
}
/* ------------------------------------- 
   *  ¾¦ÉÊ¤¬Ìµ¤¤»þ¤ÎÉ½¼¨
   * ------------------------------------- */
.nodata {
	width: 90%;
	padding-top: 20px;
	text-align: center;
}

/* ²ñ°÷ÀìÍÑ²Á³Ê¤ÎÉ½¼¨ ¾¦ÉÊ°ìÍ÷ÍÑ */
.regular_price_all {
	padding: 0 0 2px;
	font-size: 11px;
	text-decoration: line-through;
	color: #666666;
	margin: 0;
}

.price_all {
	padding: 0;
	margin: 0;
}

.discount_rate_all {
	padding: 2px 0 0;
	color: #ff0000;
	margin: 0;
}

/* ²ñ°÷ÀìÍÑ²Á³Ê¤ÎÉ½¼¨ ¾¦ÉÊ¸¡º÷·ë²ÌÍÑ */
.regular_price_search {
	padding: 0 0 2px;
	font-size: 11px;
	text-decoration: line-through;
	color: #666666;
	margin: 0;
}

.price_search {
	padding: 0;
	margin: 0;
}

.discount_rate_search {
	padding: 2px 0 0;
	color: #ff0000;
	margin: 0;
}

/* ------------------------------------- 
   *  ¤³¤Î¾¦ÉÊ¤òÇã¤Ã¤¿¿Í¤Ï¤³¤ó¤Ê¾¦ÉÊ¤âÇã¤Ã¤Æ¤Þ¤¹
   * ------------------------------------- */

#together {
	margin: 0 0px;
}

#together .tog_main_title {
	font-weight: bolder;
	margin-top: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #666;
}

#together .together_list {
	margin: 10px;
	float: left;
	width: 30%;
	text-align: center;
}

/* ------------------------------------- 
   *  ¥È¥é¥Ã¥¯¥Ð¥Ã¥¯
   * ------------------------------------- */

#trackback {
	margin: 0 10px 20px;
	text-align: center;
}

#trackback .tb_main_title {
	font-weight: bolder;
	margin-top: 30px;
}

#trackback .tb_url {
	font-size: 11px;
	padding: 5px 10px;
}

#trackback .tb {
	margin: 10px 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

#trackback .tb_date {
	font-size: 10px;
	padding: 10px;
}

#trackback .tb_title {
	font-weight: bold;
	padding: 0 10px 10px;
}

#trackback .tb_body {
	line-height: 150%;
	padding: 10px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

#trackback .tb_state {
	padding: 5px 10px;
}

/* ²ñ°÷ÀìÍÑ²Á³Ê¤ÎÉ½¼¨ ¾¦ÉÊ¾ÜºÙÍÑ */
.regular_price_detail {
	padding: 5px 0 0;
	margin: 0;
	text-decoration: line-through;
}

.price_detail {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.discount_rate_detail {
	padding: 0 0 5px;
	margin: 0;
	color: #ff0000;
	font-weight: bold;
}

/* ************************************************ 
   *  ¾¦ÉÊ¥ª¥×¥·¥ç¥ó¥Ú¡¼¥¸
   * ************************************************ */
#Option {
	background-color: #fff;
}

#Option .option_table {
	width: 684px;
	margin-bottom: 15px;
	background-color: #fff;
}

#Option .option_cell1 {
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-left: 6px;
}

#Option .option_cell2 {
	font-size: 10px;
	text-align: left;
	border-right: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 2px 6px;
}

#Option .option_cell3 {
	font-size: 10px;
	text-align: left;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 2px 10px 2px 6px;
}

/* ²ñ°÷ÀìÍÑ²Á³Ê¤ÎÉ½¼¨ ¥ª¥×¥·¥ç¥óÍÑ */
.regular_price_stock {
	padding: 0;
	margin: 0;
	font-size: 13px;
	text-decoration: line-through;
	color: #666666;
}

.price_detail_stock {
	padding: 0;
	margin: 0;
}

.discount_rate_stock {
	padding: 0;
	margin: 0;
	color: #ff0000;
}

/* ************************************************ 
   *  ÆÃÄê¾¦¼è°úË¡¡¦¤ª»ÙÊ§¤¤ÊýË¡¡¦ÇÛÁ÷ÀßÄê¤Ë¤Ä¤¤¤Æ
   * ************************************************ */
.payment_img {
	width: 30px;
	height: 30px;
	margin: 3px;
}

#ShopKeeper {
	width: 98%;
	color: #666;
	margin-bottom: 15px;
}

#ShopKeeper th {
	width: 25%;
	height: 28px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

#ShopKeeper td {
	border-bottom: 1px solid #cccccc;
	text-align: left;
	font-size: 14px;
	line-height: 150%;
}

/* ************************************************ 
   *  ¥×¥é¥¤¥Ð¥·¡¼¥Ý¥ê¥·¡¼
   * ************************************************ */

#PrivacyExplain {
	color: #666;
	margin-bottom: 15px;
}

.pe_title {
	color: #432a16;
	border-top: 1px solid #cccccc;
	padding-top: 15px;
}

.pe_note {
	line-height: 150%;
	margin: 5px 5px 20px 30px;
}
/* ************************************************ 
   *  ¥Õ¥ê¡¼¥Ú¡¼¥¸
   * ************************************************ */
#freepage {
	width: 90%;
	margin: 10px auto 0px auto;
	text-align: left;
}
#freepage p {
	padding-right: 10px;
	padding-left: 10px;
}
.free-t {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #555;
	padding: 0px 0px 10px 10px;
	margin: 20px 0px 30px 0px;
}
#link {
	margin-right: 20px;
	margin-left: 10px;
	padding: 20px;
	border: 1px solid #666666;
}
#sidemain #link p {
	margin: 0;
	padding: 0;
}
#link .kakoi {
	padding: 5px;
	font-size: 11px;
	background-color: #f9f5e6;
}
#link .kakoi2 {
	width: 300px;
	padding: 5px;
	overflow: auto;
	height: auto;
	float: left;
	font-size: 11px;
	background-color: #f9f5e6;
	border: 1px solid #666666;
}
.linksetei {
	padding-left: 95px;
	float: none;
}
.linkhidari {
	float: left;
	width: 95px;
}
#link .ssize {
	font-size: 10px;
	line-height: 120%;
	color: #330000;
	clear: both;
	padding-top: 5px;
}
#link .linktext {
	padding: 5px 0px 0px 330px;
	font-size: 10px;
}
#link .linkbanner {
	padding-left: 340px;
	padding-top: 30px;
	font-size: 10px;
}
.linktext a {
}
.linktext a:link {
	text-decoration: underline;
	color: #cc3333;
}
.linktext a:visited {
}
.linktext a:active {
}
.linktext a:hover {
	color: #5c9139;
}
.sidetitle {
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 0px 4px 26px;
	margin: 15px 10px 20px 10px;
	border-bottom: 1px solid #333333;
	font-weight: bold;
	font-size: 16px;
	line-height: normal;
	color: #262625;
}
.sidetitle-s {
	font-size: 15px;
	color: #f7d5a0;
	margin-right: 20px;
}

.underline {
	border-bottom: 1px dotted #666;
	margin: -5px 5px 10px;
}
.underline2 {
	border-bottom: 1px dotted #666;
	margin: 0px 0px 0px 0px;
}

.dotline {
	border-bottom: 1px dotted #999;
	padding: 4px 0px 5px 0px;
}

#tuhansozai {
	text-align: left;
	width: 570px;
}

/* ************************************************ 
   *  Q&A
   * ************************************************ */
#qanda {
	padding: 5px 0px 20px 0px;
	font-size: 30px;
	font-weight: bold;
}
#qanda p {
	margin: 0;
	padding-bottom: 20px;
}
.situmon {
	font-size: 16px;
}
#qanda p a {
	line-height: 30px;
	font-size: 13px;
	color: #917c3f;
	font-weight: normal;
	padding-left: 90px;
}
#q {
	font-size: 14px;
	font-weight: bold;
	color: #523a20;
	padding: 10px 0px 10px 0px;
}
#an {
	background-color: #f2f2f2;
	border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
	padding: 10px;
}
#an .freed {
	font-size: 18px;
	color: #523a20;
	font-weight: bold;
	border-top: 1px dotted #523a20;
	border-bottom: 1px dotted #523a20;
	text-align: center;
	margin: 20px 20px 0px 20px;
	padding: 10px 0px 10px 0px;
}
/** ÄÉ²Ã¥¯¥é¥¹ **/
.white_color {
	background: #ffffff !important;
}

/* ************************************************ 
   *  ¥Ð¥Ê¡¼3Îó
   * ************************************************ */

#banner3 {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 20px;
	overflow: hidden;
}

#banner3-inner {
	margin: 0 -10px 0 0;
	zoom: 1;
	/* for IE6,7 */
}
#banner3-inner .box {
	margin: 0 0px 0 0;
	float: left;
	width: 33%;
}
#banner3-inner .box a img {
	width: 95%;
	height: auto;
}
#banner3-inner .box2 {
	margin: 0 0px 0 0;
	width: 50%;
	float: left;
}
#banner3-inner .box2 a img {
	width: 95%;
	height: auto;
}
.banner4 {
	float: left;
	width: 350px;
	padding-bottom: 10px;
}
.banner4 a img {
	width: 350px;
	height: auto;
}
.banner5 {
	float: left;
	width: 350px;
	margin: 0px 0px 15px 10px;
}
.banner5 a img {
	width: 350px;
	height: auto;
}
.banner6 {
	float: left;
	width: 179px;
	padding: 0px 0px 15px 10px;
}
.banner6 a img {
	width: 100%;
	height: auto;
}
.banner7 {
	width: 16.6%;
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	float: left;
	text-align: center;
}
.banner7 img {
	width: 60%;
	height: auto;
}
.banner8 {
	width: 102px;
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	float: left;
	text-align: center;
}
.banner8 img {
	width: 95%;
	height: auto;
}
.banner9 {
	float: left;
	width: 32%;
	padding-bottom: 10px;
}
.banner9 a img {
	width: 100%;
	height: auto;
}
.banner10 {
	float: left;
	width: 32%;
	margin: 0px 2% 10px 2%;
}
.banner10 a img {
	width: 100%;
	height: auto;
}
.banner11 {
	float: left;
	width: 49%;
	margin: 0px 0px 10px 0px;
}
.banner11 a img {
	width: 100%;
	height: auto;
}
.banner12 {
	float: left;
	width: 49%;
	margin: 0px 0px 10px 2%;
}
.banner9 p,
.banner10 p,
.banner9 h2,
.banner10 h2,
.banner11 h2,
.banner12 h2 {
	font-size: 12px;
	margin: 5px 5px 0px 5px;
}
.banner12 a img {
	width: 100%;
	height: auto;
}
.banner13 {
	float: left;
	width: 25%;
	margin: 10px 0px 0px;
	text-align: center;
}
.banner13 a img {
	width: 90%;
	height: auto;
}
.banner13 a p {
	margin: 0;
	padding: 0;
}
.banner13 a {
	text-decoration: none;
}

/* ¥â¡¼¥À¥ë */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	font-size: 77%;
	z-index: 1;
}
#page-top a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0.8;
	text-decoration: none;
	color: #fff;
	width: 50px;
	text-align: center;
	display: block;
	border-radius: 5px;
	height: 50px;
	padding: 17px 0px 0px 5px;
	background-color: #0a0;
	z-index: 1;
	font-size: 14px;
	font-weight: bold;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
.haisoufuka,
.haisoufuka2 {
	border-collapse: collapse;
	border-spacing: 1px;
	text-align: left;
	margin-top: 20px;
}
.haisoufuka {
	float: left;
}
.haisoufuka2 {
	float: right;
}
.haisoufuka tr,
.haisoufuka2 tr {
	border-bottom: 1px solid #555;
}
#cat-ti {
	list-style-type: none;
	padding: 20px 0px 15px;
}
#cat-ti li {
	float: left;
	border-left: 1px dotted #444;
	width: 9.89%;
	text-align: center;
}
#cat-ti li:last-child {
	float: left;
	border-right: 1px dotted #444;
}
#cat-ti li img {
	text-align: center;
}
.coment {
	font-size: 16px;
	line-height: 20px;
	margin: 10px 10px 10px 10px;
}
.coment_link {
	font-size: 15px;
	line-height: 20px;
	margin: 20px 10px 0px 10px;
}
.coment_01 {
	margin: 10px 10px 20px 10px;
	padding: 10px 10px 20px 10px;
	border: 1px dotted #444;
	border-radius: 8px;
	line-height: 20px;
}
.coment h2,
.coment h3 {
	font-size: 16px;
	font-weight: bold;
	color: #a4700b;
}
.coment_01 h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #b3965f;
}
.coment_01 h4 {
	font-size: 14px;
}
.coment_01 p {
	font-size: 14px;
	margin: 0px 0px 5px;
}
/* ------------------------------------- 
   *  ºÇ¶á¥Á¥§¥Ã¥¯¤·¤¿¾¦ÉÊÉ½¼¨¤Î¥ì¥¤¥¢¥¦¥È
   * ------------------------------------- */
.check_list {
	float: left;
	width: 20%;
	text-align: center;
	padding: 10px 0px 20px 0px;
}

.check_item {
	width: 92%;
	position: relative;
	text-align: center;
	margin: 10px 5px 0px 5px;
	border: 1px solid #555;
	background-repeat: no-repeat;
	background-size: 100%;
}
.check_item:before {
	padding-top: 100%;
	content: "";
	display: block;
}

.check_item a img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
}
/* ------------------------------------- 
   *  ²èÁü¤ËÇØ·Ê¤òÉÕ¤±¤ë
   * ------------------------------------- */
.pic-box,
.pic-box2 {
	width: 98.75%;
	position: relative;
	text-align: center;
	border: 1px solid #555;
}
.pic-box2 {
	background: #000;
}
.pic-box:before,
.pic-box2:before {
	padding-top: 100%;
	content: "";
	display: block;
}
.pic-box2 p {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	z-index: 1;
}
.pic-box img,
.pic-box2 img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
}
.pic-box2 img {
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
}
/* ------------------------------------- 
   *  ³ä°ú²èÁüÉ½¼¨
   * ------------------------------------- */
.off {
	width: 55px;
	text-align: left;
	position: absolute;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}
.off img {
	width: 100%;
	height: auto;
}
.off-p {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-style: oblique;
	color: #fff;
	position: absolute;
	padding: 12px 0px 0px 10px;
	z-index: 3;
}
/* ------------------------------------- 
   *  Äê²ÁÉ½¼¨
   * ------------------------------------- */
.teika {
	font-size: 12px;
	text-decoration: line-through;
	color: #666666;
	margin: 10px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
/* ------------------------------------- 
   *  ¾¦ÉÊ3ÅùÊ¬
   * ------------------------------------- */
.osusume_list3 {
	float: left;
	width: 33.333%;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 0;
}
.osusume_list3 a,
.osusume_list3 a:link,
.osusume_list3 a:visited {
	text-decoration: none;
}
.osusume_list3 a:active,
.osusume_list3 a:hover {
	text-decoration: none;
}
/* ------------------------------------- 
   *	¥«¥Æ¥´¥ê¡¼²èÁü
   * ------------------------------------- */
.category_list,
.category_list2 {
	background: #fff;
	width: 100%;
	padding: 10px 0px 20px 0px;
}
.category_list2 {
	padding: 0px 0px 0px 0px;
}
.category_list li,
.category_list2 li {
	display: inline-block;
	width: 8%;
	height: auto;
	margin: 0px 0% 0px 1%;
	float: left;
	text-align: center;
}
.category_list2 li {
	width: 11.4%;
	margin: 5px 0% 0px 1%;
}
.cat_item_list_br {
	border: 1px solid #ccc;
}
.category_list li a img {
	width: 90%;
	height: auto;
}
.category_list2 li a img {
	width: 80%;
	height: auto;
}
.line10 {
	clear: both;
	border-bottom: 1px dotted #ccc;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
}
.red p {
	font-size: 14px;
	color: #ff0000;
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

/* ************************************************ 
 *  ¥¹¥é¥¤¥É¥·¥ç¡¼
 * ************************************************ */
#mainimg {
	width: 100%;
	margin: -30px 0% 0px 0%;
	padding: 0px 0% 10px 0%;
}
#thumbnail {
	max-width: 1050px;
	margin: 0px auto 40px auto;
	padding: 0px 15px 10px 15px;
}
/* Contenedor principal del carrusel */
.splide {
	width: 100%;
	max-width: 100%; /* Evitar desbordes */
	margin: 0 auto; /* Centrar el carrusel */
	overflow: hidden;
}

/* Asegurar que las imágenes se ajusten al contenedor */
.splide__slide img {
	width: 100%; /* Ocupa el ancho completo del slide */
	height: auto; /* Mantiene la proporción de las imágenes */
	object-fit: cover; /* Cubre todo el slide sin distorsionarse */
	border-radius: 8px; /* Bordes redondeados, opcional */
}
/* Contenedor de las miniaturas */
#thumbnail .splide__slide {
	width: 120px; /* Ancho fijo */
	height: 80px; /* Alto fijo */
	overflow: hidden; /* Ocultar cualquier contenido que se salga del contenedor */
	display: flex; /* Centrar la imagen */
	justify-content: center; /* Centrar horizontalmente */
	align-items: center; /* Centrar verticalmente */
	background-color: #f0f0f0; /* Fondo para detectar problemas (opcional) */
	border-radius: 4px; /* Bordes redondeados */
}

/* Imágenes dentro de las miniaturas */
#thumbnail .splide__slide img {
	width: 100%; /* Ocupa todo el ancho del contenedor */
	height: auto; /* Mantiene la proporción */
	object-fit: cover; /* Asegura que las imágenes se ajusten al contenedor */
	display: block; /* Evita espacios en blanco adicionales */
	border-radius: 4px;
}

/* Personalización de los botones de navegación */
.splide__arrow {
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}

.splide__arrow--prev {
	left: 10px;
}

.splide__arrow--next {
	right: 10px;
}

/* Paginación */
.splide__pagination {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
}

.splide__pagination__page {
	width: 12px;
	height: 12px;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	cursor: pointer;
}

.splide__pagination__page.is-active {
	background-color: #fff;
}

.banner14 {
	float: left;
	width: 33.3%;
	margin: 10px 0px 0px 0px;
	text-align: center;
}
.banner14 a img {
	width: 95%;
	height: auto;
}
.banner14 h2 {
	height: 40px;
	text-align: left;
	margin: 5px 0px 10px 5px;
	overflow: hidden;
}
.banner14 a {
	text-decoration: none;
}
#slider2 {
	margin-bottom: 45px;
	width: 710px;
}
#slider2 img {
	border: 2px solid #fff;
	width: 100%;
	height: auto;
}

.blockfour,
.blockfour-bed {
	width: 710px;
}
.blockfour li,
.blockfour-bed li {
	float: left;
	width: 170px;
	padding-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.blockfour li:last-child,
.blockfour-bed li:last-child {
	padding-right: 0px;
}
.blockfour li a,
.blockfour-bed li a {
	text-decoration: none;
}
.blockfour li a img {
	height: 170px;
	width: 170px;
}
.blockfour-bed li a img {
	height: 168px;
	width: 168px;
	border: 1px solid #000;
}
.pr {
	font-size: 8px;
	color: #999;
	text-decoration: none;
}
.pr a {
	text-decoration: none;
}
#topbox .banner p {
	margin-top: 4px;
	margin-bottom: 5px;
}

/* ------------------------------------- 
 *  ¤ª¤¹¤¹¤á¾¦ÉÊ²¼Éô°ìÍ÷É½¼¨¤Î¥ì¥¤¥¢¥¦¥È
 * ------------------------------------- */
.info_text_table {
	padding: 0px;
	margin: 0px;
	width: 670px;
}
.new_list {
	float: left;
	width: 112px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

.new_item {
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.new_item a img {
	border: 1px solid #999;
}

.new_item .name {
	line-height: 120%;
	margin: 5px 0px 0px 0px;
	text-align: left;
	height: 41px;
	width: 100px;
	overflow: hidden;
}

.new_item .price {
	color: #383371;
}

.new_list a,
.new_list a:link,
.new_list a:visited {
	text-decoration: none;
}

.new_list a:active,
.new_list a:hover {
	text-decoration: none;
}

#mainimg {
	width: 100%;
	margin: 10px auto 0px auto;
	padding: 0px 0% 0px 0%;
	border: 1px solid #eee;
	display: flex;
	align-items: center; /* Centra verticalmente */
	justify-content: center; /* Centra horizontalmente */
}

.splide__slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid #eee;
}

.splide__slide {
	opacity: 0.6;
}
.splide__slide.is-active {
	opacity: 1;
}
.splide__list {
	backface-visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	height: 30% !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* ************************************************ 
 *	商品詳細　レイアウト
 * ************************************************ */
#custom-options-container {
	width: 96%;
	margin: -30px 0% 25px 0%;
	padding: 0px 2% 0px 2%;
	padding-bottom: 15px;
	border-bottom: 1px dotted #666;
}
.retu-t {
	width: 92%;
	color: #683a13;
	font-family: Poppins, "Noto Sans JP", sans-serif;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 10px;
	padding: 15px 0px 17px 0px;
	position: relative;
	margin: 30px 0px;
	border-top: 1px dotted #683a13;
	border-bottom: 1px dotted #683a13;
}
.retu3 {
	width: 95%;
	margin-top: 25px;
	margin-bottom: 25px;
}
.retu3 li {
	width: 33.33%;
	float: left;
	list-style-type: none;
	margin-bottom: 25px;
}
.retu3 li img {
	width: 90%;
	height: auto;
	border: 1px solid #ccc;
}
.retu3 li p {
	font-size: 13px;
	width: 90%;
	height: 60px;
}
.retu4 {
	width: 95%;
	margin-top: 25px;
	margin-bottom: 25px;
}
.retu4 li {
	width: 25%;
	float: left;
	list-style-type: none;
	margin-bottom: 25px;
}
.retu4 li img {
	width: 90%;
	height: auto;
	border: 1px solid #ccc;
}
.cart-button {
	outline: none;
}
#shopping-cart {
	width: 98%;
	margin-right: 5%;
	margin-left: 2%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #555;
}
#shopping-cart .cart01 {
	float: left;
	width: 35%;
	margin-top: 20px;
	margin-left: 1%;
}
#shopping-cart .cart01 .img01 {
	border: 1px solid #000;
	width: 99%;
	height: auto;
}
#shopping-cart .cart01 .img02 {
	margin-top: 10px;
	width: 99%;
	height: auto;
}
#shopping-cart .cart01 .img03 {
	margin-top: 10px;
	margin-right: 10px;
	float: left;
}
#shopping-cart .cart01 .img04 {
	margin-top: 10px;
	margin-left: -80px;
	float: left;
}
#shopping-cart .cart01 .img05 {
	margin-top: 10px;
	margin-right: 20px;
	float: left;
}
#shopping-cart .cart02 {
	float: right;
	width: 60%;
	padding-left: 3%;
	margin-right: 1%;
	margin-top: 5px;
}
.hanbai-kakaku {
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
}
.teika-kakaku {
	text-decoration: line-through;
}
.kago-table {
	width: 100%;
	margin-bottom: 20px;
	font-size: 13px;
}
.kago-title {
	width: 70px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
.kago-main {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
.kago-sita {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 14px;
}
.kago-sita2 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 14px;
	float: left;
}
.kago-sita3 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
}
.kago-sita3 a {
	margin-left: 0px;
	padding-top: 0px;
	font-size: 15px;
	text-decoration: none;
}
.kago-sita a,
.kago-sita2 a {
	text-decoration: none;
}
.okiniitiran {
	float: right;
	margin: 7.5% 20% 0px 0px;
}
.favorite-button {
	width: 50%;
	padding-top: 12%;
	outline: none;
	background-size: contain;
	border: 0;
	margin: 0px 0px 0px 0px;
}

.fav-items {
	width: 50%;
	padding-top: 12%;
	outline: none;
	background-size: contain;
	border: 0px solid #fff;
	margin: 0px 0px 0px 0px;
}
.sold_out {
	font-size: 15px;
	margin-top: 10px;
	color: #fff;
	background-color: #e00;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
}
.caption {
	width: 96%;
	font-size: 16px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #222;
	padding: 15px 2% 10px 2%;
	margin-top: 10px;
}
.caption-r {
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: -20px;
}
.caption-l {
	float: left;
	padding: 0px 0px 0px 1%;
	text-align: left;
	width: 39%;
}
.image-r {
	float: right;
	width: 58%;
	padding: 0px 1px 0px 1%;
}
.image-r a img {
	width: 98%;
	height: auto;
}
.image-l {
}
.image-l a img {
	width: 98%;
	height: auto;
	padding: 10px 1% 10px 1%;
}
.caption-bold {
	font-size: 16px;
	margin: 0px 0px 7px;
	padding: 0px 0px 2px;
	font-weight: bold;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #333;
}
.explain {
	font-size: 12px;
	width: 100%;
	margin: 0px 0% 0px 0%;
	display: table;
}
.explain-r {
	background-color: #e7e7e7;
	width: 18%;
	padding: 5px;
	padding: 10px 0px 8px 3%;
	display: table-cell;
	border-bottom: 1px dotted #333;
}
.explain-l {
	background-color: #fff;
	width: 100%;
	text-align: left;
	padding: 10px 0px 8px 2%;
	border-bottom: 1px dotted #000;
	display: table-cell;
}
.spec_title {
	width: 96%;
	font-size: 17px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 2% 17px 2%;
	margin-top: 30px;
	letter-spacing: 10px;
	text-align: center;
	font-weight: bold;
}
.spec {
	width: 96%;
	padding: 10px 2% 30px 2%;
	margin-top: 5px;
}

#setumeiitiran {
	font-size: 10px;
	width: 95%;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
.eigyoubi {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	width: 95%;
	color: #d00;
}

#detail {
	color: #666;
	width: 90%;
	margin-left: 5%;
}

.expl {
	line-height: 130%;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 11px;
}
.expl img {
	width: 80%;
	height: auto;
}
.expl2 {
	line-height: 150%;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 11px;
}
.expl2 img {
	width: 80%;
	height: auto;
}
.expl2 p {
	width: 70%;
	font-size: 20px;
	line-height: 1.5;
}
#detail .main_img {
	margin-bottom: 5px;
	padding: 0px;
	border-top: 1px #d1d1d1 solid;
	border-right: 1px #989898 solid;
	border-bottom: 1px #989898 solid;
	border-left: 1px #d1d1d1 solid;
	margin-left: 0px;
	width: 100%;
	height: auto;
}

#subdetail {
	margin-top: 10px;
}

#detail .sub {
	margin-left: 0px;
	float: left;
	width: 16.666%;
	text-align: center;
}

#detail .sub img {
	width: 93%;
	height: auto;
	padding: 0px;
	border-top: 1px #d1d1d1 solid;
	border-right: 1px #989898 solid;
	border-bottom: 1px #989898 solid;
	border-left: 1px #d1d1d1 solid;
	margin-bottom: 10px;
}

#detail .table {
	background-color: #636363;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 15px;
	width: 260px;
	font-size: 10px;
	line-height: 120px;
}

#detail .table .cell_1 {
	color: #272727;
	background-color: #cccccc;
	width: 80px;
	height: 40px;
	font-size: 11px;
}

#detail .table .cell_2 {
	color: #432a16;
	background-color: #fff;
	width: 180px;
	height: 40px;
	font-size: 10px;
}
.cell_2 .sale .cl_red {
	color: #432a16;
	font-size: 16px;
	font-weight: normal;
}

#detail .table .cell_mar {
	margin: 0px 5px 0px 15px;
}

.hosoku {
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	line-height: 150%;
}

.hosoku2 {
	text-align: left;
	font-size: 11px;
}

#box {
	width: 98%;
}
.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-top: 10px;
}
#bun {
	padding: 0px 10px 10px;
	font-size: 12px;
	line-height: 150%;
}
.specbox {
	width: 98%;
	background-color: #fff;
	margin: 20px 1% 20px 1%;
	font-size: 12px;
}
.hidari {
	background-color: #cccccc;
	width: 15%;
	padding: 7px;
}
.migi {
	background-color: #e5e2d5;
	width: 80%;
	padding: 5px 7px;
}
.midasu {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6360;
	font-size: 13px;
	color: #360;
	margin-bottom: 10px;
}

.coment h3 {
	font-size: 11px;
	font-weight: normal;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #e5e2d5;
	border-left-color: #e5e2d5;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 8px;
	line-height: 200%;
}
.setumeibun {
	padding-right: 5px;
	padding-left: 5px;
	color: #666666;
	font-size: 11px;
}
.setumeibun2 {
	margin-bottom: 30px;
	padding-right: 3%;
	padding-left: 0%;
	color: #666666;
	text-align: left;
	width: 97%;
}
.setumeibun2 p {
	background-color: #fff;
	background-image: linear-gradient(
			90deg,
			rgba(237, 119, 128, 0) 0%,
			rgba(237, 119, 128, 0) 50%,
			#fff 0%,
			#fff 100%
		),
		linear-gradient(
			180deg,
			rgba(100, 100, 100, 0) 0%,
			rgba(100, 100, 100, 0) 97.5%,
			#646464 100%
		);
	background-size: 2px 100%, 100% 2em;
	line-height: 2em;
	padding: 0em 2% 0em 2%;
	margin: 0em 0% 0em 0%;
	width: 100%;
}
.cartbox {
	text-align: center;
	padding: 0px 0px 10px 0px;
}
.mainimage {
	width: 300px;
	border: 1px solid #000000;
	padding: 0px;
}
.absolute2 {
	width: 300px;
	position: absolute;
}
.cartleft {
	width: 306px;
	padding: 10px 20px 10px 24px;
}
.cartright {
	width: 320px;
	text-align: left;
	padding: 5px 0px 10px 20px;
	font-size: 13px;
	line-height: 200%;
}
.cartright li {
	padding-left: 10px;
}
.souryo {
	font-size: 16px;
	color: #990000;
	background-color: #e5e2d5;
	width: 432px;
	font-weight: bold;
	padding-right: 5px;
}
#box #bun .setumeibun table {
	font-size: 11px;
	font-weight: normal;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #e5e2d5;
	border-left-color: #e5e2d5;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 8px;
	line-height: 200%;
	color: #666666;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #e5e2d5;
	border-left-color: #e5e2d5;
	padding-left: 28px;
	padding-bottom: 3px;
	margin-left: 8px;
	background-repeat: no-repeat;
	background-position: 5px center;
	color: #7a7344;
}
h5 {
	padding-left: 32px;
	padding-right: 10px;
	font-weight: normal;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: 5px center;
	margin-left: 8px;
	margin-top: -10px;
	line-height: 200%;
}

/* ************************************************ 
 *	商品詳細
 * ************************************************ */

table.explain {
	color: #fff;
	background-color: #999;
	margin-left: 10px;
	width: 800px;
}
.th {
	color: #000;
	font-size: 11px;
	font-weight: normal;
	background-color: #ccc;
	text-align: left;
	padding: 5px;
	width: 100px;
}
.td {
	color: #666;
	font-size: 10px;
	background-color: #fff;
	padding: 5px;
}
.syousai {
	padding-top: 15px;
	padding-bottom: 15px;
}
.bold {
	color: #360;
	font-size: 13px;
	font-weight: bold;
	vertical-align: 10px;
	border-bottom: 1px dotted #360;
}
.lc {
	color: #666;
	font-size: 12px;
	background-color: #fff;
	padding: 10px 10px 5px;
	border-bottom: 1px dotted #666;
}

#detail1 .kago {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 0%;
	font-size: 13px;
	width: 100%;
}

#detail1 .kago .cell_1 {
	color: #272727;
	background-color: #fff;
	width: 15%;
	margin-left: 5%;
	height: 40px;
	border-bottom: 1px dotted #666;
}

#detail1 .kago .cell_2 {
	color: #432a16;
	background-color: #fff;
	width: 75%;
	margin-right: 5%;
	height: 40px;
	border-bottom: 1px dotted #666;
}

#detail1 .kago .cell_mar {
	margin: 10px 5px 10px 15px;
}
#detail1 .kago .cell_mar2 {
	font-size: 12px;
	color: #000000;
}

#detail1 .kago .line-through {
	font-size: 13px;
	margin: 0 5px 0 15px;
	text-decoration: line-through;
}

#detail1 .kago .sale {
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
	margin-right: 5px;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#detail1 .kago .sale2 {
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
}
.price_detail {
	font-size: 22px;
	font-weight: bold;
	color: #ff0000;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

table.kakaku {
	padding-bottom: 20px;
	font-size: 12px;
}
.kakaku .t {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border-top: 1px solid #666;
}
.kakaku .t2 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border-top: 1px solid #666;
	border-right: 1px dotted #666;
	border-left: 1px dotted #666;
}
.kakaku .t3 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border-top: 1px solid #666;
	border-left: 1px dotted #666;
}
.kakaku .p {
	font-size: 14px;
	text-align: center;
	padding: 6px 5px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
.kakaku .p2 {
	font-size: 14px;
	text-align: center;
	padding: 6px 5px;
	border-style: solid dotted;
	border-width: 1px;
	border-color: #666;
}
.kakaku .p3 {
	font-size: 14px;
	text-align: center;
	padding: 6px 5px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px dotted #666;
}
.setumei {
	padding-right: 30px;
	padding-left: 10px;
}
#tuhansozai {
	width: 800px;
	padding-right: 5px;
	padding-left: 5px;
}
.newdetail0 {
	text-align: center;
	padding-bottom: 10px;
}
#newdetail {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding: 10px;
	line-height: 180%;
}
#newdetail img {
	float: left;
	padding-right: 10px;
}
.newdetail .detail_text p a img {
	padding-top: 10px;
}
#newdetail2 {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 180%;
}

#newdetail2 img {
	float: right;
	padding-left: 10px;
}

.detail_bold {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin: 0px 0px 15px;
	line-height: 120%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-left: 5px;
}

.detail_bold2 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin: 0px;
	line-height: 120%;
	padding-left: 5px;
	text-align: center;
}
.specbox tr .migi p {
	margin: 0px;
	padding: 0px;
}
.dsr {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 11px;
	line-height: 140%;
}
.dsr_bold {
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	line-height: 500%;
}
.newdetail {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding: 10px 5px;
}
.newdetail img {
	padding-right: 10px;
	float: left;
}
.newdetail2,
.newdetail3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding: 10px 5px;
}
.newdetail2 img {
	margin-left: 10px;
	float: right;
}
.newdetail p {
	margin: 0px;
}
.newdetail3 table {
	width: 568px;
	border-collapse: collapse;
	border: 1px solid #fff;
}
.newdetail3 table td {
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	padding-top: 5px;
}
.newdetail3 img {
}
.detail_text {
	width: 330px;
	float: right;
}
.detail_text2 {
	width: 330px;
	float: left;
}
.detail_text3 {
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.out_bold {
	font-size: 14px;
	line-height: 220%;
	color: #5a3019;
}
.detail_text4 {
	padding-top: 10px;
}
.detail_text5 {
	width: 280px;
	float: left;
}
.detail_text6 {
	width: 280px;
	float: right;
}
.detail_text7 {
	width: 380px;
	float: right;
	font-size: 11px;
}
.detail_text8 {
	width: 200px;
	float: right;
}
.detail_text9 {
	width: 380px;
	float: left;
	font-size: 11px;
}
.detail_img {
	float: left;
}
.detail_text p,
.detail_text2 p,
.detail_text3 p,
.detail_text5 p,
.detail_text6 p,
.detail_text7 p,
.newdetail3 p,
.detail_text6 p {
	margin: 0px;
}
.detail_bold_red {
	font-size: 18px;
	color: #dd0e0e;
	font-weight: bold;
	margin: 0px 0px 15px;
	line-height: 120%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-left: 5px;
}
/* ************************************************ 
 *	NEWバージョン
 * ************************************************ */
#box2 {
	width: 100%;
}
#box2 .table2 {
	width: 98%;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
#box2 .table3 {
	width: 98%;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
	border-collapse: collapse;
	border: 1px solid #fff;
}
#box2 .table2 p,
#box2 .table3 .p {
	margin: 0px;
	padding: 0px;
}
#box2 .table2 .td2,
#box2 .table3 .td2 {
	padding-right: 10px;
	padding-left: 10px;
}
#box2 .table3 td {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #666;
	border-left-color: #666;
}
#box2 .table2 .td3,
#box2 .table3 .td3 {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
#box2 .table2 .td4,
#box2 .table3 .td4 {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#box2 .table2 .td5,
#box2 .table3 .td5 {
	padding: 10px;
}
#box2 .line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-bottom: 10px;
}
.size {
	font-size: 11px;
	margin-top: 5px;
}

#sidemain ul.category {
	list-style: none;
	margin: 0px 0px 0px 20px;
	clear: both;
}
#sidemain ul.category li {
}
#sidemain ul.category li a {
	float: left;
	line-height: 0;
	text-align: center;
	width: 18%;
	background-image: none;
	margin-right: 11px;
	margin-bottom: 25px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-radius: 20px;
	background-color: #ddd;
	line-height: 1.5em;
	text-decoration: none;
}
#sidemain ul.category li a:hover {
	color: #fff;
	background-color: #222;
}
#sidemain ul.category li img {
	display: block;
	margin: 0px auto 2px;
	border-style: none;
}

#cospaexplain-b {
	font-size: 14px;
	width: 700px;
	margin-left: 10px;
	text-align: left;
	background-color: #555;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}
#cospaexplain {
	font-size: 12px;
	width: 668px;
	margin-left: 10px;
	text-align: left;
	border: 1px solid #555;
	padding: 20px;
}
#cospaexplain p {
	margin: 0px;
}
.reviewtop_ttl {
	font-size: 16px;
	padding-bottom: 20px;
	font-weight: bold;
}
.reviewlist_datas {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
}
.icon_star {
	float: left;
	width: 75px;
	overflow: hidden;
}
.icon_star img {
	max-width: inherit;
}
.review_poster li {
	float: left;
	margin-left: 10px;
}
.review_poster li {
	list-style: none;
}
.reviewlist {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}
.review_ttl,
.shopcomment_ttl {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.review_img {
	float: right;
	margin: 0 0 10px 10px;
}
.reviewlist_content {
	overflow: hidden;
	zoom: 1;
}
.shopcomment {
	margin-top: 10px;
	margin-bottom: 10px;
	background: #eee;
	padding: 15px;
	border-radius: 6px;
}

table.mattress {
	border-collapse: collapse;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
table.mattress th {
	width: 130px;
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid #ccc;
	background-color: #eee;
	font-size: 9px;
	height: 20px;
}
table.mattress td {
	width: 80px;
	padding: 4px;
	vertical-align: middle;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 12px;
}

/* ------------------------------------- 
 *	商品オプション 表形式
 * ------------------------------------- */
#option_tbl {
	border-collapse: collapse;
	margin: 10px auto 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
#option_tbl th {
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 12px;
}
#option_tbl td input {
	float: none;
	margin: 0 0 3px;
	width: auto;
	background: #fff;
}
.stock_head {
	background: #eee;
	text-align: center;
}
#option_tbl td {
	padding: 2px 5px 2px 5px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.stock_zero {
	color: red;
}

.pager {
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	padding: 10px;
}
/* line 952, ../sass/_content.scss */
.pager ul {
	text-align: center;
}
/* line 24, ../sass/_mixin.scss */
.pager ul:before,
.pager ul:after {
	content: "";
	display: table;
}
/* line 29, ../sass/_mixin.scss */
.pager ul:after {
	clear: both;
}
/* line 955, ../sass/_content.scss */
.pager ul li {
	margin: 0 2px;
	display: inline-block;
}
/* line 958, ../sass/_content.scss */
.pager ul li a {
	color: #3c492b;
	font-weight: bold;
	text-decoration: none;
	border: 1px #3c492b solid;
	display: block;
	padding: 0 5px;
}
/* line 965, ../sass/_content.scss */
.pager ul li a.act {
	color: #fff;
	background-color: #3c492b;
}
/* line 971, ../sass/_content.scss */
.pager ul li.first a {
	border: none;
	padding-left: 15px;
	background: url(../img/common/arw_first_blue.png) no-repeat left center;
}
/* line 976, ../sass/_content.scss */
.pager ul li.last a {
	border: none;
	padding-right: 15px;
	background: url(../img/common/arw_last_blue.png) no-repeat right center;
}
/* line 981, ../sass/_content.scss */
.pager ul li.prev a {
	padding-left: 15px;
	background: url(../img/common/arw_left_blue.png) no-repeat left center;
	border: none;
}
/* line 986, ../sass/_content.scss */
.pager ul li.next a {
	border: none;
	padding-right: 15px;
	background: url(../img/common/arw_right_blue.png) no-repeat right center;
}

.sortArea {
	display: flex;
	justify-content: center;
	align-items: center;
}

#searchForm {
	display: flex;
	gap: 8px;
	height: 30px;
	margin-left: 25px;
	width: auto !important;
}

#searchForm input {
	width: 200px;
}

#searchForm button {
	width: 50px;
	cursor: pointer;
}
@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.eot");
	src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),
		url("../fonts/icomoon.woff") format("woff"),
		url("../fonts/icomoon.ttf") format("truetype"),
		url("../fonts/icomoon.svg#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 100%;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	text-align: left;
	z-index: 5;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #fff;
	border: none;
	width: 20%;
	height: 52px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	margin: 0px;
	padding: 0px;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #f5f5f4;
}

.dl-menuwrapper button:after {
	content: "";
	position: absolute;
	width: 0%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 0%;
	box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: static;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbbbbb;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #000;
	outline: none;
	text-decoration: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 40px;
	font-family: "icomoon";
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212, 204, 198, 0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 0px 20% 0 0;
	position: absolute;
	width: 80%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% {
	}
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% {
	}
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% {
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% {
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% {
	}
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% {
	}
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% {
	}
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% {
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% {
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% {
	}
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: "";
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #ffffff;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}
/* Contenedor del carrusel principal */
#mainimg {
	margin: 0 auto; /* Centrar horizontalmente */
}

/* Contenedor de las miniaturas */
#thumbnail {
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center; /* Centrar las miniaturas horizontalmente */
}

/* Elementos individuales del carrusel */
.splide__slide {
	margin: 0; /* Eliminar márgenes extra */
	padding: 0; /* Eliminar relleno extra */
}

/* Ajustar las miniaturas */
#thumbnail .splide__slide {
	width: 120px; /* Ancho de cada miniatura */
	height: 80px; /* Alto fijo */
	overflow: hidden; /* Evitar que el contenido se salga */
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f8f8f8; /* Fondo claro para detectar problemas */
}

/* Asegurar que las imágenes encajen bien */
#thumbnail .splide__slide img {
	width: 100%; /* Ajustar al contenedor */
	height: auto; /* Mantener proporción */
	object-fit: cover; /* Ajustar la imagen sin deformarla */
	display: block; /* Evitar espacios inesperados */
}

/* Espacio mínimo entre el carrusel principal y las miniaturas */
#thumbnail + #container {
	margin-top: 10px; /* Reducir espacio vertical */
}

/* Espacio mínimo entre elementos dentro del carrusel */
.splide__list {
	margin: 0; /* Eliminar márgenes */
	padding: 0; /* Eliminar relleno */
}

/* Ajuste responsivo */
@media (max-width: 768px) {
	#thumbnail .splide__slide {
		width: 80px; /* Reducir el tamaño en pantallas pequeñas */
		height: 60px;
	}
}
/* Ajustar el tamaño general del carrusel */
#mainimg .splide__track {
	padding: 10px 0; /* Añade espacio arriba y abajo del track */
}
#mainimg .splide__slide {
	opacity: 0.6; /* Imágenes no seleccionadas más opacas */
	transition: opacity 0.3s, transform 0.3s; /* Transición suave */
}
#mainimg .splide__slide.is-active {
	opacity: 1; /* Imagen seleccionada completamente visible */
}

/* Miniaturas seleccionadas */
#thumbnail .splide__slide.is-active {
	border: 2px solid #000000; /* Borde azul para la miniatura activa */
	border-radius: 4px; /* Bordes redondeados */
}
