@charset "utf-8";

@import url("bootstrap.custom.min.css"); /* only Grid system CSS */


/* --------------------------------
Common style
-------------------------------- */


html {
	font-size: 62.5%; /* 62.5%を指定すると「1.0 rem = 10px」 */
}

body {
	font-size: 16px;
	font-size: 1.6rem;
}
a { color: #0092C4;
	text-decoration: none;
	cursor: pointer;
}
a:hover,
a:focus,
a:active { color: #33A8D0;text-decoration: none; outline: none;}


textarea { /* for chrome fontsize bug */
	font-family: sans-serif;
}

ul, ol {
	list-style: none;
	margin: 0; padding: 0;
}
dl, dt, dd, li{
	margin: 0; padding: 0;
}
img {
	max-width: 100%;
	vertical-align: top;
}
a:hover img {
	cursor: pointer !important;
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/* svg icon */
#svgicon {
	display: block;
	width: 0; height: 0; overflow: hidden;
}
.cb {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
}
.cb-images {
	width: 1.125em;
}
.icon-bg {
	fill: #d4d4d5;
}
.icon-with-bg {
	fill: #fff;
}

.container-fluid {
	margin-left: auto;
	margin-right: auto;
	padding-left: 8px;
	padding-right: 8px;
}
.row {
	margin-left: -8px;
	margin-right: -8px;
	padding-bottom: 16px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 8px;
	padding-right: 8px;
}


/*  table
============================ */

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding:8px;
	line-height:1.42857143;
	vertical-align:top;
	border-top:1px solid #ddd
}
.table-bordered {
	border:1px solid #ddd
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered>thead>tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border:1px solid #ddd
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
	border-bottom-width:2px
}



/*	form
============================ */

label {
	font-weight: normal;
}
input:focus,
select:focus {
	outline: none;
}
input[type="number"] {
	text-align: right;
}
.form-group .errormsg {
	margin-top: 3px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}
dd.form-group .errormsg {
	margin-bottom: 0;
}

.form-control {
	border: 1px solid #C4CCCE;
	border-radius:3px !important;
	box-shadow:none;
	font-size: 16px;
	font-size: 1.6rem;
	height: 40px;
	padding: 6px 12px;
	width: auto;
	line-height: 1.5
}
.form-control:focus {
	border-color:#3c8dbc !important;
	box-shadow:none
}
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
	box-shadow:none;
	background: none;
}
.has-success .form-control { border-color: #0D8969; background: #e7f6f3; }
.has-warning .form-control { border-color: #E99133; background: #fdf7ed; }
.has-error .form-control { border-color: #CF3F34; background: #FDF1F0; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
	color: inherit;  background: #FDF1F0;
}

.form-control::-moz-placeholder {
	color:#bbb;
	opacity:1
}
.form-control:-ms-input-placeholder {
	color:#bbb
}
.form-control::-webkit-input-placeholder {
	color:#bbb
}
.form-control:not(select) {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}

.form-group .form-control {
	width: 100%;
}
.form-inline .form-control {
	width: auto;
}

.form-group.lange input[type="text"], .form-group.lange label {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 1%;
	margin-right: 1%;
	vertical-align: middle;
}
.form-group.lange input[type="text"] {
	width: 28%;
}
.input_tel input {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	max-width: 5em;
	vertical-align: middle;
	width: 30%;
}
.form-group.input_tel input:first-child {
	margin-left: 0;
}
.form-group.input_name input {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 2%;
	vertical-align: middle;
	width: 48%;
}
.form-group.input_name input:first-child {
	margin-left: 0;
}
.form-group.input_zip input {
	display: inline-block;
	margin-left: 1%;
	margin-right: 1%;
	max-width: 5em;
	vertical-align: middle;
	width: 30%;
}
.form-group.input_zip .question-circle {
	font-size: 11px;
	display: inline-block;
	width: 15px; height: 15px;
	line-height: 15px;
	text-align: center;
	vertical-align: middle;
	background: #525263;
	border-radius: 50%;
}
.form-group.input_zip .question-circle .cb-question {
	fill: #fff;
}


.form-group .item_price input, .form-group .item_quantity input {
	margin: 0 1%;
	text-align: right;
	width: 50%;
}

.form-inline label {
	margin: 0 10px 0 0;
}
.form-inline label:first-child + select,
.form-inline label:first-child + input {
	margin-right: 10px;
}

.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: top;
}
.checkbox-inline, .radio-inline {
	cursor: pointer;
	margin-left: 20px;
}
.checkbox-inline:first-child, .radio-inline:first-child {
	margin-left: 0;
}

span.required {
	color: #DE5D50;
	font-weight: normal !important;
	margin-left: 1em;
	font-size: 12px;
	font-size: 1.2rem;
}

/* --------------------------------
Parts
-------------------------------- */
#item_list .col-sm-4,
#item_list .col-xs-6 {
	float: none;
	display: inline-block;
	vertical-align: top;
}
.col-sm-4 {
	width: 32.5%;
}
#contents_top {
	margin-bottom: 30px;
}
@media (max-width: 768px) {
	#item_list .col-sm-4,
	#item_list .col-xs-6 {
		width: 32%;
		padding: 0 5px !important;
	}
}

/* heading */

h2 {
	font-size: 16px;
	font-size: 1.6rem;
}
.page-heading {
	float: none;
	width: auto !important;
	margin: 0 0 8px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	border-top: 1px solid #ccc;
	padding: 8px;
}

.heading01 {
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #c1c1c1;
	padding: 0 0 8px;
	margin: 0;
}
.heading02,
.heading03 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.heading04 {
	clear: both;
	margin-bottom: 5px;
}
.heading05 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

/* btn */

.btn {
	font-size: 16px;
	font-size: 1.6rem;
	padding:10px 16px;
	font-weight: bold;
}

.btn-lg{padding:10px 16px;font-size:16px;line-height:1.3333333}
.btn-sm{padding:8px 10px;font-size:12px;line-height:1.5;font-weight: normal;}
.btn-xs{padding:5px 8px;font-size:10px;line-height:1.5;font-weight: normal;}

.btn .cb {
	margin: 0 5px;
}

/* btn_circle */

.btn_circle {
	border: 0 none;
	padding: 0; margin: 0;
	text-shadow: none;
	box-shadow: none;
	border-radius: 50%;
	color: #fff;
	background: #B8BEC4;
	cursor: pointer;
	width: 40px; height: 40px;
	line-height: 40px;
	vertical-align: middle;
}
.btn_circle .cb {
	font-size: 24px;
	font-size: 2.4rem;
	position: relative;
	top: -1px;
}
.btn_circle:hover {
	opacity: 0.8;
}

/* icon_close */

.icon_close {
	/* container for the X icon */
	position: absolute;
	height: 100%;
	width: 50px;
	top: 0;
	left: 0;
}
.icon_close::before, .icon_close::after {
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	/* close icon */
	content: '';
	position: absolute;
	display: inline-block;
	height: 3px;
	width: 22px;
	top: 50%;
	margin-top: -2px;
	left: 50%;
	margin-left: -11px;
	background: #525263;
}
.icon_close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.icon_close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/* badge */

.badge {
	display:inline-block;
	min-width:10px;
	padding:3px 7px;
	font-size:10px;
	font-size:1rem;
	font-weight:700;
	line-height:1;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	vertical-align:baseline;
	background-color:#DE5D50;
	border-radius:10px
}
.btn .badge {
	position:relative;
	top:-1px
}

/* tableStyle */
.present_in {
	font-size: 95%;
	line-height: 2;
	text-align: center;
	margin-bottom: 40px;
}
.present_in p.big {
	font-size: 2rem;
	line-height: 1.6;
}
div.table {
	width: 100%;
	display: table;
}
div.table .thead {
	display: none;
}
div.table .tbody {
	display: table-row-group;
}
div.table .tbody .tr {
	display: table-row;
	margin: 0;
}
div.table .tbody .tr > .td {
	display: table-cell;
	padding: 10px 8px;
	text-align: center;
	overflow-x:hidden;
}
.table .tbody .tr > .price {
	text-align: right;
}
@media (max-width: 640px) {
	.present_in {
		text-align: left;
	}
	#cart_item_list__item {
		padding-top: 20px;
	}
	div.table {
		display: block;
	}
	div.table .tbody {
		display: block;
	}
	div.table .tbody .tr {
		display: block;
	}
	div.table .tbody .tr > .td {
		display: block;
	}
	#cart_item_list__cart_remove,
	.cart_item .item_box > .td.icon_edit {
		float: left;
		width: 10%;
		border-bottom: none;
	}
	#cart_item_list__item div.td:nth-child(2) {
		float: right;
		width: 88%;
		border-bottom: none;
	}
	.cart_item .item_box .table .item_photo, .cart_item .item_box .table .item_detail {
		display: block !important;
	}
	.cart_item .item_quantity {
		clear: both;
		width: auto !important;
		background: #f5f5f5;
	}
	#cart_item_list__item_choice,
	#cart_item_list__item_price,
	#cart_item_list__item_subtotal {
		text-align: right;
	}
	#cart_clear {
		padding: 8px 0;
	}
}

/* dl_table */

.dl_table {
	border-top: 1px dotted #ccc;
}
.dl_table dl {
	padding: 8px 0;
	border-bottom: 1px dotted #ccc;
}
.dl_table dd .form-group {
	padding-top: 8px;
}
.dl_table dd > .form-group:first-child {
	padding-top: 0;
}
.dl_table .zip-search {
	margin-top: 8px;
}

/* pagination */

.pagination {
	width: 95%;
	margin: 16px auto;
	position: relative;
	clear: both;
}
.pagination ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
}
.pagination ul li {
	display: inline-block;
	min-width: 29px;
	padding: 0 3px 0 2px;
	text-align: center;
	position: relative;
}

.pagination ul li a {
	color: #525263;
	display: block;
	line-height: 1.8;
	padding: 5px 1em;
	text-decoration: none;
}
.pagination ul li a:hover, .pagination ul li a:focus {
	background: #f1f1f1;
}
.pagination ul li.active a {
	background: #F3F3F3;
	text-decoration: none;
}
.pagination ul li.active a:hover, .pagination ul li.active a:focus {
	background: #F3F3F3;
}
.pagination ul li.disabled a {
	color: #9797A0;
	text-decoration: none;
}
.pagination ul li.disabled a:hover, .pagination ul li.disabled a:focus {
	color: #9797A0;
}

/* topicpath */

#topicpath {
	border-top: 1px solid #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 0 8px;
}
#topicpath ol {
	padding-top: 1em;
	padding-bottom: 1em;
	list-style: none;
	overflow: hidden;
}
#topicpath li {
	float: left;
	color: #333;
	font-size: 12px;
	font-size: 1.2rem;
}
#topicpath li a {
	float: left;
	display: inline-block;
}

#topicpath li:after {
	content:"｜";
}
#topicpath li:last-child {
	font-weight: bold;
}
#topicpath li:last-child:after {
	content:"";
}

/* message */
.message {
	text-align: center;
	padding: 16px 0;
	margin: 0;
}
p.message {
	font-size: 1.2em;
	line-height: 1.8;
	padding: 0 0 16px;
}
p.message span.text-primary {
	font-size: 0.8em;
}
.heading04 + .message {
	padding-top: 0;
	text-align: left;
}
.message .errormsg {
	padding: 8px;
	font-weight: bold;
}
.message .errormsg:first-child {
	margin-top: 0;
}
.message .errormsg:last-child {
	margin-bottom: 0;
}
.message .errormsg .cb {
	margin-right: 5px;
	font-size: 130%;
	position: relative;
	top: -1px;
}

/* pagenumberarea */

.pagenumberarea {
	text-align: right;
	margin: 0;
	padding-right: 16px;
	padding-bottom: 20px;
}
.pagenumberarea > li {
	float: none;
	display: inline-block;
	margin-left: 3px;
	width: auto;
}
.dropdown.open > a {
	background: #ededed;
}

/* flowline */

.flowline {
	position: relative;
	margin: 0;
	padding: 8px 0 16px;
	border-bottom: 1px dotted #ccc;
}
.flowline ul {
	position: relative;
	margin: 0 auto;
}
.flowline ul::before {
	content: "";
	height: 4px;
	background: #525263;
	position: absolute;
	top: 13px;
	margin: 0;
	border-radius: 2px;
	z-index:0;
}
.flowline.step3 ul::before {
	width: 66.66666666%;
	left: 16.6666666%;
}
.flowline.step4 ul::before {
	width: 75%;
	left: 12.5%;
}
.flowline ul li {
	float: left;
	position: relative;
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	z-index:1;
}
.flowline.step3 ul li {
	width: 33.33333333333333%;
}
.flowline.step4 ul li {
	width: 25%;
}
.flowline li .flow_number {
	line-height: 30px;
	width: 30px; height: 30px;
	margin-bottom: 5px;
	font-size: 12px;
	font-size: 1.2rem;
	background: #525263;
	color: #fff;
	top: 0; left: 18px;
	display: inline-block;
	margin-bottom: 5px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
}
.flowline li.active {
	color: #5CB1B1;
}
.flowline li.active .flow_number {
	background: #5CB1B1;
}


/* item_box */

.item_box > div {
	padding: 8px;
}
.item_box .item_photo {
	max-width: 100px;
}
.item_box .icon_edit {
	position: absolute;
	top: 16px; right: 16px;
	text-align: right;
	padding: 0;
}

/* .cart .item_box */

#cart .inner {
	padding: 0 8px;
}
.cart .item_box {
	border-bottom: 1px solid #E8E8E8;
	position: relative;
}
.cart .item_box:last-child {
	border: 0 none;
}
.cart .item_box > div,
.cart .item_box > dl {
	padding: 8px 0;
}
.cart .item_box .item_photo {
	padding: 8px 8px 8px 0;
	float: left;
}
.cart .item_box .item_detail {
	padding-left: 108px;
}
.cart .item_box .icon_edit {
	height: 30px; width: 30px;
	right: 0; top: 10px;
	text-align: center;
	vertical-align: middle;
}
.cart .item_box .icon_edit button {
	display: inline-block;
	vertical-align: middle;
}
.cart .item_box .icon_close {
	width: 30px;
}
.cart .item_box .cb {
	font-size: 20px;
	font-size: 2rem;
}
.cart .item_box .item_name {
	margin-right: 35px;
	font-size: 16px;
	font-size: 1.6rem;
}
.cart .item_box .item_pattern {
	font-size: 14px;
	font-size: 1.4rem;
}
.cart .item_box .item_price {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.cart .item_box .item_price .small {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	margin-left: 10px;
}
.cart .item_box .item_quantity {
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
}
.cart .item_box .item_quantity input {
	font-size: 16px;
	font-size: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	text-align :right;
}
.cart .cart_price {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 8px;
	border-bottom: 1px solid #E8E8E8;
	text-align: right;
}
.cart .cart_price .price {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.cart .btn_area {
	padding: 8px 0 0;
}
.cart .btn_area li {
	padding-bottom: 8px;
}
.cart .btn_area .btn {
	width: 100%;
}
.cart .btn_area .btn-sm {
	height: auto;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 10px 8px;
}

/* form_terms_link */

.form_terms_link {
	text-align: center;
}

/* error_box */
.error_box {
	text-align: center;
	padding: 5% 0;
}
.error_box .btn_back {
	padding: 5% 0;
}
.error_box .btn_back a {
	width: 100%;
	max-width: 320px;
}


/* --------------------------------
Common
-------------------------------- */
#wrapper {
	margin-top: 50px;
}
#wrapper.eng {
	margin-top: 0;
}
.inner {
	max-width: 1100px;
}

/****** Base Layout Setting ********/

#contents, #header, #footer, .pagetop {
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
}

#contents, #header, #footer, .pagetop {
	position: relative;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
#contents_bottom {
	clear: both;
	padding-top: 8rem;
}
#contents_bottom .evaluate {
	display: none;
}
#contents {
	min-height: 100vh;
	z-index: 2;
}
#header .container {
	position: relative;
}

/* main */
#main {

}

/* side */
.side {

}

@media only screen and (max-width: 767px) {
	#wrapper {
		margin-top: 37px;
	}
	#contents {
		padding-top: 70px;
	}
	#contents_bottom { padding-top: 2rem; }
	/*#contents_bottom .evaluate {
		display: block;
		margin-bottom: 20px;
	}*/
}


/****** Header Setting ********/

.anchor_page_link {
	position: relative;
	display: block;
	top: -50px;
}
.h_text {
	position: fixed;
	top: 0;
	width: 100%;
	color: #333;
	color: #FFF;
	background: #064B3C;
	/*background: url(../img/common/bac_htxt_wd.png) repeat-x 0 0;*/
	z-index: 999;
}
.h_text .headTextIn {
	overflow: hidden;
	display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
	max-width: 1070px;
	margin: 0 auto;
}
.h_text p {
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	flex-grow: 1;
}
.h_text p span.mini {
	font-size: 80%;
}
.h_text .headTextIn a {
	display: block;
	float: right;
	font-size: 13px;
	line-height: 1.6;
	color: #064B3C;
	background: #FFF;
	border-bottom: solid 1px #064B3C;
	text-align: center;
	padding: 12px 10px;
	transition: all .8s;
}
.h_text .headTextIn a:before {}
.h_text .headTextIn a:hover {
	opacity: 0.6;
}
#header_line {
	width: 100%;
	height: 20px;
}
#header {
	overflow: hidden;
	padding: 0 0 29px;
	position: relative;
	z-index: 3;
}

#header .hBox {
	float: left;
	margin-top: 21px;
}

#header .logo {
	float: left;
	margin-right: 20px;
}

h1 {
	float: left;
	font-size: 1.1rem;
	font-weight: normal;
	margin: 15px 0 0;
	width: 220px;
}

h1 span {
	display: block;
	margin-top: 5px;
	font-size: 11px!important;
}

#header .hInner {
	float: right;
	position: relative;
}

#header .linkBox {
	float: right;
}

#header .linkBox ul {
	float: right;
}

#header .linkBox li {
	float: left;
}

#header .linkBox .fontSize li {
	padding-right: 8px;
}
#header .linkBox .fontSize li:last-child {
	padding-right: 0;
}
#header .linkBox .fontSize li a {
	display: block;
	zoom: 1;
	background: url(../img/common/font_size_bg02.gif) no-repeat left top;
}

#header .linkBox .fontSize {
	/*width: 75px;*/
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 10px #FFF;
	margin-right: 10px;
}

*html #header .linkBox .fontSize li {
	width: 17px;
}

#header .linkBox .fontSize .on,
#header .linkBox .fontSize li a:hover {
	background: url(../img/common/font_size_bg01.gif) no-repeat left top;
}
#header .linkBox .fontSize li a {
	line-height: 0;
	display: block;
}

#header ul.language {
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 10px #FFF;
	padding: 0 5px 3px 0;
}

#header .language li {
	padding: 0 1px 0 5px;
}
#header .language li a {
	line-height: 0;
	display: block;
}

#header .language img.on{
}
#header .language img.off{
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

#header .formBox {
	position: absolute;
	right: 0;
	top: 40px;
	z-index: 2;
	width: 590px;
}

#header .mailForm {
	float: left;
	margin-right: 5px;
	width: 450px;
}
#header .formBox .searchUl {
	padding-top: 10px;
}
#header .formBox .searchUl li {
	float: left;
	position: relative;
}

#header .formBox .searchUl .btn {
	position: absolute;
	right: 1px;
	top: 1px;
	padding: 0;
	font-size: 1.1rem;
}

#header .formBox .searchUl li span {
	float: left;
	margin-right: 8px;
	width: 23px;
}

#header .formBox .searchUl .selectLi {
	margin-right: 14px;
}

#header .formBox .searchUl .selectLi span {
	width: 51px;
}
#header .formBox .searchUl .selectLi select {
	max-width: 190px;
}
#header .formBox .searchUl li #search_keyword {
	display: inline-block;
	max-width: 160px;
}
.selectArea {
	float: left;
	position: relative;
	color: #696969;
	height: 25px;
	margin-left: 3px;
	padding: 1px;
	vertical-align: middle;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	background: #FFF;
}
.selectArea select,
select.form-control {
	position: relative;
	display: inline-block;
	font-size: 0.75em;
	background:#FFF url(../img/common/ico_select.png) no-repeat right 12px center;
	border-radius: 0px;
	border: 1px solid #656565;
	padding: 5px 35px 5px 5px;
}
.selectArea .selectVal {
	background: url(../img/common/btn01.gif) no-repeat right top;
	font-size: 1.2rem;
	cursor: pointer;
	height: 21px;
	line-height: 22px;
	position: relative;
	text-indent: 7px;
	width: 146px;
	z-index: 1;
	overflow: hidden;
	padding-right: 21px;
}
.selectOpt {
	background-color: #CCC;
	border: 1px solid #656565;
	display: none;
	left: 0;
	line-height: 33px;
	padding: 0px !important;
	position: absolute;
	top: 33px;
	width: 484px;
	z-index: 1000 !important;
}
.selectOpt li {
	font-size: 12px !important;
	font-weight: normal !important;
	margin: 0!important;
	float: left;
	width: 50%;

}

.selectOpt li .styledCheckbox {
	background-position: 0 0 !important;
	float: left;
}

.selectOpt li input {
	float: left;
}
.selectOpt li a {
	color: #666;
	display: block;
	font-size: 1.2rem;
	line-height: 1.6;
	overflow: hidden;
	margin: 0;
	text-decoration: none !important;
	padding: 10px 5px 10px 22px;
	zoom: 1;
}

.selectOpt li .on,
.selectOpt li a:hover {
	background: none repeat scroll 0 0 #1B8299;
	color: #FFF !important;
}

.selectOpt li .on .styledCheckbox {
	background-position: 0 -18px !important;
}

.selectOpt li a span {
	cursor: pointer;
	display: block;
	overflow: hidden;
	padding-left: 10px;
}

.selectOpt li.btn {
	border-top: #ECECEC;
	background: url(../img/common/search_ul_bg.gif) repeat left top;
	overflow: hidden;
	padding: 7px 16px 7px 0;
	width: 482px;
	text-align: left;
}

.selectOpt li.btn a {
	float: right;
	padding: 0;
}

.selectOpt li.btn a:hover {
	background: none;
}

.selectOpt li.btn a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#fSearch {
	background-color: #F2F2F2;
	border: 1px solid #656565;
	float: left;
	height: 25px;
	margin-left: 3px;
	padding: 4px 26px 3px 6px;
	width: 196px;
	vertical-align: middle;
	font-size: 1.2rem;
}
::placeholder {
	color: #c1c1c1;
	font-size: 88%;
}
#header .formBox .colorList {
	float: right;
	margin-right: -2px;
	width: 125px;
	background: #FFF;
	box-sizing: border-box;
	padding: 10px;
}

#header .formBox .colorList li {
	float: left;
	line-height: 1;
	height: 11px;
	margin: 0 4px 3px 0;
	width: 11px;
}
#header .formBox .colorList li:nth-child(7n) {
	margin-right: 0;
}
#header .formBox .colorList li img {
	border: solid 1px #FFF;
}

#header .formBox .colorList a {
	display: block;
	line-height: 1;
}
@media only screen and (max-width: 959px) and (min-width: 767px) {
	#header .hBox {
		width: 30%;
	}
	#header .hBox .logo {
		width: 45px;
	}
	#header .hBox h1 {
		max-width: 70%;
		margin-top: 2px;
	}
	#header .hBox h1 span {
		margin-top: 0;
	}
	#header .hBox img {
		height: auto;
	}
	#header .linkBox .float_right {
		clear: right;
		margin-top: 5px;
	}
	#header .formBox {
		width: 100%;
	}
	#header .mailForm {
		margin-right: 0;
		width: 480px;
	}
	#header .formBox .searchUl .btn {
		position: absolute;
		right: 2px;
		top: 2px;
		padding: 0;
		font-size: 1.1rem;
	}
	#header .formBox .searchUl .selectLi {
		margin-right: 4px;
	}
	#header .formBox .searchUl input {
		height: 28px;
	}
	.selectArea {
		/*width: 140px;*/
		height: auto;
	}
	.selectArea .selectVal {
		width: 136px;
	}
	.selectOpt {
		/*width: 400px;*/
	}
	.selectArea select {
		letter-spacing: -1.5px;
	}
	.selectOpt li a {
		font-size: 1.1rem;
		padding: 10px 5px 10px 16px;
	}
	.selectOpt li.btn {
		width: 400px;
	}
	#header .formBox .colorList {
		width: auto;
	}
	#fSearch {
		width: 140px;
	}

}
@media only screen and (max-width: 767px) {
	/*.h_text {
		position: relative;
		z-index: 1;
	}*/
	.h_text p {
		font-size: 1.1rem;
	}

	#header {
		background: #FFF;
		position: fixed;
		width: 100%;
		margin-bottom: 15px;
		padding: 10px 0;
	}
	#header .logo {
		float: left;
		margin-right: 10px;
		width: 40px;
	}
	#header .logo img {
		height: auto;
	}

	h1 {
		font-size: 1rem;
		margin-top: 7px;
		width: 209px;
	}

	h1 span {
		margin-top: 2px;
		font-size: 10px!important;
	}
	#header .hBox {
		float: left;
		margin-top: 0;
	}

	#header .hInner {
		float: none;
		width: 100%;
		display: none;
	}

	.drawer .formBox {
		float: none;
		padding: 10px;
		position:relative;
	}

	.drawer .mailForm {
		float: none;
		margin-right: 0;
		width: auto;
	}

	.drawer .formBox .searchUl li {
		float: none;
		position: relative;
		/*overflow: hidden;*/
		margin-bottom: 10px;
	}
	.drawer .formBox .searchUl li input::placeholder {
		line-height: 1.5em;
	}
	.drawer .formBox .searchUl li input {
		vertical-align: middle;
		display: inline-block;
	}
	.drawer .formBox .searchUl .btn {
		position: absolute;
		right: 1px;
		top: 1px;
		padding: 0;
		font-size: 1.1rem;
	}

	.drawer .formBox .searchUl li span {
		float: left;
		margin-right: 8px;
		width: 23px;
	}

	.drawer .formBox .searchUl .selectLi {
		margin-right: 0;
	}

	.drawer .formBox .searchUl .selectLi span {
		width: 51px;
	}

	.selectArea {
		float: none;
		position: relative;
		width: auto;
		height: auto !important;
		/*overflow: hidden;*/
		margin-left:0;
	}
	.selectArea .selectVal {
		width: 100%;
	}
	.selectOpt {
		width: 100%;
	}
	.selectOpt li a {
		font-size: 1rem;
		padding: 5px 0 5px 5px;

	}

	.selectOpt li.btn {
		width: 100%;
		padding: 5px 0 5px 5px;
	}

	#fSearch {
		font-size: 1.35rem;
		line-height: 25px;
		width: 100%;
		margin-left: 0;
	}

	.drawer .formBox .colorList {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	.drawer .formBox .colorList li {
		float: left;
		line-height: 1;
		margin: 0 10px 10px 0;
	}

	.drawer .formBox .colorList li img {
		border: solid 1px #FFF;
		width: 35px !important;
		height: auto !important;
	}

	.drawer .formBox .colorList a {
		display: block;
		line-height: 1;
		text-indent: -9999px;
	}
}

/* IE11のみ */
@media all and (-ms-high-contrast: none) {
	.hInner { width: 70%; }
	#gNavi li { letter-spacing: -0.5px; }
}

#gNavi {
	margin-right: 10px;
	text-align: right;
	float: none;
}

#gNavi li {
	display: inline;
	float: none !important;
	text-align: left;
	padding-right: 10px;
}

#gNavi span {
	cursor: pointer;
	display: inline-block;
	margin-top: 4px;
	text-decoration: none;
	vertical-align: top;
}

#gNavi img {
	display: inline-block;
	margin-right: 6px;
	vertical-align: top;
}

#gNavi a {
	cursor: pointer;
	color: #333;
	font-size: 0.8em;
	line-height: 1.2;
	text-decoration: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { #gNavi a { letter-spacing: -1px;} }

#gNavi a:hover span {
	text-decoration: underline;
}

#gNavi .li02 {
	position: relative;
	z-index: 100;
}

#gNavi .li02 .login {
	background-color: #FFF;
	position: absolute;
	left: -122px;
	top: 17px;
	background: url(../img/common/login_top_bg.png) no-repeat left top;
	/*	display: none;*/
	padding-top: 25px;
	width: 325px;
}

#gNavi .login .subLogin {
	background: url(../img/common/login_btm_bg.png) no-repeat left bottom;
	padding: 10px 32px 22px 31px;
}

#gNavi .login .mailForm {
	float: none;
	margin: 0 0 16px;
	width: 261px !important;
}

#gNavi .login .mailForm table {
	border-collapse: collapse;
	margin: 0 0 11px 1px;
	width: 100%;
}

#gNavi .login .mailForm th {
	background: url(../img/common/icon03.gif) no-repeat left 6px;
	color: #000;
	font-size: 1.1rem;
	font-weight: normal;
	padding: 1px 0 0 10px;
	text-align: left;
	width: 70px;
	vertical-align: top;
}


#gNavi .login .mailForm td {
	padding: 0 0 8px 1px;
	text-align: left;
	vertical-align: top;
}

#gNavi .login .mailForm td span {
	color: #666;
	display: block;
	margin-top: 5px;
	font-size: 1rem;line-height: 1;
}

#gNavi .login .mailForm .textInput {
	border: 1px solid #CCC;
	height: 18px;
	width: 174px;
}

#gNavi .login .mailForm #fRemember {
	margin: -1px 0 0;
	vertical-align: middle;
}

#gNavi .login .link {
	color: #236758;
	text-align: center;
}

#gNavi .login .link a {
	color: #236758;
	line-height: 1.5;
}

#gNavi .forgot {
	position: absolute;
	left: -311px;
	top: 101px;
	color: #000;
	display: none;
	text-align: left;
}

#gNavi .forgot .subForgot {
	background-color: #FFF;
	border: 1px solid #9B9B9B;
	box-shadow: 0 0 20px #C4C4C4;
	padding: 20px 30px 50px;
	width: 526px;
	behavior: url(../../js/pie.htc);
}

#gNavi .forgot p {
	font-size: 1.1rem;
	line-height: 1.65;
	margin-right: 10px;
}

#gNavi .forgot .ttl {
	border-bottom: 1px solid #000;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 16px 0;
	padding-bottom: 8px;
}

#gNavi .forgot .txt {
	color: #dc2200;
	margin-bottom: 22px;
}

#gNavi .forgot .mailForm {
	float: none;
	width: 526px;
}

#gNavi .forgot .mailForm table {
	border-collapse: collapse;
	margin-bottom: 21px;
	width: 100%;
}

#gNavi .forgot .mailForm th {
	background: url(../../img/common/icon/icon03.gif) no-repeat left 6px;
	color: #000;
	font-size: 1.1rem;
	font-weight: normal;
	padding: 1px 0 0 10px;
	text-align: left;
	vertical-align: top;
}

#gNavi .forgot .mailForm td {
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}

#gNavi .forgot .mailForm .tdText {
	padding: 14px 0 12px;
}

#gNavi .forgot .mailForm td a {
	color: #236758;
}

#gNavi .forgot .mailForm .textInput01 {
	border: 1px solid #CCC;
	height: 18px;
	width: 397px;
}

#gNavi .forgot .mailForm .textInput02 {
	border: 1px solid #CCC;
	height: 18px;
	width: 192px;
}

#gNavi .forgot .mailForm .textInput03 {
	margin-right: 8px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { #gNavi .forgot .mailForm th,#gNavi .login .mailForm th { letter-spacing: -1px;} }

@media only screen and (max-width: 767px) {
	#gNavi {
		margin-right: 0;
		text-align: left;
		float: none;
		border-top: 1px solid #e8e8e8;
		background: #fff;
	}

	#gNavi li {
		display: block;
		text-align: left;
		padding-right: 0;
		border-bottom: 1px solid #e8e8e8;
	}

	#gNavi a {
		cursor: pointer;
		color: #333;
		line-height: 1.2;
		text-decoration: none;
		font-size: 1.2rem;
		display: block;
		padding: 10px;
	}

	#gNavi .li02 {
		position: relative;
		z-index: 100;
	}

	#gNavi .li02 .login {
		background-color: #FFF;
		position: relative;
		left: 0;
		top: 0;
		background: none;
		/*	display: none;*/
		padding-top: 0;
		width: 100%;
	}

	#gNavi .login .subLogin {
		background: none;
		padding: 10px;
	}
	#gNavi .login .subLogin > div:first-child {
		display: none;
	}

	#gNavi .login .mailForm {
		width: auto!important;
		margin-bottom: 10px;
	}

	#gNavi .login .mailForm table,
	#gNavi .login .mailForm table tr,
	#gNavi .login .mailForm table tbody{
		width: 100%;
		display: block;
	}

	#gNavi .login .mailForm th {
		background: url(../img/common/icon03.gif) no-repeat left 6px;
		color: #000;
		font-size: 1.1rem;
		font-weight: normal;
		padding: 1px 0 0 10px;
		text-align: left;
		width: 100%;
		display: block;
	}


	#gNavi .login .mailForm td {
		display: block;
		width: 100%;
		margin-top: 3px;
	}

	#gNavi .login .mailForm .textInput {
		height: 22px;
		width: 100%;
	}

	#gNavi input[type=image] {
		width: 100%;
	}
	.guide_menu li {
		display: block;
		text-align: left;
		padding-right: 0;
		border-bottom: 1px solid #e8e8e8;
	}
	.guide_menu li a {
		cursor: pointer;
		color: #FFF;
		background: #064B3C;
		line-height: 1.2;
		text-decoration: none;
		font-size: 1.2rem;
		font-weight: bold;
		display: block;
		padding: 10px;
	}
	.guide_menu li ol {
		border-top: 1px solid #e8e8e8;
	}
	.guide_menu li ol li {
	}
	.guide_menu li ol li a {
		cursor: pointer;
		color: #333;
		background: #FFF;
		line-height: 1.2;
		text-decoration: none;
		font-size: 1.2rem;
		font-weight: bold;
		display: block;
		padding: 10px;
	}
}

/* header-buttons */

.header-buttons {
	position: absolute;
	display: inline-block;
	top: 3px;
	right: 5%;
	background: #999;
	z-index: 11;
}
.header-buttons li {
	display: inline-block;
}

.cart-trigger, .nav-trigger {
	position: relative;
	display: block;
	height: 44px;
	overflow: hidden;
	white-space: nowrap;
	z-index: 3;
	cursor: pointer;
	background: #fff;
}
.nav-trigger {
	color: transparent !important;
}

p.cart-trigger a:link,
p.cart-trigger a:visited,
p.cart-trigger a:hover,
p.cart-trigger a:active {
	text-decoration: none;
	color: #525263;
}
p.cart-trigger:hover {
	opacity: 0.8;
}
p.cart-trigger a {
	display: inline-block;
	width: 50px;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	text-align: center;
	outline: none;
}
p.cart-trigger .cb {
	vertical-align: middle;
	font-size: 30px;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
p.cart-trigger .cb-close {
	opacity: 0;
	position: absolute;
	left: 13px; top: 9px;
	font-size: 24px;
}
p.cart-trigger .badge {
	position: absolute;
	right: 1px; top: 5px;

}
p.cart-trigger.cart-is-visible .cb-shopping-cart,
p.cart-trigger.cart-is-visible span.badge {
	/* hide cart icon */
	opacity: 0;
}
p.cart-trigger.cart-is-visible .cb-close {
	/* show close icon */
	opacity: 1;
}

#btn_menu {
	margin: 0;
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 11;
}

.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
	/* hamburger icon in CSS */
	position: absolute;
	display: inline-block;
	height: 3px;
	width: 24px;
	background: #525263;
}
.nav-trigger span {
	/* line in the center */
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -2px;
	margin-right: -12px;
	-webkit-transition: background 0.3s 0.3s;
	-moz-transition: background 0.3s 0.3s;
	transition: background 0.3s 0.3s;
}
.nav-trigger span::before, .nav-trigger span::after {
	/* other 2 lines */
	content: '';
	right: 0;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}
.nav-trigger span::before {
	/* menu icon top line */
	top: -6px;
}
.nav-trigger span::after {
	/* menu icon bottom line */
	top: 6px;
}
.drawer-open .nav-trigger span {
	/* hide line in the center */
	background: rgba(46, 50, 51, 0);
}
.drawer-open .nav-trigger span::before, .drawer-open .nav-trigger span::after {
	/* keep visible other 2 lines */
	background: #525263;
}
.drawer-open .nav-trigger span::before {
	-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
	transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.drawer-open .nav-trigger span::after {
	-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
	transform: translateX(4px) translateY(2px) rotate(-45deg);
}


/****** drawer Setting ********/

.drawer {
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	width: 260px;
	background: #F6F6F6;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 1;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
@media only screen and (max-width: 767px) {
	#guest_box.col-sm-4 {
		width: 100% !important;
	}
}

/*	Category navigation
--------------------------- */

/* category-nav */

.drawer .category-nav {
	margin-bottom: 16px;
}
.category-nav a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	color: #525263;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	border-bottom: 1px solid #E8E8E8;
}
.category-nav a.has-toggle {
	padding-right: 50px;
}
.category-nav a:link,
.category-nav a:visited,
.category-nav a:hover,
.category-nav a:active {
	text-decoration: none;
}
.category-nav a:hover {
	background: rgba(204, 204, 204, 0.1);
}
.category-nav a .toggle {
	display: block;
	position: absolute;
	right: 10px; top: 5px;
	width: 40px; height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
}
.category-nav .active > .toggle .cb {
	-webkit-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	transform:rotate(-180deg)
}
.category-nav li > a:hover {
	background: rgba(204, 204, 204, 0.1);
}
.category-nav li > a.active {
	background: rgba(204, 204, 204, 0.1);
}

.category-nav ul {
	display: none;
}
.category-nav ul > li > a {
	padding-left: 18px;
}
.category-nav ul > li > ul > li > a {
	padding-left: 26px;
}
.category-nav ul > li > ul > li > ul > li a {
	padding-left: 42px;
}



/****** Footer Setting ********/
#footer {
	clear: both;
	/*overflow: hidden;*/
	padding-bottom: 18px;
}

#footer .fBox {
	margin: 40px 0 24px;
}

#footer .fNavi {
/*float: left;
width: 890px;*/
width: 100%;
}

#footer .fNavi li {
	float: left;
	font-size: 1.4rem;
	font-weight: bold;
	margin-right: 12px;
	width: 120px;
	word-break: break-all;
}

#footer .fNavi .wide01,
#footer .fNavi .wide01 li {
	/*width: 143px;*/
	width: 159px;
}

#footer .fNavi .wide02,
#footer .fNavi .wide02 li {
	width: 130px;
}

#footer .fNavi .wide03,
#footer .fNavi .wide03 li {
	width: 90px;
}

#footer .fNavi .subNavi {
	padding-top: 8px;
}

#footer .fNavi .subNavi li {
	float: none;
	font-size: 1rem;
	font-weight: normal;
	line-height: 2.05;
	margin: 0;
}

#footer .fNavi .subNavi li a {
	background: url(../img/common/icon01.gif) no-repeat left 7px;
	display: inline-block;
	padding-left: 11px;
	color: #444;
}

#footer .fLink {
	float: right;
	margin-top: 34px;
}
#footer .fInner {
	position: relative;
}
#footer .fInner .fLogo {
	float: left;
	margin-right: 15px;
}

#footer .fInner p {
	color: #2D2D2D;
	float: left;
	font-size: 1.1rem;
	margin-top: 5px;
}

#footer .fInner .fTel {
	width: 540px;
}

#footer .fInner .copyright {
	float: right;
	text-align: right;
	width: 400px;
}
.side_buttons {
	position: fixed;
	top: 20%;
	right: 0;
	z-index: 10;
}
/* Firefoxのみ適用 */
@-moz-document url-prefix() {
	.side_buttons {
		right: 20px;
	}
}
.side_pc_cart {
	margin-bottom: 20px;
}
.side_pc_guide {
}
.side_pc_cart a,
.side_pc_guide a {
	display: block;
	max-height: 140px;
	color: #FFF;
	background: #064B3C;
	padding: 20px 10px;
	writing-mode: tb-rl;/* IE独自 */
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
.side_pc_cart a:hover,
.side_pc_guide a:hover {
	opacity: 0.7;
}
@media only screen and (max-width: 767px) {

	#footer {
		clear: both;
		overflow: hidden;
		padding-bottom: 10px;
	}

	#footer .fBox {
		margin: 20px 0 0;
	}

	#footer .fNavi li {
		margin-right: 0;
	}

	#footer .fNavi .wide01,
	#footer .fNavi .wide02,
	#footer .fNavi .wide03 {
		width: 50%;
		padding: 0 10px;
		margin-bottom: 10px;
	}

	#footer .fNavi .wide01 li,
	#footer .fNavi .wide02 li,
	#footer .fNavi .wide03 li {
		width: 100%;
	}
	#footer .fNavi .wide03{
		clear: left;
	}
	#footer .fInner .fLogo {
		float: left;
		margin-right: 15px;
	}

	#footer .fInner p {
		color: #2D2D2D;
		float: left;
		font-size: 1.1rem;
		margin-top: 5px;
	}

	#footer .fInner .fTel {
		width: auto;
		overflow: hidden;
	}

	#footer .fInner .copyright {
		float: none;
		text-align: center;
		width: auto;
		clear: both;
	}
}


.pagetop {
	display: none;
	text-align: right;
	position: absolute;
	bottom: 100%; right: 26px;
	z-index: 2;
}
.pagetop a {
	display: inline-block;
	position: relative;
	width: 34px; height: 34px;
}
.pagetop a:hover {
	opacity: 0.8;
}
.pagetop a .cb-angle-down {
	fill: #fff;
	font-size: 25px;
	font-size: 2.5rem;
	position: absolute;
	top: 50%; left: 50%;
	margin-left: -0.5em;
	margin-top: -0.5em;
	-webkit-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	transform:rotate(-180deg);
}

/****** Each BlockParts Setting ********/

/* Cart */

.cart {
	position: absolute;
	height: 50px;
	width: 100%;
	top: 50px;
	left: 0;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}

.cart.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}


/* Search */

.bt_search {
	border: 0;
	background: none;
	position: absolute;
	right: 0; top: 0;
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	white-space: nowrap;
	z-index: 1;
}
.bt_search .cb-search {
	fill: #636378;
	font-size: 25px;
	font-size: 2.5rem;
}

#searchform {
	position: relative;
}

.search select {
	height: 50px;
	border: 1px solid #ccc;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0.5em 1em;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search select option {
	max-width: 190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.search .input_search {
	height: 50px;
	padding: 0 50px 0 1em;
	border-bottom: 1px solid #ccc;
	position: relative;
	margin-left: 1%;
}

.search input[type="search"] {
	height: 50px;
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	border: 0 none;
	padding: 0.5em 0;
	box-shadow: none;
	background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search .bt_search {
	margin-top: 3px;
}


/* Member area */

.member_link {
	margin-bottom: 16px;
}
.member_link a {
	border-bottom: 1px solid #e8e8e8;
	color: #525263;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	padding: 0 10px;
	text-overflow: ellipsis;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
	white-space: nowrap;
}
.member_link a:hover {
	color: #9797a1;
}
.member_link a .cb {
	font-size: 30px;
	font-size: 3rem;
	fill: #B8BEC4;
	margin-right: 5px;
	position: relative;
	top: -1px;
}
.member_link a:hover .cb {
	fill: #c6cbd0;
}

/* News List */

.newslist {
	text-align: center;
}
.newslist dl {
	text-align: left;
	border-top: 1px dotted #ccc;
}
.newslist dl:first-child {
	border-top: none;
}
.newslist dt {
	cursor: pointer;
	padding: 8px;
	position: relative;
}
.newslist dt span {
	display: block;
}
.newslist dt .angle-circle {
	position: absolute;
	right: 16px;top: 17px;
	display: inline-block;
	width: 21px; height: 21px;
	border-radius: 50%;
	background: #B8BEC4;
}
.newslist dt .cb {
	position: relative;
	top: -1px; left: 5px;
	fill: #fff;
	font-size: 11px;
	font-weight: normal;
}
.newslist dt:hover .news_title {
	text-decoration: underline;
}
.newslist dt.active .cb {
	position: relative;
	top: -2px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.newslist dt:hover .cb {
	opacity: 0.8;
}
.newslist dd {
	font-size: 0.9em;
	line-height: 150%;
	display: none;
	color: #777;
	margin: 0 8px 8px;
	padding: 0 15px;
}
.newslist dd a {
	text-decoration: underline;
}
.newslist dd a.btn_newsDetail {
	font-size: 0.9em;
	line-height: 150%;
	display: block;
	width: 30%;
	min-width: 100px;
	color: #FFF;
	background: #064B3C;
	margin: 12px 0;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
}
a#news_readmore {
	display: inline-block;
	font-size: 1.1em;
	line-height: 1.84;
	color: #444;
	background: url(../img/common/ico_link01.png) right center no-repeat;
	margin: 0 auto;
	padding-right: 20px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.newslist dt .angle-circle {
		/*display: none;*/
	}
	.newslist dt span.news_title {
		/*text-decoration: underline;*/
		padding-right: 38px;
	}
	.newslist dd a.btn_newsDetail {
		width: auto;
	}
}

/* Item List Page
------------------------------------------- */

.product_item {
	position: relative;
}
.product_item a {
	display: block;
}
.product_page .product_item a {
	padding-bottom: 16px;
}
.product_item a:hover {
	background: rgba(255,255,255,0.3);
	text-decoration: none;
}
.product_item a:hover img {
	opacity: 0.8;
}
.item_photo {
	display: block;
	margin: 0 0 8px;
	text-align: center;
}
.item_photo img {
	width: 100%;
}
.product_item .btn_circle {
	position: absolute;
	right: 8px; top: 8px;
}
.item_comment {
	margin: 0 0 8px;
}
.item_name {
	color: #525263;
	margin: 0 0 8px;
}
.item_price {
	color: #525263;
	font-weight: bold;
}
.item_price .small {
	font-size: 86%;
}

.special_price {
	color: #DE5D50;
}

/* Item Detail Page
------------------------------------------- */


dl.quantity dt {
	float: left;
	min-height: 40px;
	line-height: 40px;
	vertical-align: middle;
}
dl.quantity dd {
	padding-left: 3em;
}

.classcategory_list li {
	margin-bottom: 8px;
}
.classcategory_list li:first-child {
	margin-top: 0;
}
.btn_area .btn {
	height: 56px;
	line-height: 56px;
	vertical-align: middle;
	padding-top: 0;
	padding-bottom: 0;
}
.btn_area .btn:hover {color: #fff;
	opacity: .7;
}
.btn_area .btn_icon .cb {
	display: inline-block;
	font-size: 30px;
	font-size: 3.0rem;
	height: 54px;
	line-height: 54px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

#item_photo_area {
	padding-top: 8px;
	padding-bottom: 8px;
	z-index: 9;
	position: relative;
}
#item_photo_area img {
	text-align: center;
}
#item_detail_area{
	z-index:1;
	position: relative;
	padding-top: 41px;
}
#item_detail_area .small {
	font-size: 10px;
	font-size: 1rem;
	font-weight: normal !important;
}
#item_detail_area .item_name {
	font-size: 20px;
	font-size: 2rem;
	font-weight: normal;
	margin-bottom: 5px;
}
#item_detail_area .item_detail p {
	margin: 0;
}
#item_detail_area .item_detail .sale_price {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
#item_detail_area .item_detail .sale_price .text-primary {
	font-size: 1.2em;
}
#item_detail_area .item_detail .announce {
	padding: 8px 0;
	font-weight: bold;
}
#item_detail_area .item_detail .point {
	padding: 8px 0;
}
#item_detail_area .item_detail .item_code {
	padding: 8px 0;
}
#item_detail_area .item_detail .relative_cat {
	padding: 8px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
#item_detail_area .item_detail .item_comment {
	margin-bottom: 8px;
}
.cart_area {
	padding-top: 8px;
}
.cart_area .step{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:5px 0 5px 130px;
	min-height:30px;
	background-repeat:no-repeat;
	background-position:left center;
	font-size:1.7rem;
}
.cart_area .step1{
	background-image:url(../img/common/ico_step1.png);
}
.cart_area .step2{
	background-image:url(../img/common/ico_step2.png);
}
.cart_area .step3{
	background-image:url(../img/common/ico_step3.png);
}
.cart_area .classcategory_list{
	margin-bottom:10px;
}
.cart_area .classcategory_list li select {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	margin-top:10px;
	width: auto;
	width:100%;
	background:url(../img/common/ico_select.png) no-repeat right 12px center;
}
.cart_area .quantity {
	margin: 8px 0;
}
.cart_area .quantity dd input {
	max-width: 100px;
	-moz-appearance:textfield;
}
#item_detail .snsbtn_area {
	padding: 8px 0;
}

/* freearea */

#item_detail .freearea p {
	margin-top: 0;
}
#item_detail .freearea .heading01 {
	margin-bottom: 8px;
}

/* relative_cat */

.relative_cat > p {
	margin: 0;
}
.relative_cat ol {
	list-style: none;
}
.relative_cat li {
	display: inline-block;
	color: #333;
}
.relative_cat li a {
	padding: 0 0.5em;
	display: inline-block;
}
.relative_cat li:first-child a {
	padding-left: 0;
}

.relative_cat li:after {
	content:" > ";
}
.relative_cat li:last-child:after {
	content:"";
}

/* review_area */

#review_area {
	border-top: 1px solid #E8E8E8;
	padding-bottom: 0;
}
#review_area dl dt {
	padding: 16px 0;
	cursor: pointer;
}
#review_area dl dt:hover {
	color: #9797A0;
}
#review_area dl dt.active .cb {
	transform: rotate(180deg);
}
#review_area dl dt .cb {
	position: absolute;
	right: 16px;
	top: 17px;
}
#review_area dl dd {
	display: none;
	padding-bottom: 0;
}
#review_area dl dd .review_btn a {
	margin: 0 auto;
	padding: 16px;
	width: 100%;
}
#review_area .review_list {
	padding: 8px 0;
}
#review_area .review_list li {
	padding: 8px 0;
}
#review_area .review_list p {
	margin: 4px 0;
}
#review_area .review_list .review_date {
	font-weight: bold;
}
#review_area .review_list .recommend_level {
	margin-left: 16px;
}
#review_area .review_list .recommend_level span {
	color: #DE5D50;
}

/* keyword_area */

#keyword_area {
	border-top: 1px solid #E8E8E8;
}
#keyword_area .heading03 {
	padding: 8px 0 0;
}
#keyword_area ul li {
	display: inline-block;
	margin-right: 5px;
}
#keyword_area ul li a {
	display: inline-block;
	padding: 5px;
	font-size: 10px;
	background: #F5F7F8;
	border: 1px solid #D7DADD;
	color: #525263;
}
#keyword_area ul li a:hover {
	background: #EEF1F3;
}

/* recommend_area */

#recommend_area {
	border-top: 1px solid #E8E8E8;
}
#recommend_area .carousel {
	margin-left: -8px;
	margin-right: -8px;
}
#recommend_area .carousel .product_item {
	padding: 0 8px;
}
#recommend_area .carousel .product_item .btn_circle {
	right: 16px;
}
#recommend_area .slick-prev,
#recommend_area .slick-next {
	border: 0 none;
	background: 0 none;
	padding: 0; margin: 0;
	text-shadow: none;
	box-shadow: none;

	position: absolute;
	font-size: 18px;
	font-size: 1.8rem;
	width: 36px; height: 36px;
	line-height: 36px;
	vertical-align: middle;
	top: -2em;
}

#recommend_area .angle-circle {
	display: inline-block;
	background: #bfbfbf;
	border-radius: 50%;
	width: 30px; height: 30px;
	margin-top: 3px;
}
#recommend_area .slick-prev .cb,
#recommend_area .slick-next .cb {
	fill: #fff;
	position: relative;
	top: -4px; right: -2px;
	font-size: 25px;
	font-size: 2.5rem;
}
#recommend_area .slick-prev .cb {
	left: -2px;
	-webkit-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	transform:rotate(-180deg)
}

#recommend_area .slick-prev:hover,
#recommend_area .slick-next:hover {
	opacity: 0.8;
}

#recommend_area .slick-disabled {
	opacity: 0.4;
	cursor: default;
}
#recommend_area .slick-disabled:hover {
	opacity: 0.4;
}

#recommend_area .slick-next {
	right: 0;
}
#recommend_area .slick-prev {
	right: 40px;
	left: auto;
}
#recommend_area .item_name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* product_tag */
.product_tag_list {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 80%;
	color: #525263;
	border: solid 1px #D7DADD;
	border-radius: 3px;
	background-color: #F5F7F8;
}

/* Cart Page
------------------------------------------- */

#form_cart > .message:first-child {
	padding-top: 16px;
	margin-top: 16px;
	background: #F4F3F0;
}
#form_cart > .message:first-child p.sp {
	border-bottom: 1px dotted #525263;
}
#form_cart > .message:first-child p:nth-child(2) {
	font-size: 1.2em;
}

.total_box {
	padding: 8px 0;
}
.total_box dl {
	margin-left: 40%;
}
.total_box dl dt {
	float: left;
	width: 45%;
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
}
.total_box dl dd {
	padding-left: 50%;
	text-align: right;
}
.total_box dl.total_price dd {
	font-weight: bold;
}
.total_box .btn_group {
	padding: 8px 0;
}
.total_box .btn_group p {
	margin: 8px 0;
}

.cart_item {
	border-top: 1px dotted #ccc;
}
.cart_item .item_box > .td {
	border-bottom: 1px dotted #ccc;
}
.cart_item .item_box .td {
	vertical-align: middle;
}
.cart_item .icon_edit {
	position: static;
	width: 8.3333333333%;
}
.cart_item .icon_edit a .cb {
	color: #B8BEC4;
	fill: #B8BEC4;
	font-size: 20px;
	font-size: 2rem;
}
.cart_item .icon_edit a:hover .cb {
	opacity: 0.8;
}
.cart_item .item_box a:hover img {
	opacity: 0.8;
}
.cart_item .item_box .table {
	width:58.33333333%;
}
.cart_item .item_box .table .item_photo {
	float: left;
}
.cart_item .item_box .table .item_name {
	display: block;
	text-align: left;
}
.cart_item .item_box .table .item_detail {
}
.cart_item .item_box .table .item_photo {
	min-width: 80px;
	padding-right: 8px;
}
.cart_item .item_box .table .item_detail {
	text-align: left;
}
.cart_item .item_box .table .item_name a {
	font-weight: bold;
	color: #525263;
}
.cart_item .item_box .table .item_name a:hover {
	color: #9797a1;
}
.cart_item .item_detail .item_subtotal {
	display: block;
}
.cart_item.table .tbody .tr div.item_subtotal {
	display: none;
}
.cart_item .item_quantity {
	width: 16.66666667%;
}
.cart_item .item_quantity::before {
	content: "数量：";
}
.cart_item .item_quantity ul {
	text-align: center;
	white-space: nowrap;
}
.cart_item .item_quantity ul li {
	display: inline-block;
	margin: 8px 4px;
}
.cart_item .item_quantity ul li a,
.cart_item .item_quantity ul li span {
	display: inline-block;
	width: 32px; height: 32px;
	line-height: 32px;
	vertical-align: middle;
	border-radius: 50%;
}
.cart_item .item_quantity ul li a {
	background: #FFF;
	border: 2px solid #c9c9c9;
}
.cart_item .item_quantity ul li span {
	border: 2px solid #e9e9e9;
}
.cart_item .item_quantity ul li a .cb {
	color: #525263;
	fill: #525263;
	margin-top: 6px;
	vertical-align: top;
}
.cart_item .item_quantity ul li span .cb {
	color: #babac1;
	fill: #babac1;
	margin-top: 6px;
	vertical-align: top;
}
.cart_item .item_quantity ul li a:hover {
	opacity: 0.8;
}
@media (max-width: 640px) {
	#form_cart > .message:first-child {
		padding: 16px;
	}
	#form_cart > .message:first-child p {
		text-align: left;
	}
	#form_cart > .message:first-child p.sp {
		border-bottom: 1px dotted #525263;
		padding-bottom: 1em;
		font-weight: bold;
		display: flex!important;
		align-items: baseline;
		justify-content: space-between;
	}
	#form_cart > .message:first-child p.sp span {
		color: #DE5D50;
		font-size: 1.4em;
	}
	#form_cart > .message:first-child p:nth-child(2) {
		font-size: 0.9em;
	}
	#form_cart > .message:first-child p:last-child {
		font-size: 0.8em;
	}
	.fix_cart {
		position: fixed;
		bottom: 16px;
		left: 16px;
		z-index: 100;
		width: calc(100% - 32px);
	}
	.fix_cart a {
		cursor: pointer;
		display: block;
		width: 100%;
		color: #FFF;
		background: #034a3c;
		padding: 12px;
		text-align: center;
		border-radius:16px;
		box-shadow: 0px 2px 2px #525263;
	}
	#cart_item_list__item div.td:nth-child(2) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		-webkit-flex-wrap: wrap;
	}
	.cart_item .item_box .table .item_photo {
		float: none;
		width: calc(100% * 1/3);
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.cart_item .item_box .table .item_name {
		float: none;
		width: calc(100% * 2/3);
		text-align: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.cart_item .item_box .table .item_detail {
		clear: both;
		width: 100%;
	}
}


.column p {
	margin: 8px 0;
}
.column select {
	width: 100%;
}
.column textarea {
	width: 100%;
	height: 6em;
}
.column.is-edit > p {
	margin-right: 4em;
	min-height: 40px;
}
.column.is-edit .btn_edit {
	margin: 0;
	position: absolute;
	right: 0; top: 0;
}
.column .form-inline input,
.column .form-inline select {
	margin-bottom: 8px;
}

.address_table {
	border-bottom: 1px dotted #ccc;
}
.addr_box {
	position: relative;
}
.addr_box .icon_radio {
	vertical-align: middle;
	text-align: center;
	max-width: 32px;
}
div.table .tbody .addr_box .column {
	text-align: left;
}
.addr_box .column .address {
	margin: 0;
}
.addr_box .column.is-edit .address {
	margin: 0 4em 0 0;
	min-height: 40px;
}
.addr_box .column.is-edit .btn_edit {
	top: 10px;
}
.addr_box > .td {
	border-top: 1px dotted #ccc;
}

/* payment_list */

.payment_list li {
	margin-bottom: 8px;
}
.payment_list li img {
	margin-top: 5px;
}
#shopping_confirm .payment_list .radio label{
	font-weight: normal;
}





/* MyPage
------------------------------------------- */
.mypage_point_exchange a:hover img {
	opacity: .7;
}

.local_nav ul {
	border-color: #D0D0D0;
	border-style: solid;
	border-width: 1px 0 0 1px;
}

.local_nav ul:before,.local_nav ul:after {content:" ";display:table}
.local_nav ul:after {clear:both}

.local_nav li {
	float: left;
	width: 50%;
/* 項目が1行に3件の場合
width: 33.33333333%;*/
border-color: #D0D0D0;
border-style: solid;
border-width: 0 1px 1px 0;
text-align: center;
}
.local_nav li a {
	padding: 16px;
	font-weight: bold;
	color: #525263;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.local_nav li a:hover {
	background: #f5f7f8;
}
.local_nav li.active a {
	color: #DE5D50;
}
.order_detail dt {
	float: left;
	font-weight: bold;
}
.order_detail dd {
	padding-left: 7em;
}



.historylist_column {
	border-top: 1px solid #ccc;
	margin: 0;
}
.historylist_column > div {
	padding: 0;
}
.historylist_column .order_date {
	margin: 8px 0;
}
.historylist_column .table.item_box {
	border-top: 1px dotted #ccc;
}
.historylist_column .table.item_box .td {
	vertical-align: middle;
}
.historylist_column .order_date {
	font-size: 16px;
	font-size: 1.6rem;
}
.historylist_column .table.item_box .tbody .item_detail {
	padding: 8px 0;
	text-align: left;
}
.historylist_column .item_box .item_photo {
	padding: 8px 0;
	width: 20%;
	margin-bottom: 0;
	max-width: none;
	min-width: 100px;
}
.historylist_column .item_box .item_detail .item_name {
	font-weight: bold;
}
.historylist_column .item_box .item_detail .item_price {
	font-weight: normal;
	margin: 4px 0 8px;
}
.historylist_column + .pagination {
	margin-top: 0;
	border-top: 1px solid #ccc;
}

.mail_list dl {
	margin-bottom: 8px;
	border-bottom: 1px dotted #ccc;
}
.mail_list dl dt {
	margin-bottom: 4px;
}
.mail_list dl dd {
	margin-bottom: 8px;
}

.address_table .icon_edit {
	width: 8.33333%;
	vertical-align: middle;
}
.address_table .icon_edit a .cb {
	color: #b8bec4;
	fill: #b8bec4;
	font-size: 2rem;
}

.unsubscribe_box {
	text-align: center;
}
.unsubscribe_box .icon {
	font-size: 100px;
	font-size: 10rem;
	color: #E7E7E7;
}
.unsubscribe_box h3 {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 16px;
}

#entry_birth select {
	margin: 0 8px;
}
#entry_birth select:first-child {
	margin-left: 0;
}
#entry_sex .radio {
	display: inline-block;
	margin-right: 10px;
}
#entry_sex .radio input[type="radio"] {
	margin-right: 10px;
}

.mypage .dl_table dt label {
	font-weight: bold;
}

#delivery_address_list div.is-edit {
	position: relative;
}

/* Error Page */

.message_box {
	text-align: center;
	padding-bottom: 50px;
}
.message_box .icon {
	font-size: 100px;
	font-size: 10rem;
	color: #ccc;
}
.message_box h1 {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 16px;
}
.message_box .btn_group {
	margin-top: 30px;
}
.error_page #contents {
	background: inherit;

}


/****** Effect Setting ********/

/* Overlay */
.overlay {
	/* shadow layer visible when navigation is active */
	position: fixed;
	z-index: 2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	background-color: rgba(0,0,0, 0.5);
	visibility: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.overlay.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

/* modal */

.modal-header .close {
	font-size: 22px;
	font-size: 2.2rem;
}
.modal-content {
	background-color: #F3F3F3;
}
.modal-body .form-control {
	width: 100%;
}
.modal-body .quantity {
	width: 50%;
	float: right;
	text-align: right;
	padding: 16px 0;
	font-size: 16px;
	font-size: 1.6rem;
}
.modal-body .quantity dd input {
	text-align: right;
}
.modal-body .classcategory_list li {
	margin-top: 16px;
}
.modal-body .classcategory_list li:first-child {
	margin-top: 0;
}
.modal-body .item_price {
	margin: 0;
	clear: both;
	text-align: right;
	font-size: 16px;
	font-size: 1.6rem;
}
.modal-body .item_price .small {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	margin-left: 5px;
}
.modal-footer {
	padding: 16px 0;
	margin: 0 16px;
}
.modal-footer .btn_area {
	padding-bottom: 0;
}
.modal-footer .btn_area li:last-child {
	padding-left: 0;
}
.modal-footer .btn_area button {
	font-size: 16px;
	font-size: 1.6rem;
	height: 56px;
	line-height: 56px;
	vertical-align: middle;
	padding-top: 0;
	padding-bottom: 0;
}
.modal-footer .btn_area .btn_icon .cb {
	display: inline-block;
	font-size: 30px;
	font-size: 3.0rem;
	height: 54px;
	line-height: 54px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}


/****** Each Page Setting ********/

/* Item List Page
------------------------------------------- */

/* Item Detail Page
------------------------------------------- */

/* Cart Page
------------------------------------------- */

.cart_page .dl_table {
	margin: 0 0 16px;
}
.cart_page .dl_table dt {
	font-weight: bold;
	margin-bottom: 5px;
}
.cart_page .form_terms_link {
	margin-bottom: 0;
}
#shopping_confirm .cart_item.table {
	border-top: 0 none;
}
#shopping_confirm .cart_item .item_box .table {
	width:100%;
}
#shopping_confirm .total_box {
	margin-top: 16px;
	background: #F3F3F3;
	padding: 8px;
}
#shopping_confirm .total_box dl {
	margin-left: 0;
}
#shopping_confirm .total_box dl dt {
	font-weight: normal;
	text-align: left;
}
#shopping_confirm .total_box .total_amount {
	border-top: 1px dotted #ccc;
	text-align: right;
}
#shopping_confirm .total_box .total_amount {
	margin-top: 8px;
}
#shopping_confirm .total_box .total_amount p {
	margin: 8px 0 0;
}
#shopping_confirm .total_box .total_amount p.total_price {
	font-weight: bold;
}
#shopping_confirm .total_box .total_amount p.total_price strong {
	font-size: 16px;
	font-size: 1.6rem;
	margin-left: 16px;
}
#shopping_confirm .total_box .total_amount p.total_price strong .small {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	margin-left: 8px;
}
#shopping_confirm .total_box .total_amount p.total_point {
	margin: 4px 0 0;
}
#shopping_confirm .cart_item .item_box .table .item_name {
	margin-bottom: 0;
}
#shopping_confirm .cart_item .item_box .table .item_photo {
	max-width: 96px;
}
#shopping_confirm .cart_item .item_box .table .item_price {
	font-weight: normal;
	display: inline;
	margin-right: 16px;
}
#shopping_confirm .cart_item .item_box .table .item_subtotal {
	display: inline;
}
#shopping_confirm label {
	font-weight: bold;
}

#shopping_confirm .heading02 {
	margin-top: 24px;
	font-weight: bold;
	background: #EFEFEF;
	padding: 8px 12px;
}
#shopping_confirm .column {
	position: relative;
}
.heading02 + .column .btn_edit {
	position: absolute;
	right: 0; top: 0;
}

#deliveradd_input .dl_table {
	border-top: 0 none;
}

.shipping_multiple_table {
	background-color: #f4f4f4;
}

.shipping_multiple_table .item_box > .td {
	border-bottom: none;
}

.shipping_multiple_table .item_box .item_photo {
	max-width: 200px;
	min-width: 200px;
	padding-right: 200px;
}

.shipping_item .quantity {
	width: 100px;
}


.use_point {
	text-align: center;
	margin: 16px 0;
}
.use_point input {
	text-align: right;
	width: 10%;
	min-width: 130px;
}
.use_point .text_accent {
	margin: 0 5px;
}

.multiple_column {
	padding-bottom: 16px;
}
.multiple_column .item_box {
	background: #F3F3F3;
}
.multiple_column .table.item_box .td {
	vertical-align: middle;
}
.multiple_column .table.item_box .tbody .item_detail {
	padding: 8px 0;
	text-align: left;
}
.multiple_column .item_box .item_photo {
	padding: 8px;
	width: 22%;
	margin-bottom: 0;
	max-width: none;
	min-width: 100px;
}
.multiple_column .item_box .item_detail .item_name {
	font-weight: bold;
}
.multiple_column .item_box .item_detail .item_price {
	font-weight: normal;
	margin: 4px 0 8px;
}
.multiple_column .form-group {
	margin: 8px 10px 0 0;
}
.multiple_column .item_quantity input {
	width: 100px;
}

.complete_message {
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.complete_message {
		text-align: left;
	}
	#confirm_side.col-sm-4 {
		width: 100%;
		margin-top: 20px !important;
	}
}
.complete_message .heading01 {
	font-size: 24px;
	font-size: 2.4rem;
}



/* MyPage
------------------------------------------- */

.mypage .message {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 11px;
}
.mypage #item_list .product_item {
	padding-bottom: 8px;
}
.mypage #item_list .item_name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 2px;
}
.mypage #item_list .btn_circle span {
	position: relative;
	top: 3px;
}

.mypage .not_required {
	margin-top: 40px;
}

.mypage .title_hint {
	margin: 16px 0 0;
}
.mypage .title_hint + .form-group {
	padding-top: 4px;
}


/* Registration Page
------------------------------------------- */

.registration_page .not_required {
	margin-top: 16px;
}

.registration_page .title_hint {
	margin: 16px 0 0;
}
.registration_page .title_hint + .form-group {
	padding-top: 4px;
}
.registration_page .dl_table {
	margin: 0 0 16px;
}
.registration_page .dl_table dt {
	margin-bottom: 5px;
}
.registration_page .dl_table dt label {
	font-weight: bold;
}
.registration_page .form_terms_link {
	margin-bottom: 0;
}


/* Other Page
------------------------------------------- */


/* Login Page */

#login_box {
	padding-bottom: 32px;
}
#login_box .column {
	background: #F3F4F4;
	height: 100%;
	padding: 8px 8px 32px;
	margin-bottom: 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#login_box .column p {
	margin-top: 0;
	margin-bottom: 0;
}
#login_box .column  .icon {
	text-align: center;
	font-size: 70px;
	color: #e7e7e7;
}
#login_box .column  .icon svg {
	vertical-align: middle;
}
#login_box .column .form-group {
	padding: 8px 0 8px 10%;
}
#login_box .column input[type="text"],
#login_box .column input[type="email"],
#login_box .column input[type="password"]{
	width: 90%;
}
#login_box .column .form-group label {
	display: inline-block;
	padding	: 5px 0;
}
#login_box .column .btn_area {
	padding: 8px 10%;
}
#login_box .column .btn_area ul {
	margin-top: 8px;
}

#login_box .column .message {
	padding: 8px 10%;
}

/* Forgot Page */

#forgot_page .column {
	background: #F3F4F4;
	padding: 16px;
	margin-bottom: 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#forgot_page .column .form-group {
	padding-top: 8px;
}
#forgot_page .form-group.input_name input[type="text"] {
	float: left;
	width: 49%;
}
#forgot_page .column p {
	margin: 0;
}
#forgot_page .column .btn_area {
	padding-top: 8px;
}
#forgot_page .column .btn_area p {
	margin: 0;
}
#forgot_page .column h2 {
	margin: 0 0 8px;
}

/* Contact Page */

#contact_contents {
	height: 100px;
}


/*	module
============================ */

.no-padding {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.is-padding {
	padding-left: 16px !important;
	padding-right: 16px !important;
}
.no-border-bottom {
	border-bottom: 0 none !important;
}
button.no-style {
	border: 0 none;
	background: none;
	padding: 0; margin: 0;
	text-shadow: none;
	box-shadow: none;
}
.text_accent {
	font-weight: bold;
}

/*	color setting
============================ */

/* text */
.text-default {
	color: #525263;
}
a.text-default:hover {
	color: #9797a1;
}
.text-primary {
	color: #DE5D50;
}
a.text-primary:hover {
	color: #e57d73;
}
.text-success {
	color: #18A689;
}
a.text-success:hover {
	color: #0D8969;
}
.text-info {
	color: #31708f;
}
a.text-info:hover {
	color: #245269;
}
.text-warning {
	color: #9A947E;
}
a.text-warning:hover {
	color: #AEA998;
}
.text-danger {
	color: #DE5D50;
}
a.text-danger:hover {
	color: #CF3F34;
}

/* bg */

.bg-default {
	color: #fff;
	background-color: #525263;
}
a.bg-default:hover {
	background-color: #9797a1;
}
.bg-primary {
	color: #fff;
	background-color: #DE5D50;
}
a.bg-primary:hover {
	background-color: #e57d73;
}
.bg-primary-border {
	color: #DE5D50;
	border: 2px solid #DE5D50;
	background: #fff;
}
a.bg-primary-border:hover {
	border: 2px solid #DE5D50;
	background: #FDF6F6;
}
.bg-success {
	background-color: #dff0d8;
}
a.bg-success:hover {
	background-color: #c1e2b3;
}
.bg-success-border {
	color: #5CB1B1;
	border: 2px solid #5CB1B1;
	background: #fff;
}
a.bg-success-border:hover {
	border: 2px solid #5CB1B1;
	background: #EEF7F7;
}
.bg-info {
	background-color: #d9edf7;
}
a.bg-info:hover {
	background-color: #afd9ee;
}
.bg-warning {
	background-color: #fcf8e3;
}
a.bg-warning:hover {
	background-color: #f7ecb5;
}
.bg-danger {
	color: #fff;
	background-color: #F99;
}
a.bg-danger:hover {
	background-color: #FF8D8D;
}

/* btn */
.btn-green{
	color: #fff;
	background-color:#034a3c;
	border-color:#034a3c;
}
.btn-yellow{
	color: #fff;
	background-color:#fad111;
	border-color:#fad111;
}
.btn-common {
	color: #fff;
	background-color: #d4d4d4;
	border-color: #d4d4d4;
}
.btn-default {
	color: #525263;
	background-color: #F5F7F8;
	border-color: #D7DADD;
}
.btn-default.delete {
	margin-top: 20px !important;
}
.btn_edit .btn-default,
#shopping_confirm_box__button_edit_multiple.btn-default,
#multiple_list_box__body .btn-default {
	color: #FFF;
	background-color: #DA2201 !important;
	border-color: #DA2201 !important;
}
.btn:hover, .btn:focus, .btn.focus{
	color:#666;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color: #525263;
	background-color: #EEF1F3;
	border-color: #D7DADD;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #F5F7F8;
	border-color: #D7DADD;
	color: #525263;
}
.btn-default .badge {
	color: #fff;
	background-color: #525263;
}
.btn-primary {
	color: #fff;
	background-color: #034a3c;
	border-color: #034a3c;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #1b7e6b;
	border-color: #1b7e6b;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #DE5D50;
	border-color: #DE5D50;
}
.btn-primary .badge {
	color: #fff;
	background-color: #DE5D50;
}
.btn-primary-border {
	color: #DE5D50;
	background-color: #fff;
	border-color: #DE5D50;
	border-width: 2px;
}
.btn-primary-border:hover,
.btn-primary-border:focus,
.btn-primary-border:active,
.btn-primary-border.active,
.open > .dropdown-toggle.btn-primary-border {
	color: #DE5D50;
	background-color: #FDF6F6;
	border-color: #DE5D50;
}
.btn-primary-border:active,
.btn-primary-border.active,
.open > .dropdown-toggle.btn-primary-border {
	background-image: none;
}
.btn-primary-border.disabled,
.btn-primary-border[disabled],
fieldset[disabled] .btn-primary-border,
.btn-primary-border.disabled:hover,
.btn-primary-border[disabled]:hover,
fieldset[disabled] .btn-primary-border:hover,
.btn-primary-border.disabled:focus,
.btn-primary-border[disabled]:focus,
fieldset[disabled] .btn-primary-border:focus,
.btn-primary-border.disabled:active,
.btn-primary-border[disabled]:active,
fieldset[disabled] .btn-primary-border:active,
.btn-primary-border.disabled.active,
.btn-primary-border[disabled].active,
fieldset[disabled] .btn-primary-border.active {
	background-color: #fff;
	border-color: #DE5D50;
}

.btn-success {
	color: #fff;
	background-color: #d4d4d4;
	border-color: #d4d4d4;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #CCCCCC;
	border-color: #CCCCCC;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: #5CB1B1;
	border-color: #5CB1B1;
}
.btn-success .badge {
	color: #5CB1B1;
	background-color: #fff;
}

.btn-success-border {
	color: #5CB1B1;
	background-color: #fff;
	border-color: #5CB1B1;
}
.btn-success-border:hover,
.btn-success-border:focus,
.btn-success-border:active,
.btn-success-border.active,
.open > .dropdown-toggle.btn-primary-border {
	color: #5CB1B1;
	background-color: #EEF7F7;
	border-color: #5CB1B1;
	border-width: 2px;
}
.btn-success-border:active,
.btn-success-border.active,
.open > .dropdown-toggle.btn-success-border {
	background-image: none;
}
.btn-success-border.disabled,
.btn-success-border[disabled],
fieldset[disabled] .btn-success-border,
.btn-success-border.disabled:hover,
.btn-success-border[disabled]:hover,
fieldset[disabled] .btn-success-border:hover,
.btn-success-border.disabled:focus,
.btn-success-border[disabled]:focus,
fieldset[disabled] .btn-success-border:focus,
.btn-success-border.disabled:active,
.btn-success-border[disabled]:active,
fieldset[disabled] .btn-success-border:active,
.btn-success-border.disabled.active,
.btn-success-border[disabled].active,
fieldset[disabled] .btn-success-border.active {
	background-color: #fff;
	border-color: #5CB1B1;
}

.btn-info {
	color: #fff;
	background-color: #f9d110;
	border-color: #f9d110;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
	color: #fff;
	background-color: #474757;
	border-color: #474757;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
	background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
	background-color: #525263;
	border-color: #525263;
}
.btn-info .badge {
	color: #525263;
	background-color: #fff;
}
.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #E99133;
	border-color: #E99133;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
	background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}
.btn-warning .badge {
	color: #f0ad4e;
	background-color: #fff;
}
.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
	color: #fff;
	background-color: #CF3F34;
	border-color: #CF3F34;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
	background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color: #d9534f;
	border-color: #d43f3a;
}
.btn-danger .badge {
	color: #d9534f;
	background-color: #fff;
}
.btn-link {
	font-weight: normal;
	color: #DE5D50;
	cursor: pointer;
	border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
	border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
	color: #2a6496;
	text-decoration: underline;
	background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
	color: #777;
	text-decoration: none;
}

/* label */
.label-default {
	background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
	background-color: #5e5e5e;
}
.label-primary {
	background-color: #DE5D50;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
	background-color: #e57d73;
}
.label-success {
	background-color: #18A689;
}
.label-success[href]:hover,
.label-success[href]:focus {
	background-color: #0D8969;
}
.label-info {
	background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
	background-color: #3DA8CF;
}
.label-warning {
	background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
	background-color: #E99133;
}
.label-danger {
	background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
	background-color: #CF3F34;
}

/* panel */
.panel-primary {
	border-color: transparent;
}
.panel-primary > .panel-heading {
	color: #fff;
	background-color:#DE5D50;
	border-color: transparent;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;
}
.panel-primary > .panel-heading .badge {
	color: #DE5D50;
	background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #DE5D50;
}
.panel-success {
	border-color: transparent;
}
.panel-success > .panel-heading {
	color: #18A689;
	background-color: #dff0d8;
	border-color: transparent;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;
}
.panel-success > .panel-heading .badge {
	color: #dff0d8;
	background-color: #18A689;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: transparent;
}
.panel-info {
	border-color: transparent;
}
.panel-info > .panel-heading {
	color: #fff;
	background-color: #42B3E5;
	border-color: transparent;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;
}
.panel-info > .panel-heading .badge {
	color: #fff;
	background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: transparent;
}
.panel-warning {
	border-color: transparent;
}
.panel-warning > .panel-heading {
	color: #fff;
	background-color: #fcf8e3;
	border-color: transparent;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;
}
.panel-warning > .panel-heading .badge {
	color: #fff;
	background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: transparent;
}
.panel-danger {
	border-color: #ebccd1;
}
.panel-danger > .panel-heading {
	color: #fff;
	background-color: #DE5D50;
	border-color: transparent;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;
}
.panel-danger > .panel-heading .badge {
	color: #fff;
	background-color: #DE5D50;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: transparent;
}

/* alert */

.alert-success {
	color:#fff;
	background-color:#18a689;
	border-color: transparent;
}
.alert-success hr {
	border-color: transparent;
}
.alert-success .alert-link {
	color:#fff
}
.alert-info {
	color:#fff;
	background-color:#42B3E5;
	border-color: transparent;
}
.alert-info hr {
	border-top-color:#a6e1ec
}
.alert-info .alert-link {
	color:#fff
}
.alert-warning {
	color:#fff;
	background-color:#f0ad4e;
	border-color: transparent;
}
.alert-warning hr {
	border-color: transparent;
}
.alert-warning .alert-link {
	color:#fff
}
.alert-danger {
	color:#fff;
	background-color:#DE5D50;
	border-color: transparent;
}
.alert-danger hr {
	border-color: transparent;
}
.alert-danger .alert-link {
	color:#fff
}


/******************************
Media Query
*******************************/

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

	/* --------- common ---------- */

	.drawer-open #contents, .drawer-open #header, .drawer-open #footer, .drawer-open .pagetop {
		-webkit-transform: translateX(-260px);
		-moz-transform: translateX(-260px);
		-ms-transform: translateX(-260px);
		-o-transform: translateX(-260px);
		transform: translateX(-260px);
	}

	.sp{display: block !important;}
	.pc{display: none !important;}
	span.sp{display: inline !important;}

	/****** Header Setting ********/


	/****** Side Setting ********/

	.drawer {
		height: 0;
		visibility: hidden;
		-webkit-transition: visibility 0s 0.3s;
		-moz-transition: visibility 0s 0.3s;
		transition: visibility 0s 0.3s;
	}
	.drawer-open .drawer {
		height: 100%;
		visibility: visible;
		-webkit-transition: visibility 0s 0s;
		-moz-transition: visibility 0s 0s;
		transition: visibility 0s 0s;
		z-index: 9999;
	}
	.front_page .drawer-open .drawer {
		/*right: -260px;*/
		right: 0;
		z-index: 9999;
	}
	.category-nav a {
		will-change: transform, opacity;
	}


	/****** Effect Setting ********/

	/* Overlay */
	.overlay.is-visible {
		-webkit-transform: translateX(-260px);
		-moz-transform: translateX(-260px);
		-ms-transform: translateX(-260px);
		-o-transform: translateX(-260px);
		transform: translateX(-260px);
	}
	.overlay.is-visible.cart-is-visible {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}

	/* My page address */
	#delivery_address_list div.is-edit p.btn_edit {
		top: 30%;
	}

}
@media only screen and (max-width: 768px) {
	.row {
		/*margin-left: -20px;
		margin-right: -20px;*/
		padding-bottom: 16px;
	}
}
@media only screen and (min-width: 768px) {

	/* --------- common ---------- */

	.container-fluid {
		padding-left: 14px;
		padding-right: 14px;
	}
	.row {
		margin-left: -14px;
		margin-right: -14px;
		padding-bottom: 16px;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 14px;
		padding-right: 14px;
	}

	.sp{display: none !important;}
	.pc{display: block !important;}
	span.pc{display: inline !important;}


/* --------------------------------
Parts
-------------------------------- */

/* heading */

h2 {
	font-size: 24px;
	font-size: 2.4rem;
}
.page-heading {
	float: none;
	width: auto !important;
	font-size: 32px;
	font-size: 3.2rem;
	border-bottom-style: solid;
	border-top: 0 none;
	padding: 16px 0 12px;
	margin: 0 16px 48px;
}
.heading03 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}
.heading02 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	background: #EFEFEF;
	padding: 8px 12px;
}
.heading05 {
	font-size: 16px;
	font-size: 1.6rem;
}

/* btn */

.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333}
.btn-sm{padding:8px 10px;font-size:14px;line-height:1.5}
.btn-xs{padding:5px 8px;font-size:12px;line-height:1.5}

/* badge */

.badge {
	font-size:12px;
	font-size:1.2rem;
}

/* tableStyle */

div.table .thead {
	display: table-header-group;
}
div.table ol {
	display: table-row;
	margin: 0;
}
div.table ol li {
	display: table-cell;
	padding: 16px;
	text-align: center;
	background: #F4F3F0;
	overflow-x:hidden;
	font-weight: bold;
}
div.table .tbody .tr > .td {
	padding: 16px;
}

/* tableish */

.tableish {
	display: table;
	width: 100%;
}
.tableish .thead {
	display: table-header-group;
}
.tableish .tbody {
	display: table-row-group;
}
.tableish .tr {
	display: table-row;
}
.tableish .th,
.tableish .td {
	display: table-cell;
	vertical-align: top;
}

/* dl-table */

.dl_table {
	display: table;
	width: 100%;
}
.dl_table dl {
	display: table-row;
	border: 0 none;
}
.dl_table dt,
.dl_table dd {
	display: table-cell;
	border-bottom: 1px dotted #ccc;
	padding: 16px 0;
}
.dl_table dt {
	width: 30%;
}

.dl_table dd {
	padding: 16px;
}
.dl_table dd .form-group {
	padding-top: 16px;
}
.dl_table .zip-search {
	margin-top: 16px;
}

/* pagination */

.pagination {
	width: 100%;
}


/* topicpath */

#topicpath {
	padding: 24px 16px;
	border: 0 none;
}
#topicpath ol {
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	border-bottom: 1px solid #ccc;
}
#topicpath li {
	font-size: 16px;
	font-size: 1.6rem;
}

/* intro */
.intro {
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 28px;
}

/* message */
.heading04 + .message {
	padding: 0;
}
.message .errormsg {
	padding: 16px;
}


/* flowline */

.flowline {
	margin: 0;
	border-bottom: 0 none;
}
.flowline ul::before {
	top: 20px;
}
.flowline.step3 ul {
	max-width: 450px;
}
.flowline.step4 ul {
	max-width: 550px;
}
.flowline ul li {
	font-size: 14px;
	font-size: 1.4rem;
}
.flowline li .flow_number {
	line-height: 42px;
	width: 42px; height: 42px;
	font-size: 20px;
	font-size: 2rem;
}

/* .cart .item_box */

#cart .inner {
	padding: 0 16px;
}
.cart .item_box > div,
.cart .item_box > dl {
	padding: 16px 0;
}
.cart .item_box .item_photo {
	padding: 16px 8px 16px 0;
}
.cart .item_box .icon_edit {
	right: -7px; top: 10px;
}

.cart .btn_area {
	padding: 16px 0 8px;
}

/* error_box */
.error_box {
	margin-bottom: 48px;
}


/****** Layout ********/




#contents {
	min-height: 100%;
	z-index: 2;
}


#side_left {
	float: left;
	width: 25%;
	padding-right: 16px;
}
#side_right {
	float: right;
	width: 200px;
	/*padding-left: 16px;*/
}

/* -- main_left (side_right only) -- */

/* main */
.theme_side_right #main {
	width: 80%;
	float: left;
}
@media only screen and (max-width: 1027px) {
	.theme_side_right #main {
		width: 78%;
	}
}
@media only screen and (max-width: 937px) {
	.theme_side_right #main {
		width: 72%;
	}
}
@media only screen and (max-width: 640px) {
	.theme_side_right #main {
		width: 72%;
	}
}


/* -- main_right (side_left only) -- */

/* main */
.theme_side_left #main {
	width: 75%;
	float: right;
}

/* -- main_only -- */

/* main */
.theme_main_only #main {
	width: 100%;
}


/* -- main_left_right (side_left & side_right) -- */

/* main */
.theme_side_both #main {
	width: 50%;
	float: left;
}

/* category_nav */
#category {
	clear: both;
}






/****** Side Setting ********/

#btn_menu {
	display: none;
}
.drawer {
	position: static;
	height: auto;
	width: auto;
	margin: 0 auto;
	overflow: visible;
	background: transparent;
	text-align: center;
}
.drawer:after {
	content: "";
	display: table;
	clear: both;
}


/*	Category navigation
--------------------------- */

/* category-nav */

.category-nav > li {
	text-align: left;
	margin: 0 1em;
	position: relative;
}
.category-nav ul {
	position: static;
	height: auto;
	width: auto;
	overflow: visible;
	z-index: 3;
	background: #fff;
}
.category-nav > li > a {
	position: relative;
	display: inline-block;
	color: #2e3233;
	overflow: visible;
	-webkit-transition: color 0.3s, box-shadow 0.3s;
	-moz-transition: color 0.3s, box-shadow 0.3s;
	transition: color 0.3s, box-shadow 0.3s;
}



/* ----- category_nav in header ---- */





/* ----- category_nav in side ---- */

/* category-nav */

.side .category-nav > li {
	display: block;
	margin: 0;
}
.side .category-nav li > a {
	width: 100%;
}

.side .category-nav > ul ul {
	width: 100%;
}
.side .category-nav > ul {
	width: 100%;
}
.side .category-nav > ul > li {
	width: 100%;
}
.side .category-nav > ul > li a {
	padding-left: 10px;
}


/* newslist */

.newslist .heading01 {
	padding: 16px;
	text-align: left;
}
.newslist dt {
	padding: 16px;
}
.newslist dt .angle-circle {
	top: 14px;
	width: 25px; height: 25px;
}
.newslist dt .cb {
	font-size: 20px;
	top: 0; left: 3px;
}
.newslist dt .date {
	float: left;
	width: 6em;
}
.newslist dt .news_title {
	padding-left: 7em;
	padding-right: 30px;
}
.newslist dd {
	margin: 0 16px 16px;
}

/* Item List Page
------------------------------------------- */

.product_page .product_item {
	padding-bottom: 24px;
}
.item_photo {
	margin: 0 0 15px;
}
.item_comment {
	margin: 0 0 15px;
}


/* Item Detail Page
------------------------------------------- */

#item_photo_area {
	padding-top: 0;
	padding-bottom: 0;
	z-index:999;
	position:relative;
}
#item_detail_area .small {
	font-size: 12px;
	font-size: 1.2rem;
}
#item_detail_area .item_name {
	font-size: 32px;
	font-size: 3.2rem;
	margin-bottom: 10px;
}
#item_detail_area .item_detail .sale_price .small {
	font-size: 12px;
	font-size: 1.2rem;
}
#item_detail_area .item_detail .announce {
	padding: 14px 0;
}
#item_detail_area .item_detail .point {
	padding: 14px 0;
	border-top: 1px dotted #ccc;
}
#item_detail_area .item_detail .item_code {
	padding: 14px 0;
	border-top: 1px dotted #ccc;
}
#item_detail_area .item_detail .relative_cat {
	padding: 14px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
#item_detail_area .item_detail .item_comment {
	margin-top: 14px;
	margin-bottom: 14px;
}
.cart_area {
	padding-top: 0px;
}
.cart_area .classcategory_list li {
	margin-bottom: 30px;
}
.cart_area .classcategory_list li.f_label {
	margin-bottom: 10px;
}
.cart_area .classcategory_list li.f_input .form-control {
	max-width: 95%;
}
.cart_area .quantity {
	margin: 14px 0;
}
#item_detail .snsbtn_area {
	padding: 14px 0;
}

/* freearea */

#item_detail .freearea p {
	margin-bottom: 40px;
}
#item_detail .freearea .heading01 {
	margin-bottom: 16px;
}

/* review_area */

#review_area {
	border-top: none;
	padding-bottom: 16px;
}
#review_area dl {
	padding-bottom: 32px;
}
#review_area dl dt {
	padding: 16px;
}
#review_area dl dt .cb {
	position: absolute;
	right: 32px;
	top: 24px;
	font-size: 16px;
	font-size: 1.6rem;
}
#review_area dl dd {
	display: block;
	padding: 16px 0 0;
}
#review_area dl dd .review_btn {
	padding: 16px 0 0;
	text-align: center;
}
#review_area dl dd .review_btn a {
	width: auto;
	min-width: 350px;
}
#review_area .review_list {
	padding: 16px 0 0;
}
#review_area .review_list li {
	padding: 16px 0;
}
#review_area .review_list p {
	margin: 6px 0;
}

/* keyword_area */

#keyword_area {
	border: 0 none;
}
#keyword_area .heading03 {
	border-top: 1px solid #E8E8E8;
	margin-top: 0;
	padding-top: 18px;
}
#keyword_area ul li a {
	font-size: 14px;
	font-size: 1.4rem;
}
#keyword_area .keyword_list {
	padding-bottom: 16px;
}

/* recommend_area */

#recommend_area {
	border: 0 none;
}
#recommend_area .heading03 {
	border-top: 1px solid #E8E8E8;
	margin-top: 0;
	padding-top: 18px;
}
#recommend_area .carousel .product_item .btn_circle {
	right: 24px;
}
#recommend_area .carousel {
	margin-left: -16px;
	margin-right: -16px;
}
#recommend_area .carousel .product_item {
	padding: 0 16px;
}
#recommend_area .slick-next,
#recommend_area .slick-prev {
	font-size: 37px;
	font-size: 3.7rem;
	top: -1.4em;
}
#recommend_area .slick-next {
	right: 14px;
}
#recommend_area .slick-prev {
	right: 74px;
}

#recommend_area .angle-circle {
	width: 35px; height: 35px;
	margin-top: 0;
}
#recommend_area .slick-prev .cb,
#recommend_area .slick-next .cb {
	fill: #fff;
	position: relative;
	top: -4px; right: -2px;
	font-size: 25px;
	font-size: 2.5rem;
}




/* Cart Page
------------------------------------------- */

.total_box {
	min-width: 256px;
	float: right;
	padding: 0;
}
.total_box dl {
	margin-left: 0;
}
.total_box .btn_group {
	padding: 16px 0;
}
.total_box .btn_group p {
	margin: 16px 0;
}
.total_box dl.total_price dt {
	padding-top: 0.3em;
}
.total_box dl.total_price dd {
	font-size: 24px;
	font-size: 2.4rem;
}
.cart_item {
	margin: 24px 0 16px;
	border-top: 0 none;
}
.cart_item .item_box .table {
	width:58.33333333%;
}
.cart_item .item_quantity::before {
	content: "";
}
.cart_item.table .tbody .tr > .item_quantity {
	text-align: center;
}
.cart_item .item_detail .item_subtotal {
	display: none;
}
.cart_item.table .tbody .tr div.item_subtotal {
	display: table-cell;
	text-align: right;
}
.cart_item .item_box .table .item_photo {
	min-width: 160px;
	padding-right: 16px;
}
.column p {
	margin: 16px 0;
}
.column .form-inline input,
.column .form-inline select {
	margin-bottom: 16px;
}

div.table .tbody .addr_box .column {
	text-align: left;
	position: relative;
}
.addr_box .column.is-edit .btn_edit {
	top: 16px;
}

.multiple_column .item_box > div,
.multiple_column .item_box > dl {
	padding: 16px 0;
	vertical-align: middle;
}
.multiple_column .item_box .item_photo {
	padding: 16px;
	max-width: 198px;
}
.multiple_column .item_box .item_detail .item_price {
	margin: 8px 0 16px;
}
.multiple_column .form-group {
	margin-top: 16px;
}
.complete_message {
	text-align: center;
}
.complete_message .heading01 {
	font-size: 32px;
	font-size: 3.2rem;
}

#confirm_side {
	top: 0;
}

/* payment_list */

.payment_list .radio {
	display: inline;
	margin-right: 16px;
	vertical-align:middle;
}
.payment_list .radio input[type="radio"] {
	margin-right: 10px;
}
.payment_list li img {
	margin-top: 0;
	vertical-align:middle;
}

/* MyPage
------------------------------------------- */
/* ナビゲーション項目が6件の場合
.local_nav li {
width: 16.66666667%
}*/

.local_nav li {
	width: 25%;
}
.local_nav.favorite li {
	width: 20%;
}
.historylist_column {
	border-top: 1px solid #ccc;
	margin: 0;
}
.historylist_column .order_date {
	font-size: 20px;
	font-size: 2rem;
	margin-top: 16px;
}
.historylist_column .table.item_box:first-child {
	border-top: 0 none;
}
.historylist_column .item_box .item_photo {
	min-width: 130px;
}
.historylist_column + .pagination {
	padding-top: 16px;
}
.unsubscribe_box h3 {
	font-size: 24px;
	font-size: 2.4rem;
}
.message_box h1 {
	font-size: 24px;
	font-size: 2.4rem;
}

/****** Footer Setting ********/

#footer {
	padding-top: 32px;
}

#footer ul li {
	display: inline-block;
	margin: 0 8px 8px;
}
#footer ul li:first-child {
	margin-left: 0;
}
.footer_logo_area {
	margin-top: 88px;
}
.footer_logo_area .logo {
	font-size: 30px;
	font-size: 3rem;
	margin: 0;
}
.footer_logo_area .copyright {
	font-size: 16px;
	font-size: 1.6rem;
}

/****** Effect Setting ********/

/* Overlay */
.overlay {
	display: none;
}

/****** Each BlockParts Setting ********/

/* Cart */
.cart {
	height: 120px;
	top: 44px;
}

/* Search */

/* ----- category_nav in header  ---- */

#header #searchform select,
#header #searchform input {
	float: left;
}

/* ----- category_nav in side ---- */

.side #searchform select,
.side #searchform input {
	float: none;
}

/* Member area */

.member_link {
	margin: 0;
}
.member_link a {
	border: 0 none;
}

/****** Each Page Setting ********/

/* Item List Page
------------------------------------------- */

/* Item Detail Page
------------------------------------------- */

/* Cart Page
------------------------------------------- */

.cart_page .dl_table {
	margin: 24px 0 32px;
}
.cart_page .dl_table dt {
	margin-bottom: 0;
}
#shopping_confirm .cart_item.table {
	border-top: 1px dotted #ccc;
}
#shopping_confirm .column .cart_item.table {
	margin-top: 0;
}
#shopping_confirm .total_box {
	margin-top: 24px;
	padding: 16px;
	min-width: 0;
	width: 100%;
	float: none;
}
#shopping_confirm .total_box dl {
	padding-top: 8px;
}
#shopping_confirm .total_box dl:first-child {
	padding-top: 0;
}
#shopping_confirm .total_box dl dt {
	font-size: 14px;
	font-size: 1.4rem;
}
#shopping_confirm .total_box .total_amount {
	margin-top: 16px;
}
#shopping_confirm .total_box .total_amount p.total_price {
	font-size: 14px;
	font-size: 1.4rem;
}
#shopping_confirm .total_box .total_amount p.total_price strong {
	font-size: 24px;
	font-size: 2.4rem;
}
#shopping_confirm .total_box .total_amount p.total_price strong .small {
	font-size: 14px;
	font-size: 1.4rem;
}
#shopping_confirm .heading02 {
	font-size: 20px;
	font-size: 2rem;
	margin-top: 32px;
}
#shopping_confirm .cart_item .item_box .table .item_photo {
	min-width: 80px;
	max-width: 96px;
}
#deliveradd_input .dl_table {
	border-top: 1px dotted #ccc;
}

/* MyPage
------------------------------------------- */
.mypage .intro {
	padding-bottom: 16px;
}
.mypage #shopping_confirm .cart_item,
.mypage #shopping_confirm .total_box {
	margin-top: 0;
}
.mypage #item_list .product_item {
	padding-bottom: 24px;
}
.mypage .title_hint {
	margin: 24px 0 0;
}
.mypage .title_hint + .form-group {
	padding-top: 8px;
}

/* My page address */
#delivery_address_list div.is-edit p.btn_edit {
	top: 30%;
}


/* Registration Page
------------------------------------------- */

.registration_page .dl_table {
	margin: 24px 0 32px;
}


/* Other Page
------------------------------------------- */


/* Login Page */

#login_box .column {
	padding: 16px 16px 40px;
}
#login_box .column p {
	margin-bottom: 8px;
}
#login_box .column .form-group {
	padding: 8px 0 8px 13%;
}
#login_box .column .btn_area p {
	float: left;
	width: 37%;
	min-width: 195px;
	margin-right: 3%;
}
#login_box .column .btn_area ul {
	margin-top: 0;
}
#login_box .column .btn_area button {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#login_box .column .btn_area ul {
	float: left;
}
#login_box .column .btn_area ul li {
	margin: 4px 0;
}

#login_box .column input[type="text"],
#login_box .column input[type="email"],
#login_box .column input[type="password"]{
	width: 85%;
}
#login_box .column .btn_area,
#login_box .column .message {
	padding: 8px 13%;
	margin: 0;
}

.login_cart .column .column_inner {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Forgot Page */

#forgot_page .column {
	padding: 32px;
	margin-bottom: 16px;
}
#forgot_page .column .form-group {
	padding: 8px 0 8px 11%;
	width: 89%;
}
#forgot_page .column .btn_area {
	padding: 20px 0 0 21%;
	width: 79%;
}
#forgot_page .column .message {
	margin-bottom: 16px;
}

/* Error Page */

.error_page .footer_logo_area {
	margin-top: 0;

}
}

.main_side {
	float: right;
	width: 180px;
}
.main_side_banner {
	padding-bottom: 8px;
}
.main_side_banner li {
	margin-bottom: 16px;
}
.main_side_banner li a,
p.main_side_banner a {
	border: 1px solid #c1c1c1;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	position: relative;
	color: #4e4e4e;
	width: 100%;
	height: 48px;
}
.main_side_banner li a:hover {
	opacity: .7;
}
.main_side_banner li a.bnr01 {
	padding-left: 40px;
}
.main_side_banner li a.bnr01:before {
	position: absolute;
	left: 5px;
	bottom: 0;
	width: 34px;
	height: 40px;
	background: url(../img/common/bnr_side_img01.png) center center no-repeat;
	content: "";
	z-index: 2;
}
.main_side_banner li a.bnr02 {
	padding-left: 32px;
}
.main_side_banner li a.bnr02:before {
	position: absolute;
	left: 5px;
	bottom: 0;
	width: 34px;
	height: 40px;
	background: url(../img/common/bnr_side_img02.png) center center no-repeat;
	content: "";
	z-index: 2;
}
.main_side_banner li a.bnr03 {
	padding-left: 32px;
}
.main_side_banner li a.bnr03:before {
	position: absolute;
	left: 5px;
	bottom: 0;
	width: 34px;
	height: 40px;
	background: url(../img/common/bnr_side_img04.jpg) center center no-repeat;
	content: "";
	z-index: 2;
}
.main_side_banner a.bnr04:before {
	position: absolute;
	left: 5px;
	bottom: 25%;
	width: 30px;
	height: 30px;
	background: url(../img/common/bnr_side_img05.jpg) center center no-repeat;
	background-size: contain;
	content: "";
	z-index: 2;
}
.main_side_box {
	padding-bottom: 30px;
}
.main_side_box a {
	color: #444444;
	line-height: 2.14;
	font-size: 0.9em;
}
.main_side_box a.current {
	color: #d93939;
	font-weight: bold;
}

.main_side h2 {
	position: relative;
	border-bottom: 1px solid #c1c1c1;
	padding-left: 56px;
	font-size: 0.9em;
	line-height: 1.5;
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	margin-bottom: 10px;
	text-align: left;
	font-weight: normal;
}
.main_side h2.side_tit01:before {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 45px;
	height: 44px;
	background: url(../img/common/tit_side_img01.png) center center no-repeat;
	content: "";
	z-index: 2;
}
.main_side h2 label {
	display: none;
}
.main_side_box input {
	display: none;
}

.main_side h2.side_tit02:before {
	position: absolute;
	left: 10px;
	bottom: -10px;
	width: 36px;
	height: 51px;
	background: url(../img/common/tit_side_img02.png) center center no-repeat;
	content: "";
	z-index: 2;
}
.main_side h2.side_tit03:before {
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 50px;
	height: 43px;
	background: url(../img/common/tit_side_img03.png) center center no-repeat;
	content: "";
	z-index: 2;
}
.side_enq {
	margin: 0 auto 20px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.main_side {
		float: none;
		width: auto;
		margin-left: 0;
	}
	.main_side h2 {
		position: relative;
		overflow: hidden;
	}
	.main_side h2 label {
		display: block !important;
		float: right;
		position: absolute;
		right: 0;
		bottom: 0;
		cursor: pointer;
		font-size: 90%;
		font-weight: bold;
		line-height1.2;
		letter-spacing: -0.2px;
		color: #FFF;
		background: #064B3C;
		margin-left: 10px;
		padding: 10px 5px;
	}
	.main_side_box .hidden_show {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.8s;
	}
	.main_side_box input:checked ~ .hidden_show {
		height: auto;
		opacity: 1;
		padding: 10px 0;
	}
	.main_side .img_center1 {
		float: left;
		width: 48%;
		text-align: center;
	}
	.main_side .img_center2 {
		float: right;
		width: 48%;
		text-align: center;
	}
}

.main_content {
	float: left;
	width: 100%;
}
.main_content #item_list .item_photo,
.item_gallery .click .item_photo:after {
	margin: 0 0 10px;
	position: relative;
}
.main_content #item_list .click .item_photo:after,
.item_gallery .click .item_photo:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 54px;
	height: 54px;
	background: url(../img/top/ico_click.png) right bottom no-repeat;
	content: "";
	z-index: 2;
}
.main_content #item_list .brand01 .item_photo:before,
.item_gallery .brand01 .item_photo:before {
	position: absolute;
	left: 6px;
	top: 4px;
	width: 53px;
	height: 53px;
	background: url(../img/top/ico_brand.png) center center no-repeat;
	background-size: contain;
	content: "";
	z-index: 2;
}
.main_content #item_list dl,
.item_gallery dl {
	padding-bottom: 20px;
}
.main_content #item_list dt {
}
.main_content #item_list dd,
.item_gallery dd {
	/*float: left;*/
	width: 30%;
}
.main_content #item_list .item_name,
.item_gallery .item_name {
	font-size: 1em;
	line-height: 1.2;
	font-weight: bold;
}
.main_content #item_list .cate,
.item_gallery .cate {
	font-size: 0.7em;
	line-height: 1.5;
	font-weight: normal;
}
.main_content #item_list .cate.cat01,
.item_gallery .cate.cat01 {
	color: #08493c;
}
.main_content #item_list .cate.cat02,
.item_gallery .cate.cat02 {
	color: #f90157;
}
.main_content #item_list .cate.cat03,
.item_gallery .cate.cat03 {
	color: #e19f6b;
}
.main_content #item_list dd.item_price,
.item_gallery dd.item_price {
	/*width: 70%;*/
	width: 100%;
	font-size: 0.8em;
	line-height: 1.63;
	font-weight: normal;
	margin-left: auto;
	text-align: right;
}
.main_content #item_list .item_price p,
.item_gallery .item_price p {
	font-size: 0.8em;
	margin: 0;
}
.main_content #item_list .item_price .price,
.item_gallery .item_price .price {
	font-size: 1.5em;
	line-height: 1.285;
	color: #d93939;
}
.main_content #item_list dd.item_color,
 .item_gallery dd.item_color {
	float: none;
	clear: both;
	width: 100%;
	margin-top: 4px !important;
}
.main_content #item_list .item_color span,
.item_gallery .item_color span {
	display: inline-block;
	margin: 0 2px;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	text-align: left;
}
.main_content #item_list .item_color.small span,
.item_gallery .item_color.small span {
	width: 8px;
	height: 8px;
}
.purple {
	background: #a696de;
}
.blue {
	background: #6176b6;
}
.brown {
	background: #aa948c;
}
.gary {
	background: #bfbfbf;
}
.white {
	background: #fff;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
}
.beige {
	background: #f1ead9;
}
.pink {
	background: #fbcace;
}
.green {
	background: #7fb65d;
}
.red {
	background: #ea5354;
}
.orange {
	background: #ed9b4f;
}
#sales_ranking .main_content,
.item_gallery .main_content{
	float: none;
	width: 100%;
}
#sales_ranking .heading01 {
	margin-bottom: 30px;
}
.item_gallery .heading01 {
	position: relative;
}
.item_gallery .heading01 .btn {
	position: absolute;
	right: 0;
	bottom: 5px;
	z-index: 2;
}
.main_content #item_list .list_comment {
	width: 100%;
	font-size: 0.8em;
	color: #525263;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	.main_content {
		width: calc(100% - 10px);
	}
}
@media only screen and (max-width: 767px) {
	.main_content {
		width: auto;
	}
	.main_content #item_list .item_photo,
	.item_gallery .item_photo {
		margin: 0 0 10px;
		position: relative;
	}
	.main_content #item_list .click .item_photo:after,
	.item_gallery .click .item_photo:after {
		width: 27px;
		height: 27px;
		background: url(../img/top/ico_click.png) right bottom no-repeat;
		background-size: 100%;
	}
	.main_content #item_list .brand01 .item_photo:before,
	.item_gallery .brand01 .item_photo:before {
		width: 27px;
		height: 27px;
		background: url(../img/top/ico_brand.png) right bottom no-repeat;
		background-size: 100%;
	}
	.main_content #item_list dl,
	.item_gallery dl {
		overflow: hidden;
		padding-bottom: 10px;
	}
	.main_content #item_list .item_name,
	.item_gallery .item_name {
		float: none;
	}
	.main_content #item_list dd,
	.item_gallery dd {
		float: none;
	}
	.main_content #item_list dd.item_price,
	.item_gallery dd.item_price {
		width: 100%;
		text-align: left;
	}
	.main_content #item_list .item_name .cate,
	.item_gallery .item_name .cate {
		font-size: 70%;
	}
	.main_content #item_list .item_price .price,
	.item_gallery .item_price .price {
		font-size: 1.2rem;
		color: #525263;
	}
}

/*------------------------------------------------------------
sideUl
------------------------------------------------------------*/
.sideUl {
	top: 50%;
	transform: translateY(-50%);
	position: fixed;
	right: 0;
	width: 38px;
	z-index: 1000;
}

.sideUl ul {
	width: 38px;
}

.sideUl .sideLink li {
	color: #FFF;
	width: 38px;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
	line-height: 1;
}
.sideUl .sideLink li p {
	margin: 0;
}
@media only screen and (max-width: 767px) {
	.sideUl {
		display: none;
	}
}

/*------------------------------------------------------------
Facebook
------------------------------------------------------------*/
.fbArea {
	background: #3d5c98;
	position: relative;
}

.btnShare {
	float: right;
	margin-left: 25px;
	padding: 10px 0;
	line-height: 1;
}
.fbPanel {
	overflow: hidden;
	padding: 8px 0 8px 60px;
	background: url(../img/common/img_fb.png) 7px bottom no-repeat;
}
.fbBox {
	background: #fff;
	overflow: hidden;
	width: 100%;
	border-radius: 4px;
	padding: 4px 15px;
}
.fbBox dl {
	overflow: hidden;
	font-size: 1.2rem;
	line-height: 2;
}
.fbBox dt {
	float: left;
	margin-right: 12px;
	color: #878787;
}
.fbBox dd {
	overflow: hidden;
}
.fbBox dd a {
	color: #444;
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	.fbArea {
		padding-bottom: 38px;
	}
	.btnShare {
		float: none;
		margin-left: 0;
		position: absolute;
		left: 0;
		text-align: center;
		width: 100%;
		bottom: 0;
	}
	.fbPanel {
		overflow: hidden;
		padding: 8px 0 8px 30px;
		background: url(../img/common/img_fb.png) -20px 5px no-repeat;
	}
	.fbBox {
		height: 48px;
		box-sizing: border-box;
	}
	.fbBox dl {
		line-height: 40px;
	}
}
#plan_list .main_content {
	float: none;
	width: 100%;
}
#plan_list .heading01 {
	margin-bottom: 15px;
}
#plan_list .main_content #item_list dl {
	display: table;
	padding: 0;
}
#plan_list .main_content #item_list .item_name {
	display: table-cell;
	font-size: 1.2rem;
	line-height: 1.33;
}
#plan_list .main_content #item_list .item_cate {
	display: table-cell;
	float: none;
	width: auto !important;
	font-size: 0.8rem;
	line-height: 2;
	text-align: right;
}
#plan_list .main_content #item_list .cat01 .item_name,
#plan_list .main_content #item_list .cat01 .item_cate{
	color: #1b6053 !important;
}
#plan_list .main_content #item_list .cat02 .item_name,
#plan_list .main_content #item_list .cat02 .item_cate {
	color: #f90457 !important;
}
#plan_list .main_content #item_list .cat03 .item_name,
#plan_list .main_content #item_list .cat03 .item_cate {
	color: #e19f6b !important;
}
#plan_list p {
	font-size: 0.8rem;
}
@media only screen and (max-width: 640px) {
	#plan_list #item_list .col-sm-4,
	#plan_list #item_list .col-xs-6 {
		width: inherit !important;
	}
	#plan_list p {
		font-size: 1.1rem;
	}
	#main_middle #item_list .col-sm-4,
	#item_list .col-xs-6 {
		width: 48%;
	}
	#checkeditem .col-xs-6 {
		width: 48%;
	}
}
.color_red {
	color: #e83c3c !important;
}

.flow_contents,
.card_contents {
	font-size: 0.8em;
	line-height: 1.84;
}
.flow_contents p,
.card_contents p {
	margin: 10px 0;
}
.flow_contents .heading01,
.card_contents .heading01 {
	position: relative;
}
.flow_contents .heading01 a,
.card_contents .heading01 a {
	font-size: 0.9em;
	position: absolute;
	right: 0;
	bottom: 8px;
	z-index: 2;
	font-weight: normal;
}
@media only screen and (max-width: 1040px) {
	.flow_contents .heading01 a,
	.card_contents .heading01 a {
		font-size: 0.5em;
		letter-spacing: -0.6px;
	}
}
@media only screen and (max-width: 767px) {
	.flow_contents .heading01 a,
	.card_contents .heading01 a {
		font-size: 0.85em;
		letter-spacing: -0.3px;
	}
}
.text_link01 {
	background: url(../img/common/ico_link01.png) right center no-repeat;
	font-size: 1.1em;
	line-height: 1.84;
	padding-right: 20px;
	display: inline-block;
	color: #444;
}
.text_blank01 {
	background: url(../img/common/ico_blank.png) right center no-repeat;
	padding-right: 26px;
	display: inline-block;
	color: #444;
}

.list01 li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
}

.mt10 {
	margin-top: 10px;
}

@media only screen and (max-width: 767px) {
	.text_link01 {
		font-size: 0.8em;
	}
	.card_contents .col-sm-4 {
		width: 100%;
	}
}

/* news_area */
#news_area {
	padding-bottom: 40px;
}
#news_area .heading01 {
	margin-bottom: 10px;
}
.news_contents dl {
	overflow: hidden;
	font-size: 1.4rem;
	line-height: 1.71;
	margin-bottom: 20px;
}
.news_contents dl dt {
	float: left;
	margin-right: 30px;
}
.news_contents dl dd {
	overflow: hidden;
}
.news_contents dl dd a {
	color: #444;
	font-weight: bold;
}
.news_contents dl dd a:hover {
	color: #444;
	text-decoration: underline;
}
.bnr_review {
	margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
	#news_area {
		padding-bottom: 40px;
	}
	.news_contents dl dt {
		float: none;
		margin-right: 0;
	}
}

#voice_list {
	padding-bottom: 80px;
}
.voice_item {
	border-bottom: 1px dotted #b6b6b6;
	padding: 16px 0;
	font-size: 0.9em;
	line-height: 1.71;
}
.voice_item .voice_in {
	display: flex;
	justify-content: center;
	align-items: center;
}
.voice_item .voice_date {
	font-size: 0.8em;
	line-height: 2;
	padding-right: 10px;
	width: 9%;
}
.voice_item .voice_title {
	font-weight: bold;
	padding-right: 20px;
	width: 20%;
}
.voice_item .voice_title span {
	display: inline-block;
	width: 65%;
}
/*
.voice_item .voice_title span.star {
	display: block;
	max-width: 100px;
	height: 16px;
	background: url(../img/common/star_off.png) 0 0 no-repeat;
	margin-top: 5px;
	position: relative;
}
.voice_item .voice_title span.star:before {
	position: absolute;
	width: 0;
	height: 100%;
	background: url(../img/common/star_on.png) 0 0 no-repeat;
	left: 0;
	top: 0;
	z-index: 2;
	content: "";
}
.voice_item .voice_title span.star.one:before {
	width: 20%;
}
.voice_item .voice_title span.star.two:before {
	width: 40%;
}
.voice_item .voice_title span.star.three:before {
	width: 60%;
}
.voice_item .voice_title span.star.four:before {
	width: 80%;
}
.voice_item .voice_title span.star.five:before {
	width: 100%;
}*/
.voice_item .voice_contents {
	position: relative;
	background: #f1f1f1;
	padding: 20px 30px 20px 15px;
	border-radius: 4px;
	width: 61%;
}
.voice_item .voice_contents .voice_detail {
	/*height: 1.71em;*/
	height: auto;
	overflow: hidden;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.voice_item .voice_contents:before {
	position: absolute;
	width: 0;
	height: 0;
	border-right: 5px solid #f1f1f1;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 0;
	content: '';
	left: -5px;
	top: 50%;
	margin-top: -4px;
	z-index: 2;

}
.voice_item .voice_ctrl {
	display: none;
	/*padding: 0 10px;
	width: 10%;
	text-align: center;*/
}
.voice_item .voice_ctrl button {
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
}
.voice_item .voice_ctrl button span {
	display: inline-block;
}
.voice_item .voice_ctrl button span.close {
	display: none;
	color: #08493c;
}
.voice_item .voice_ctrl button.open .read {
	display: none;
}
.voice_item .voice_ctrl button.open .close {
	display: inline-block;
}
.voice_item .voice_lists {
	margin-left: 9%;
	padding: 20px 0 0;
}
.voice_item .voice_lists li {
	display: inline-block;
	vertical-align: top;
	font-size: 0.8em;
	line-height: 50px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.voice_item .voice_lists li img {
	object-fit: cover;
	width: 50px;
	height: 50px;
	margin-right: 6px;
}
.voice_item .voice_lists li a {
	display: block;
	cursor: pointer;
	color: #525263;
}
}
@media only screen and (max-width: 959px) {
	.voice_item .voice_date {
		width: 15%;
	}
	.voice_item .voice_title {
		width: 20%;
	}
	.voice_item .voice_contents {
		width: 50%;
	}
	.voice_item .voice_ctrl {
		width: 15%;
	}
}
@media only screen and (max-width: 767px) {
	#voice_list {
		padding-bottom: 40px;
	}
	.voice_item .voice_date {
		font-size: 0.9em;
	}
	.voice_item {
		display: block;
		border-bottom: 1px dotted #b6b6b6;
		padding: 25px 0;
	}
	.voice_item .voice_in {
		display: block;
	}
	.voice_item .voice_date {
		padding-right: 0;
		width: auto;
	}
	.voice_item .voice_title {
		padding-right: 0;
		width: auto;
		padding-bottom: 20px;
	}
	.voice_item .voice_title span {
		display: block;
		width: 35%;
		margin: 0 auto;
	}
	.voice_item .voice_contents {
		padding: 20px 15px;
		width: auto;
	}
	.voice_item .voice_contents:before {
		border-right: 4px solid transparent;
		border-top: 0;
		border-bottom: 5px solid #f1f1f1;
		border-left: 4px solid transparent;
		left: 50%;
		top: -5px;
		margin: 0 0 0 -4px;

	}
	.voice_item .voice_ctrl {
		padding: 10px 0 0;
		width: auto;
		text-align: center;
	}
	.voice_item .voice_ctrl button {
		border: 0;
		background: none;
		padding: 0;
		margin: 0;
	}
	.voice_item .voice_ctrl button span {
		display: inline-block;
	}
	.voice_item .voice_ctrl button span.close {
		display: none;
		color: #08493c;
	}

	.voice_item .voice_ctrl button.open .read {
		display: none;
	}
	.voice_item .voice_ctrl button.open .close {
		display: inline-block;
	}
	.voice_item .voice_lists {
		margin-left: 0;
	}
}

.detail_fancybox {
	background: #fff;
	width: 940px;
}

.detail_header {
	padding: 25px 30px;
	display: flex;
	overflow: hidden;
	background: url(../img/common/box_yajirushi.png) no-repeat 88% bottom;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.detail_header .detail_name {
	font-size: 2.4rem;
	line-height: 1.5;
	font-weight: bold;
	padding-right: 15px;
}
.detail_header .detail_name span.cate {
	display: inline-block;
	font-size: 1.2rem;
	margin-left: 10px;
}
.detail_header .detail_name span.cate.cat01 {
	color: #08493c;
}
.detail_header .detail_name span.cate.cat02 {
	color: #f90157;
}
.detail_header .detail_btn a {
	width: 180px;
	height: 38px;
	background: #c91a1a;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	line-height: 38px;
}
.detail_header .detail_btn a:hover {
	text-decoration: none;
	color: #fff;
	opacity: .7;
}
.detail_header .detail_txt {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #f90157;
	padding-left: 20px;
}

.detail_change {
	background: #ececec;
	padding: 8px 30px;
	text-align: right;
	font-size: 1.4rem;
	line-height: 1.5;
}
.detail_change select {
	display: inline-block;
	vertical-align: middle;
	margin-left: 16px;
	background: #FFF url(../img/common/ico_select.png) no-repeat right 12px center;
	border: 2px solid #f90157;
	width: 235px;
	height: 33px;
}

.detail_contents {
	background: #fff;
	padding: 20px 30px 0;
}
.detail_contents ul {
	overflow: hidden;
	margin-left: -80px;
}
.detail_contents ul li {
	float: left;
	width: 25%;
	padding-left: 80px;
	margin-bottom: 20px;
}
.detail_contents .detail_item {
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: center;
}
.detail_contents .detail_item .detail_price span.mini {
	display: block;
	font-size: 90%;
	line-height: 1.6;
	color: #999;
}
.detail_contents .detail_item .detail_img {
	margin-bottom: 3px;
}
.detail_contents .detail_item .detail_btn {
	margin-top: 7px;
}
.detail_contents .detail_item .add_cart {
	border: 2px solid #0b4a3c;
	background: #0b4a3c;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 28px;
	font-size: 1.4rem;
	line-height: 24px;
	cursor: pointer;
}
.detail_contents .detail_item .add_cart:hover {
	background: #fff;
	color: #0b4a3c;
}
@media only screen and (max-width:1000px) {

	.detail_fancybox {
		width: 100%;
	}
	.detail_header .detail_name span.cate {
		display: block;
		font-size: 1.2rem;
		margin-left: 0;
	}
	.detail_header {
		padding: 20px;
	}
	.detail_header .detail_txt {
		font-size: 1.3rem;
		padding-left: 10px;
	}
	.detail_change {
		background: #ececec;
		padding: 8px 20px;
		text-align: right;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.detail_change select {
		display: inline-block;
		vertical-align: middle;
		margin-left: 16px;
		border: 1px solid #f90157;
		width: 185px;
		height: 33px;
	}
	.detail_contents {
		padding: 20px 20px 0;
	}
	.detail_contents ul {
		overflow: hidden;
		margin-left: -40px;
	}
	.detail_contents ul li {
		float: left;
		width: 25%;
		padding-left: 40px;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.detail_header .detail_name span.cate {
		display: block;
		font-size: 1.2rem;
		margin-left: 0;
	}
	.detail_header {
		padding: 10px;
		display: block;
	}
	.detail_header .detail_name {
		font-size: 1.8rem;
		padding-right: 10px;
		float: left;
		width: 50%;
	}
	.detail_header .detail_btn {
		overflow: hidden;
		text-align: right;
	}
	.detail_header .detail_btn a {
		width: 100%;
		max-width: 180px;
		height: 38px;
		background: #c91a1a;
		display: block;
		color: #fff;
		text-align: center;
		font-size: 1.4rem;
		line-height: 38px;
	}
	.detail_header .detail_txt {
		font-size: 1.2rem;
		padding-left: 0;
		clear: both;
	}
	.detail_change {
		padding: 8px 10px;
		text-align: left;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.detail_change select {
		display: block;
		margin-left: 0;
		width: 100%;
		margin-top: 5px;
	}
	.detail_contents {
		padding: 10px 10px 0;
	}
	.detail_contents ul {
		overflow: hidden;
		margin-left: -10px;
	}
	.detail_contents ul li {
		float: left;
		width: 50%;
		padding-left: 10px;
		margin-bottom: 10px;
	}
}

.page_title {
	font-size: 3rem;
	line-height: 2;
	margin-bottom: 25px;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.page_title {
		font-size: 2.4rem;
		margin-bottom: 15px;
	}
}
#related_product_area .heading01,
.item_gallery .heading01 {
	margin-bottom: 20px;
}
#related_product_area .main_content,
.item_gallery .main_content {
	float: none;
	width: 100%;
}


/*my.css------detail.html*/
#review {
	display: block;
	margin-top: -50px;
	padding-top: 50px;
}
.br{
	display:none;
}
.detail_evaluate{
	margin-bottom:50px;
	color:#444;
}
.detail_evaluate .hd01{
	margin:auto;
	padding:10px 0;
	font-size:1.8rem;
	font-weight:bold;
}
.detail_evaluate .hd01 .sub{
	margin-left:60px;
	font-size:1.4rem;
	font-weight:normal;
}
.detail_evaluate span img {
	max-width: 155px;
}
.detail_evaluate .star,
.silderFern .evaluate .star{
	display:inline-block;
	vertical-align:middle;
	background: url(../img/common/star_off.png) 0 0 no-repeat;
	background-size:auto 100%;
	position:relative;
}
.detail_evaluate .hd01 .star{
	width: 140px;
	height: 22px;
}
.silderFern .evaluate .star{
	width: 112px;
	height: 18px;
}
.detail_evaluate dd .star{
	width: 100px;
	height: 16px;
}
.detail_evaluate .star:before,
.silderFern .evaluate .star:before{
	content:"";
	width:0;
	height: 100%;
	background: url(../img/common/star_on.png) 0 0 no-repeat;
	background-size:auto 100%;
	position:absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.detail_evaluate .star.five:before,
.silderFern .evaluate .star.five:before{
	width:100%;
}
.detail_evaluate .star.four:before,
.silderFern .evaluate .star.four:before{
	width:80%;
}
.detail_evaluate .star.three:before,
.silderFern .evaluate .star.three:before{
	width:60%;
}
.detail_evaluate .star.two:before,
.silderFern .evaluate .star.two:before{
	width:40%;
}
.detail_evaluate .star.one:before,
.silderFern .evaluate .star.one:before{
	width:20%;
}
.detail_evaluate p{
	margin:0;
}
.detail_evaluate dl:nth-of-type(1){
	border-top: 1px solid #c1c1c1;
}
.detail_evaluate dl{
	padding:25px 0;
	font-size:1.4rem;
	border-bottom:1px dotted #b6b6b6;
}
.detail_evaluate dt{
	float:left;
	margin-right:25px;
}
.detail_evaluate dd{
	overflow:hidden;
	position:relative;
}
.detail_evaluate dd .voice{
	overflow:hidden;
	margin-bottom:10px;
	font-weight:bold;
}
.detail_evaluate dd .voice .con{
	display:inline-block;
	width:25%;
}
.detail_evaluate dd .txt{
	overflow:hidden;
	height: 1.5em;
	width:100%;
	transition:0.3s;
}
.detail_evaluate dd .voice_ctrl{
	float:right;
	width:150px;
	text-align:center;
}
.detail_evaluate dd .voice_ctrl button {
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
}
.detail_evaluate dd .voice_ctrl button span {
	display: inline-block;
}
.detail_evaluate dd .voice_ctrl button.open .read {
	display: none;
}
.detail_evaluate dd .voice_ctrl button.open .close {
	display: inline-block;
}
.detail_evaluate dd .voice_ctrl button span.close {
	display: none;
	color: #08493c;
}
@media only screen and (max-width: 767px) {
	.detail_evaluate dl + p.txt_center {
		font-size: 1.85rem;
		margin-top: 20px;
	}
}

.saleShop{
	margin-bottom:50px;
	color:#444;
}
.saleShop .hd01{
	margin:auto;
	padding:10px 0;
	font-size:1.8rem;
	font-weight:bold;
}
.saleShop .hd01 .sub{
	float:right;
	font-size:1.2rem;
	font-weight:normal;
	margin-top: 8px;
}
.saleShop .shopBox{
	overflow-y:scroll;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px 20px;
	width:100%;
	height:280px;
	border:1px solid #c1c1c1;
}
.saleShop .shopBox li{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:15px 10px;
	font-size:1.2rem;
	border-bottom:1px dotted #b6b6b6;
}
.shopBox li .address{
	margin:0;
	line-height:1.71;
}
.shopBox li .tel{

	font-size:1.8rem;
}
.shopBox li .tel .num{
	display:inline-block;
	padding:0 30px 0 0;
	margin:0 20px;
	background:url(../img/common/ico_line.png) no-repeat right center;
}

.silderFern{
	margin:0 auto;
}
.slick-slider {
	margin-bottom: 0;
}
.silderFern .title{
	/*display:flex;
	justify-content:space-between;
	align-items:center;*/
	display: table;
	margin:0 auto;
	max-width:1100px;
	font-size:1.4rem;
}
.silderFern .title .evaluate {
	display: table-cell;
	width: 40%;
	vertical-align: middle;
	text-align: right;
	padding-top: 10px;
}
.silderFern .title .evaluate span {
	display: inline-block;
	max-width: 28%;
	margin: 0 20px;
}
.silderFern .title .fb_iframe_widget {
	text-align: left;
}
.silderFern .title .tit {
	display: table-cell;
	width: 60%;
	vertical-align: middle;
}
.silderFern .brd {
	font-size: 1.2rem;
	max-width:1100px;
	margin:0 auto;
}
.silderFern .brd.brd01 {
	color: #08493c;
}
.silderFern .brd.brd02 {
	color: #f90157;
}
@media only screen and (max-width: 767px) {
	.silderFern .title,
	.silderFern .title .tit {
		display: block;
		width: 100%;
	}
	.silderFern .title .evaluate {
		display: none;
	}
}
.silderFern .title .name{
	margin-right:30px;
	font-size:2.5rem;
	font-weight:bold;
}
.silderFern .colorList{
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 20px;
}
.silderFern .colorList li{
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	width:8px;
	height:8px;
}
.silderFern .colorList li img{
	width:100%;
}
.silderFern .evaluate .bagde{
	display:inline-block;
	padding:5px 8px 5px 25px;
	background:#407fff;
	color:#fff;
	border-radius:4px;
	position:relative;
}
.silderFern .evaluate .bagde:before{
	content:"";
	position:absolute;
	left:8px;
	top:50%;
	width:10px;
	height:6px;
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#fff;
	transform:translateY(-50%) rotate(-45deg);
}
.silderFern .evaluate .star{
	margin:0 20px 0 30px;
}
.silderImg.imabari .bigImg li{
	position: relative;
}
.silderImg.imabari .bigImg li:before {
	position: absolute;
	display: block;
	content: "";
	right: 15px;
	bottom: 10px;
	width: 100px;
	height: 100px;
	background: url(../img/top/ico_brand.png) no-repeat 0 0;
	background-size: contain;
	z-index: 10000;
}
.silderFern .silderImg p.imabari {
	display: none;
}
.silderImg .bigImg img{
	width:100%;
}
.silderImg .bigImg li{
	opacity:0.3;
}
.silderImg .bigImg li.slick-active{
	opacity:1;
}
.bigImg .slick-slide {
	margin: 20px auto 30px;
}
.silderImg .smallImg{
	margin:0 auto;
	max-width:1100px;
	text-align:center;
}
.silderImg .smallImg img{
	width:95%;
	margin:0 auto;
}
.silderImg .smallImg li{
	opacity:0.3;
}
.silderImg .smallImg li.slick-current{
	opacity:1;
}
.silderImg .slick-prev,
.silderImg .slick-next{
	margin:0;
	width:30px;
	height:100%;
	background:none;
	box-shadow:none;
	transform:translateY(-50%);
}
.silderImg .slick-prev:before {
	width: 10px;
	height: 10px;
	border-top: 2px solid #767676;
	border-left: 2px solid #767676;
	transform: rotate(-45deg);
	box-sizing: border-box;
	top: 50%;
	left:0;
}
.silderImg .slick-next:before {
	width: 10px;
	height: 10px;
	border-top: 2px solid #767676;
	border-right: 2px solid #767676;
	transform: rotate(45deg);
	box-sizing: border-box;
	top: 50%;
	right:0;
}
@media only screen and (min-width: 840px) {
	.silderFern .title .evaluate {
		width: 40%;
	}
	.silderFern .title .evaluate span {
		max-width: 18%;
	}
	.silderFern .title .evaluate .text_link01 {
		vertical-align: middle;
	}
}
@media only screen and (max-width: 959px) {
	.bigImg .slick-slide { margin-top: 10px; }
	.silderFern .title,
	.silderFern .brd{
		padding:0 14px;
	}
	.silderFern .title .name {
		font-size: 2.1rem;
		line-height: 1.2;
	}
	.silderImg .smallImg{
		padding:0 30px;
	}
	.silderImg .slick-prev{
		left:0;
	}
	.silderImg .slick-next{
		right:0;
	}
	.silderImg .slick-prev:before {
		left:14px;
	}
	.silderImg .slick-next:before {
		right:14px;
	}
	.silderImg.imabari .bigImg li:before {
		width: 50px;
		height: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.br{
		display:block;
	}
	.detail_evaluate dl:nth-of-type(1) {
		border-width: 2px;
	}
	.silderFern .title{
		display: block;
	}
	.silderFern .title .tit{
		margin-bottom:5px;
	}
	.silderFern .evaluate a,
	.silderFern .evaluate span {
		display: inline-block;
		vertical-align: middle;
	}
	.silderFern .evaluate .bagde{
		margin-bottom:8px;
	}
	.silderFern .evaluate .star{
		margin:0 20px;
		width: 100px;
		height: 16px;
	}
	.cart_area .step{
		font-size:1.3rem;
	}
	.detail_evaluate .hd01 .sub:before {
		content: "";
		display: block;
	}
	.detail_evaluate .hd01 .sub{
		/*isplay:block;*/
		margin:10px 0 5px;
	}
	.detail_evaluate dt{
		float:none;
		margin:0 0 10px;
	}
	.detail_evaluate dd .voice .con{
		width:auto;
	}
	.saleShop .hd01 .sub{
		display:block;
		margin:10px 0;
	}
	.saleShop .shopBox{
		padding:0 10px;
		height: 200px;
	}
	.saleShop .shopBox li{
		flex-direction:column;
		align-items: flex-start;
	}
	.shopBox li .tel .num {
		margin: 0;
	}
	.shopBox li .address{
		margin:0 auto 10px;
	}

	.silderImg.imabari .bigImg li:before {
		width: 33px;
		height: 33px;
	}
}

/* topお知らせ */
.top_news {
	clear:both;
	margin:0;
	padding:0 10px;
}
.top_news .title {
	color:#FF0000
	;font-weight:bold;
	border:solid 2px #FF0000;
	padding:10px;
	margin-bottom:12px;
	text-align:center;
}
.top_news p + p {
	font-size: 90%;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.top_news p + p {
		text-align: left;
	}
}

/* top固定バナー */
.banners_kotei {
	overflow: hidden;
	margin: 30px 0 0;
	padding-top: 50px;
}
.banners_kotei ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}
.banners_kotei ul li {
	/*width: 32%;*/
	width:23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.banners_kotei ul li:nth-child(3n) {
	/*margin-right: 0;*/
}
.banners_kotei ul li:nth-child(4n) {
	margin-right: 0;
}
@media only screen and (max-width: 767px) {
	.banners_kotei {
		padding-top: 20px;
		margin: 30px 0 0;
	}
	.banners_kotei ul li {
		width: 48%;
		margin-right: 4%;
	}
	.banners_kotei ul li:nth-child(3n) {
		/*margin-right: 2%;*/
	}
	.banners_kotei ul li:nth-child(2n),
	.banners_kotei ul li:nth-child(4n) {
		margin-right: 0;
	}
	.banners_kotei ul li.yoko {
		width: 98%;
		margin-right: 0 !important;
	}
}

/*enquete.html*/
.enqueteResults{
	margin:0 auto 50px;
	line-height:2.1;
	font-size:1.4rem;
}
.enqueteResults .hd01{
	font-size:2.2rem;
	border-bottom:1px solid #969696;
}
.enqueteResults .ending{
	margin:20px auto 0;
	text-align:right;
	font-size:1.2rem;
}
.enqueteForm .btn_order {
	text-align: center;
	margin: 30px auto;
}
.enqueteForm .btn_order a {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 120%;
	width: 30%;
	color: #FFF;
	background: #D94940;
	padding: 20px 0;
}
.enqueteList{
	color:#121212;
}
.enqueteList > ul > li{
	margin:0 auto 50px;
}
.enqueteList li .hd01{
	margin:0 auto 20px;
	padding:11px 25px;
	background:#f1f1f1;
	font-size:1.8rem;
	font-weight:bold;
	border-left:5px solid #08493c;
}
.enqueteList .calendar{
	padding:12px 0;
	background:#f1f1f1;
}
.enqueteList .calendar .date{
	padding:0 30px;
}
.enqueteList .calendar input[type=submit]{
	margin-left:30px;
	height:42px;
	width:128px;
	background:#eb800e;
	color:#fff;
	font-size:1.4rem;
	border:0;
}
.enqueteList figure{
	text-align:center;
}
.enqueteBox .hd02{
	padding:10px 0;
	margin:0 auto 20px;
	font-weight:bold;
	font-size:1.8rem;
	border-bottom:1px solid #969696;
}
.enqueteBox .box{
	overflow-y:scroll;
	padding:18px;
	height:200px;
	font-size:1.4rem;
	border:1px solid #ccc;
}
.enqueteBox .box li{
	margin:0 auto 8px;
	padding-left:1em;
	text-indent:-1em;
	line-height:2;
}
.enqueteBox .box li:before{
	content:"";
	display:inline-block;
	margin-right:3px;
	width:12px;
	height:12px;
	background:#000;
	border-radius:20px;
}
.enqueteBox .box .note{
	display:inline-block;
	text-indent:0;
	padding:8px 10px;
	background:#e1f3ef;
}

@media only screen and (max-width: 959px) {
	.enqueteList .calendar input[type="submit"]{
		margin-left: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.enqueteList li .hd01{
		padding: 6px 15px;
		font-size: 1.5rem;
	}
	.enqueteList .calendar input[type="submit"]{
		display:block;
		margin:10px auto 0;
	}

}



/* english.html */
.produstList{

}
.produstList .hd01{
	padding:8px 0;
	text-align:center;
	font-weight:bold;
	font-size:2.4rem;
	border-bottom:1px solid #c1c1c1;
}
.productItemDetail{
	padding:32px 0;
	border-bottom:1px dotted #ccc;
}
.productItemDetail .productName{
	float:left;
	width:25%;
	margin-right:30px;
}
.productItemDetail .productType{
	overflow:hidden;
}
.productItemDetail .title{
	margin:0 auto 15px;
	padding:5px 0;
	font-size:1.4rem;
	font-weight:bold;
	border-bottom:1px solid #c1c1c1;
}
.productItemDetail .productName .name{
	margin:0 auto 5px;
	font-size:1.8rem;
}
.productItemDetail .productName .name .eng{
	display:block;
	font-size:1.4rem;
}
.productItemDetail .productName .image li{
	height:200px;
	line-height:200px;
	text-align:center;
}
.productItemDetail .productName .image img{
	display:inline-block !important;
	vertical-align:middle;
	width:auto;
	height:auto;
}
.productItemDetail .productName .detail{
	position:relative;
	bottom: 0;
	margin:10px 0;
}
.productItemDetail .productName .detail li {
	width: 33.333%;
	height: 80px;
	margin:15px 0;
	float: left;
	text-align:center;
}
.productItemDetail .slick-dots li button{
	margin:auto;
}
.productItemDetail .productType table{
	width:100%;
	text-align:left;
	font-size:1.4rem;
}
.productItemDetail .productType th{
	padding:6px;
	background:#f1f1f1;
	font-weight:normal;
}
.productItemDetail .productType th .size{
	display:inline-block;
	margin-right:10px;
	padding:6px 9px;
	background:#fff;
}
.productItemDetail .productType th .name{
	font-weight:bold;
}
.productItemDetail .productType th .price{
	margin:5px;
	float:right;
}
.productItemDetail .productType td{
	padding:6px;
	width:50%;
	height:42px;
	border-bottom:1px solid #c1c1c1;
}
.productItemDetail .productType td:nth-of-type(1){
	border-right:1px solid #c1c1c1;
}
.productItemDetail .productType td .type{
	float:left;
}
.productItemDetail .productType td .case{
	vertical-align:middle;
	margin-right:16px;
	width:30px;
	height:30px;
}
.productItemDetail .productType td .quantity{
	float:right;
}
.productItemDetail .productType td .quantity input{
	padding:0 5px;
	margin-left:10px;
	height:28px;
	width:100px;
	background:#f4f4f4;
	border:1px solid #bababa;
}

@media only screen and (max-width: 959px) {
	.productItemDetail .productName .image li{
		height: 130px;
		line-height: 130px;
	}
	.productItemDetail .productName .slick-dots li {
		width:50%;
	}

}
@media only screen and (max-width: 767px) {
	.productItemDetail .productName{
		float:none;
		margin:0 auto 20px;
		width:100%;
	}
	.productItemDetail .productName .image li{
		height: 200px;
		line-height: 200px;
	}
	.productItemDetail .productName .slick-dots li{
		width:33.3333%;
		height: 80px;
	}
	.productItemDetail .slick-dots li button{
		width:auto;
		height:auto;
	}
	.productItemDetail .slick-dots li button:before{
		content:none;
	}

	.productItemDetail .productType{
		width:100%;
	}
	.productItemDetail .productType th .size{
		display:block;
		width:46px;
		text-align:center;
	}
	.productItemDetail .productType th .price{
		float:none;
		display:block;
	}
	.productItemDetail .productType td:nth-of-type(1),
	.productItemDetail .productType td{
		display:block;
		padding:6px 0;
		width:100%;
		height:auto;
		border-right:0;
	}
	.productItemDetail .productType td:after{
		content:"";
		display:block;
		height:1px;
		clear:both;
	}
	.productItemDetail .productType td .case{
		margin-right:6px;
	}
	.productItemDetail .productType td .quantity input{
		margin-left:0;
	}
}

.laydate-icon{
	display:inline-block;
	margin:0 15px 0 5px;
	padding-right:30px;
	background:url(../img/common/icon.png) no-repeat right center;
}
.laydate-icon input{
	padding:0 10px;
	height:46px;
	width:300px;
	border:1px solid #C6C6C6;
	border-radius:4px;
	font-size: 1.8rem;
}
@media only screen and (max-width: 959px) {
	.laydate-icon input{
		width:160px;
	}
}
@media only screen and (max-width: 767px) {
	.laydate-icon{
		display:block;
		margin:0 auto;
	}
	.laydate-icon input{
		height:36px;
		width:100%;
	}
}

.detail_text,
.free_area {
	font-size: 1.8rem;
	line-height: 2;
	margin-bottom: 50px;
}
.detail_text.attention {
	color: #FA0000;	
}
.hd03 {
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 12px;
	overflow: hidden;
	margin-top: 0;
}
.hd03 span {
	float: right;
	font-weight: normal;
	font-size: 1.4rem;
	margin-top: 8px;
}

.all_size_area {
	background: #f6f6f6;
	margin: 30px 0;
	padding: 45px 10px 35px;
	text-align: center;
}
.all_size_area a {
	display: inline-block;
	position: relative;
	color: #FFF;
	background: #DA2201;
	border-radius: 5px;
	margin-bottom: 12px;
	padding: 15px 40px 15px 30px;
}
.all_size_area a:after {
	display: inline-block;
	position: absolute;
	vertical-align: middle;
	content: "";
	width: 6px;
	height: 6px;
	right: 5%;
	bottom: 43%;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -3px;
}
.all_size_area a:hover {
	opacity: 0.6;
}
.all_size_area p {
	font-size: 90%;
	margin: 0;
}
.detail_wrap {
	margin-bottom: 50px;
	overflow: hidden;
}

.size_table {
	font-size: 1.2rem;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
}
.size_table td {
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 14px 0;
}
.size_table tr td:last-child {
	text-align: right;
}
.size_table .name {
	pointer-events: none;
	font-size: 1.4rem;
	font-weight: bold;
	display: block;
	line-height: 1.71;
}
.size_table .name a:link,
.size_table .name a:active,
.size_table .name a:visited {
	color: #525263 !important;
	text-decoration: none;
}
.size_table .price {
	font-size: 1.4rem;
	line-height: 1.71;
}
.size_table .price em {
	font-size: 1.8rem;
	font-style: normal;
	color: #db2301;
	font-weight: bold;
}

.deatil_main {
	float: left;
	width: 61%;
}
.deatil_side {
	float: right;
	width: 35.33%;
}

@media only screen and (max-width: 767px) {
	.detail_text {
		font-size: 1.4rem;
		margin-bottom: 30px;
	}

	.hd03 {
		font-size: 1.8rem;
		line-height: 1.5;
		font-weight: bold;
		margin-bottom: 12px;
		overflow: hidden;
		margin-top: 0;
	}
	.hd03 span {
		float: right;
		font-weight: normal;
		font-size: 1.4rem;
		margin-top: 8px;
	}

	.detail_wrap {
		margin-bottom: 50px;
	}

	.size_table,
	.size_table tr,
	.size_table tbody,
	.size_table th,
	.size_table td{
		display: block;
		width: 100%;
	}
	.size_table {
		border-top: 1px solid #c0c0c0;
	}
	.size_table tr {
		border-bottom: 1px solid #c0c0c0;
		padding: 14px 0;
	}

	.size_table td {
		border-top: 0;
		border-bottom: 0;
		padding: 0;
	}
	.size_table tr td:nth-child(2) {
		/*display: inline-block;
		width: 49%;*/
	}
	.size_table tr td:last-child {
		display: block;
		/*width: 49%;*/
		text-align: right;
	}
	.size_table .name {
		font-size: 1.4rem;
		display: block;
		line-height: 1.71;
	}
	.size_table .price {
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.size_table .price em {
		font-size: 1.8rem;
		font-style: normal;
		color: #db2301;
		font-weight: bold;
	}

	.deatil_main {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	.deatil_side {
		float: none;
		width: auto;
	}
	.deatil_side img {
		display: block;
		max-width: 80%;
		height: auto;
		margin: 0 auto;
	}
	#item_detail_area {
		padding-top: 10px;
	}
	.all_size_area {
		/*display: none;*/
	}
}

.noMove {
	-webkit-transform: translate3d(0, 0, 0) !important;
	-moz-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	-o-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
}


/* Enquete_form
------------------------------------------- */
.enqueteForm {
	margin-bottom: 10em;
}
.enqueteForm h3.hd01{
	margin:0 auto 20px;
	padding:11px 25px;
	background:#f1f1f1;
	font-size:1.8rem;
	font-weight:bold;
	border-left:5px solid #08493c;
}
.enqueteForm .enqueteBox {
	margin-top: 50px;
}
.enqueteForm h3.hd01 span {
	display: inline-block;
	color: #FFF;
	margin: -11px 0;
	padding: 11px 25px;
}
.enqueteForm h3.hd01 span.must {
	background: #DB3711;
	margin-left: -25px;
}
.enqueteForm h3.hd01 span.not_must {
	background: #3264CB;
	margin-left: -25px;
}
.leftMgn {
	margin-left: -25px;
}
.enqueteForm h3.hd01 span.number {
	background: #08493c;
	margin-right: 25px;
}
.enqueteForm ul li {
	margin-bottom: 10px;
}
input:read-only {
	background-color: #cfcfcf;
}
.enqueteForm select {
	width: 200px;
}
.enqueteForm textarea {
	width: 100%;
	border: solid 1px #bbb;
	padding: 10px;
}
.enqueteForm input[type="text"] {
	font-size: 1.6rem;
	border: none;
	border-bottom: solid 1px #C6C6C6;
	padding: 10px;
}
.englishForm.enqueteForm input[type="text"] {
	min-width: 255px;
}
.enqueteForm input[type="text"].formBig {
	width: 80%;
}
.enqueteForm ul li input[type="text"] {
	width: 180px;
}
.enqueteForm input[type=radio],
.enqueteForm input[type=checkbox] {
	display: none;
}
.enqueteForm .radio,
.enqueteForm .checkbox {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	margin: 0 20px 8px 0;
	padding: 8px 8px 3px 50px;
	border-radius: 8px;
	vertical-align: middle;
	cursor: pointer;
}
.enqueteForm .radio:hover,
.enqueteForm .checkbox:hover {
}
.enqueteForm .radio:hover:after,
.enqueteForm .checkbox:hover:after {
	border-color: #DB3711;
}
.enqueteForm .radio:after,
.enqueteForm .checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 24px;
	height: 24px;
	border: 2px solid #bbb;
	border-radius: 6px;
	content: '';
}
.enqueteForm .radio:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	margin-top: -5px;
	width: 14px;
	height: 14px;
	content: '';
	opacity: 0;
	background: #DB3711;
	border-radius: 2px;
}
.enqueteForm input[type=radio]:checked + .radio:before {
	opacity: 1;
}
.enqueteForm .checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 23px;
	display: block;
	margin-top: -7px;
	width: 8px;
	height: 14px;
	border-right: 3px solid #DB3711;
	border-bottom: 3px solid #DB3711;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.enqueteForm input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}
.back_btn {
	float: right;
	padding-top: 25px;
}
.back_btn a {
	display: block;
	font-size: 1.5rem;
	line-height: 166%;
	border-radius: 6px;
	color: #FFF;
	background: #08493c;
	padding: 10px 15px;
}
.btn_submit {
	text-align: center;
	margin: 30px auto;
}
.btn_submit a {
	font-size: 1.6rem;
	line-height: 120%;
	width: 30%;
	padding: 20px 0;
}
.thanks {
	color: #525263;
	font-size: 1.5rem;
	line-height: 2.5em;
	text-align: center;
	margin: 50px 0;
}
@media only screen and (max-width: 920px) {
	.enqueteForm h3.hd01 {
		line-height: 150%;
		padding-left: 15px;
	}
	.enqueteForm h3.hd01 span {
		display: inline-block;
		font-size: 80%;
		line-height: 150%;
		color: #FFF;
		margin: -11px 5px;
		padding: 0px 10px;
	}
	.enqueteForm h3.hd01 span.number {
		margin-right: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.enqueteForm h3.hd01 span.must,
	.enqueteForm h3.hd01 span.not_must,
	.leftMgn {
		margin-left: 0;
	}
	.enqueteForm input[type="text"].formBig {
		width: 100%;
	}
	.back_btn {
		float: none;
		padding-top: 10px;
		text-align: center;
	}
	.back_btn a {
		display: inline-block;
	}
	.btn_submit a {
		width: 50%;
	}
}
.slick-slide a:link,
.slick-slide a img {
	cursor: pointer !important;
}
@media only screen and (max-width: 767px) {
	.registration_page .col-sm-4 {
		width: auto !!important;
		min-width: 48%;
		margin: 0 auto;
	}
}

.detail_noshi {
}
.detail_noshi p.red {
	font-size: 0.9em;
	line-height: 120%;
	color: #FFF;
	padding: 10px;
}
.detail_noshi .text_red {
	color: #FA0000;
}
.detail_noshi table {
	font-size: 0.9em;
	line-height: 120%;
	width: 100%;
	border-collapse: collapse;
}
.detail_noshi th {
	background: #F0F0F0;
	border: solid 1px #CCC;
	padding: 10px;
}
.detail_noshi td {
	border: solid 1px #CCC;
	padding: 10px;
}
.detail_noshi td img {
	display: block;
	height: auto !important;
	margin: 0 auto;
}
.tegaki {
	margin: 15px 0;
}
.tegaki ul {
	text-align: center;
}
.tegaki ul li {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	padding: 0 10px;
}
@media only screen and (max-width: 640px) {
	.detail_noshi table tr td:nth-child(3) {
		min-width: 55px;
	}
	.detail_noshi th,
	.detail_noshi td {
		font-size: 0.85em;
		padding: 3px;
	}
}

.lnk_giftbox {
	text-align: center;
	margin: 1.6em 0;
}
.lnk_giftbox h3 {
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 1.6rem;
	color: #FFF;
	background: #E8695B;
	padding: 16px 20px;
}
.lnk_giftbox h3:before {
	position: absolute;
	content: "";
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 10px solid transparent;
	border-top: 12px solid #E8695B;
}
.lnk_giftbox h3 span.first {
	font-size: 2.1rem;
}
.lnk_giftbox h3 span.second {
	color: #fff550;
}
.lnk_giftbox p {
	font-size: 0.9em;
}
.lnk_giftbox p span.red {
	font-size: 1.8rem;
}
.lnk_giftbox p a {
	font-weight: bold;
	text-decoration: underline;
}
.lnk_giftbox p a:hover {
	text-decoration: none;
}
.lnk_giftbox .red {
	color: #FA0000;
	background: none;
}
.lnk_giftbox ul {
	margin-top: 20px;
	text-align: center;
}
.lnk_giftbox ul li {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin-right: 3.5%;
}
.lnk_giftbox ul li:last-child {
	margin-right: 0;
}
.lnk_giftbox ul li a {
	display: block;
	border: solid 3px #F0F0F0;
}
.lnk_giftbox ul li a.txt {
	display: block;
	border: none;
	color: #525263;
	font-weight: bold;
}
.lnk_giftbox ul li:nth-child(1) a:hover {
	border-color: #FD86A2;
}
.lnk_giftbox ul li:nth-child(2) a:hover {
	border-color: #FF873E;
}
.lnk_giftbox ul li:nth-child(3) a:hover {
	border-color: #3C4BB0;
}
.lnk_giftbox ul li:nth-child(1) a.txt:hover {
	color: #FD86A2;
}
.lnk_giftbox ul li:nth-child(2) a.txt:hover {
	color: #FF873E;
}
.lnk_giftbox ul li:nth-child(3) a.txt:hover {
	color: #3C4BB0;
}

@media only screen and (max-width: 640px) {
	.lnk_giftbox h3 span.first {
		font-size: 0.9em;
	}
	.lnk_giftbox h3 span.second {
		font-size: 0.8em;
	}
	.lnk_giftbox p {
		text-align: left;
	}
	.lnk_giftbox ul {
		text-align: left;
	}
	.lnk_giftbox ul li {
		/*display: block;
		width: 100%;
		margin-right: 0;*/
		/*width: 46%;*/
		margin-bottom: 15px;
	}
	.lnk_giftbox ul li:nth-child(2) {
		/*margin-right: 0;*/
	}
	.lnk_giftbox ul li a.txt {
		font-size: 0.8em;
	}
}

.shping_calendar {
	width: 80%;
	border: solid 2px #CFCFCF;
	margin: 0 auto 30px;
	padding: 20px;
}
.shping_calendar h3 {
	margin: 0 0 15px;
}
.shping_calendar p {
	font-size: 0.9em;
}
.shping_calendar span {
	text-decoration: underline;
}
.shping_calendar span.red {
	color: #FA0000;
	background: none;
	text-decoration: none;
}
@media only screen and (max-width: 640px) {
	.shping_calendar {
		width: 100%;
	}
}


/* Point_exchange
---------------------------------------------------------- */
.btn_exc {
	overflow: hidden;
	margin: 20px 0;
}
.btn_exc a {
	display: block;
	font-size: 2.2rem;
	width: 100%;
	color: #FFF;
	background: #064B3C;
	padding: 10px;
}
.btn_exc.oversea a {
	display: block;
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
	text-align: center;
}
.btn_exc .done {
	float: left;
	width: 45%;
	padding: 20px;
	text-align: center;
	background: 
}
.btn_exc .not_yet {
	float: right;
	width: 45%;
	padding: 20px;
	text-align: center;
}

@media only screen and (max-width: 818px) {
	.btn_exc .done {
		float: none;
		width: auto;
	}
	.btn_exc .not_yet {
		float: none;
		width: auto;
	}
}
.point_number {
	background: #f0f0f0;
	margin: -15px auto 30px;
	padding: 20px;
	text-align: center;
}
.point_number span#point_hold {
	display: inline-block;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.1;
	color: #e83c3c;
	margin: 0 6px;
}

.column p.ex_title {
	font-size: 1.4rem;
	background: #F0F0F0;
	padding: 10px;
	text-align: center;
}
.column p.ex_title span.big {
	font-size: 2.4rem;
	line-height: 1.2;
	font-weight: bold;
	color: #e83c3c;
}
.dl_table dd ul {
	overflow-y: hidden;
	margin-bottom: 30px;
}
.dl_table dd ul li {
	display: inline-block;
	vertical-align: top;
	width: 47%;
	margin-right: 20px;
	margin-bottom: 15px;
}
.dl_table dd ul li:nth-child(2n) {
	margin-right: 0;
}
.dl_table dd ul li span {
	display: block;
	font-size: 90%;
}
.dl_table dd ul li img {
	padding-top: 10px;
}
.dl_table dd ul li p {
	font-size: 90%;
}
@media only screen and (min-width: 641px) {
	.ex_checklist li label:hover {
		cursor: pointer;
		opacity: 0.8;
	}
}
@media only screen and (max-width: 640px) {
	.ex_checklist {

	}
	/*.ex_checklist {
		width: 90%;
		margin: 2em auto;
		text-align: left;
	}*/
	.ex_checklist {
		margin: 0.5rem 0.5rem 2rem 0.5rem;
		padding: 0.5rem 1rem;
		list-style: none;
	}
	.ex_checklist li {
		font-size: 90%;
		vertical-align: top;
		margin: 0 0 0.5rem 0;
		padding: 0;
	}
	.ex_checklist li label {
		line-height: 135%;
		position: relative;
		margin: 0.5rem;
		cursor: pointer;
	}
	.ex_checklist li input {
		cursor: pointer;
		position: relative;
		display: inline-block;
		width: 1.45rem;
    height: 0.85rem;
		margin: 0 10px 10px 0;
	}
	.ex_checklist li input:before {
		position: absolute;
		z-index: 1;
		top: -0.45rem;
		left: -0.22rem;
		width: 1.45rem;
		height: 0.85rem;
		content: '';
		-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
		transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
		-webkit-transform: rotate(-45deg) scale(0, 0);
		transform: rotate(-45deg) scale(0, 0);
		border: 2px solid #da3c41;
		border-top-style: none;
		border-right-style: none;
	}
	.ex_checklist li input:checked:before {
		-webkit-transform: rotate(-45deg) scale(1, 1);
		transform: rotate(-45deg) scale(1, 1);
	}
	.ex_checklist li input:after {
		position: absolute;
		top: -1.125rem;
		left: -0.75rem;
		width: 2.5rem;
		height: 2.5rem;
		content: '';
		cursor: pointer;
		border: 2px solid #CCC;
		background: #ffffff;
	}
}
@media only screen and (max-width: 430px) {
	.dl_table dd ul li {
		width: 100%;
		margin-bottom: 30px;
	}
}

#default_error_wrap h1 {
	float: none !important;
	width: 100%;
}

/*20220629追加*/

#footer .snsLink {
	margin-top:20px;
}
#footer .snsLink ul li {
	display: inline-block;
	margin:0 4px 0;
}
#footer .snsLink ul li img {
	width: 32px;
	height: auto;
}
@media only screen and (max-width: 767px) {
	#footer .snsLink {
		margin-bottom:20px;
	}
}

.spmenu_snsLink {
	margin: 20px 0;
}
.spmenu_snsLink ul {
	/*text-align: center;*/
	padding: 0 6px;
}
.spmenu_snsLink ul li {
	display: inline-block;
	margin: 0 4px;
}
.spmenu_snsLink ul li img {
	width: 32px;
	height: auto;
}

#page_entry dl.dmarea,
#page_entry #confirm_box__dm_flg {
    display:none;
}

.accordion .mindbox dl {
	text-align: center;
	padding: 2em;
	cursor: pointer;
}
.accordion .mindbox dl dt {
	color: #064B3C;
	font-weight: bold;
	font-size: 2.4rem;
	letter-spacing: .3em;
	padding: 2em 0;
	background: url(../img/top/mind_bg.jpg) no-repeat center center;
	background-size: cover;
}
.accordion .mindbox dl dt span {
	display: block;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 1.8;
}
.accordion .mindbox dl dt.active {
	background: none;
}
.accordion .mindbox dl dt.active span {
	display: none;
}
.accordion .mindbox dl dd {
	display: none;
	background: url(../img/top/mind_bg.jpg) no-repeat center center;
	background-size: contain;
}
.accordion .mindbox dl dd p {
	line-height: 1.8;
	letter-spacing: .3em;
}
.accordion .mindbox dl dd p:last-child {
	padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
	.accordion .mindbox dl {
		margin: 0;
		padding: 0 1em;
	}
	.accordion .mindbox dl dt {
		letter-spacing: .1em;
		font-size: 2.0rem;
	}
	.accordion .mindbox dl dd {
		text-align: justify;
	}
	.accordion .mindbox dl dd p {
		letter-spacing: .1em;
		font-size: 1.4rem;
	}
}

/* summer-gift2023↓ */
.gift_wrap a {
	color: #525263;
	text-decoration: none;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

.gift_wrap a:hover {
	text-decoration: none;
	opacity: .8;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.gift_wrap *,.gift_wrap *:before,.gift_wrap *:after {box-sizing: border-box;}

.gift_sec01{
	padding-bottom: 80px;
}
.gift_sec01_box{
	max-width: 925px;
	margin: 0 auto;
	margin-top: 97px;
	background: url(../img/feature/summer-gift2023/bg_sec01_box.png)no-repeat;
	background-size: 100% 100%;
	padding: 68px 20px 60px;
	position: relative;
	font-family: "Hiragino Mincho Pro","游明朝体", YuMincho, "Yu Mincho", "MS P明朝", "MS PMincho", serif;
	text-align: center;
	font-size: 22px;
	line-height: 49px;
	letter-spacing: .12em;
}
.gift_sec01_bow{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	width: auto;
}

.bgGreen{
	position: relative;
}
.bgGreen:before{
	content: '';
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	background: #EFF8EF;
	width: calc(100vw - 17px);
	height: 100%;
	pointer-events: none;
}
.wintergift_wrap .bgGreen:before{
	background: #fdd363;
}
.gift_sec02{
	background: #EFF8EF;
	padding: 70px 0 80px;
}
.wintergift_wrap .gift_sec02{
	background: #fdd363;
}
.gift_hdm{
	border-radius: 10px;
	background: #7CB4A7;
	background: url(../img/feature/summer-gift2023/line_hdm.svg)no-repeat left 71px center,
	url(../img/feature/summer-gift2023/line_hdm02.svg)no-repeat right 71px center;
	background-size: auto,auto;
	background-color: #7CB4A7;
	padding: 30px 140px;
	color: #fff;
	text-align: center;
	font-size: 49px;
	line-height: 1.3;
	letter-spacing: .02em;
	margin-bottom: 60px;
}
.wintergift_wrap .gift_hdm{
	background-color: #c40001;
}
.gift_hdm font{
	margin-top: 12px;
	font-size: 18px;
	line-height: 24px;
	display: block;
	letter-spacing: 0.02em;
}
.gift_sec02_box01{
	border: 2px solid #C5BE88;
	background: #fff;
	border-radius: 35px;
	margin-bottom: 64px;
	padding: 20px 30px 30px;
}
.gift_sec02_ul01{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 0 70px;
	text-align: center;
}
.gift_sec02_ul01 li{
	position: relative;
}
.gift_sec02_ul01 li+li:before{
	content: '';
	position: absolute;
	left: -43px;
	top: 50%;
	z-index: 1;
	width: 22px;
	height: 41px;
	background: url(../img/feature/summer-gift2023/icon_arrow01.svg)no-repeat;
	background-size: 100% auto;
}
.gift_sec02_ul01_dl dt{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 166px;
	margin-bottom: 20px;
}
.gift_sec02_ul01_dl dt img{
	max-height: 100%;
}
.gift_sec02_ul01_step{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 133px;
	max-width: 100%;
	height: 26px;
	border-radius: 24px;
	background: #C5BE88;
	color: #fff;
	font-size: 14px;
	letter-spacing: .1em;
	font-weight: bold;
	margin-bottom: 15px;
}
.gift_sec02_ul01_txt{
	font-size: 16px;
	/* line-height: 19px; */
	line-height:21px;
	margin-bottom: 5px;
}
.gift_sec02_ul01_notice{
	font-size: 12px;
	letter-spacing: .02em;
}
.gift_sec02_ul01_yellow{
	font-size: 14px;
	line-height: 19px;
	color: #C5BE88;
}
.gift_sec02_box01_btn{
	text-align: center;
	margin-top: 30px;
}
.gift_sec02_box01_btn a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 454px;
	max-width: 100%;
	height: 69px;
	border-radius: 15px;
	background: #226757;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .1em;
}
.gift_sec02_p01{
	font-size: 16px;
	line-height: 43px;
	margin-bottom: 45px;
}
.gift_sec02_ul02{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 40px;
}
.gift_sec02_ul02 li{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.gift_sec02_ul02 li:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 29px;
	height: 29px;
	background: url(../img/feature/summer-gift2023/icon_plus.png)no-repeat center center;
	background-size: 100% 100%;
	transform: translate(-50%,-50%);
}
.wintergift_wrap .gift_sec02_ul02 li:before{
	background: url(../img/feature/summer-gift2023/icon_plus2.png)no-repeat center center;
	background-size: 100% 100%;
	transform: translate(-50%,-50%);
}
.gift_sec02_ul02_item{
	width: 140px;
	height: 140px;
	background: #fff;
	border-radius: 13px;
	padding: 36px 0 0;
	text-align: center;
}
.gift_sec02_ul02_img{
	padding: 0 22px;
}
.gift_sec02_ul02_txt{
	font-size: 15px;
	margin-top: 6px;
}

.gift_sec02_item{
	margin-top: 90px;
}
.gift_hds{
	text-align: center;
	margin-bottom: 60px;
}
.gift_hds span{
	display: inline-block;
	font-size: 38px;
	line-height: 1.5;
	letter-spacing: .02em;

	background-image: linear-gradient(to right, #575757 0%, #575757 50%, transparent 50%);
	background-size: 10px 2px;
	background-position: bottom center;
	background-repeat: repeat-x;
}
.gift_sec02_ul03{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 40px 40px;
}
.gift_sec02_ul03_img{
	margin-bottom: 27px;
}
.gift_sec02_ul03_yellow{
	font-size: 15px;
	font-weight: bold;
	color: #C5BE88;
	letter-spacing: 0.05em;
	margin-bottom: 4px;
}
.wintergift_wrap .gift_sec02_ul03_yellow{
	color: #84735f;
}
.gift_sec02_ul03_ttl{
	font-size: 30px;
	line-height: 40px;
	letter-spacing: .1em;
	margin-bottom: 20px;
	font-weight: bold;
}
.gift_sec02_ul03_txt{
	font-size: 16px;
	line-height: 33px;
	margin-bottom: 40px;
}
.gift_sec02_table{
	background: #fff;
	border-radius: 18px;
	padding: 20px 18px 32px;
	margin-bottom: 37px;
}
.gift_sec02_table table{
	width: 100%;
}
.gift_sec02_table table th,
.gift_sec02_table table td{
	font-size: 13px;
	padding: 12px 0;

	background-image: linear-gradient(to right, #707070 0%, #707070 50%, transparent 50%);
	background-size: 18px 1px;
	background-position: bottom left;
	background-repeat: repeat-x;
}
.gift_sec02_table table th span{
	display: inline-block;
	padding-left: 22px;
	border-left: 1px solid #707070;
}
.gift_sec02_ul03_btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	background: url(../img/feature/summer-gift2023/arrow_btn.svg)no-repeat right 52px top 40% #226757;
	background-size: auto;
	color: #fff;
	border-radius: 10px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .1em;
}
.gift_sec02_ul03_notice{
	display: flex;
	justify-content: center;
	font-size: 12px;
	margin-top: 9px;
}
.gift_sec02_notice{
	margin-top: 50px;
	background: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #DDDDDD;
	padding: 22px 70px;
	font-size: 14px;
	line-height: 30px;
}

.gift_sec03{
	padding: 70px 0 57px;
}
.gift_sec03_item+.gift_sec03_item{
	margin-top: 57px;
}
.gift_sec03_ul01{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 48px 63px;
}
.gift_sec03_ul01 a{
	display: block;
	color: #525263;
}
.gift_sec03_ul01_name{
	margin:10px 0 5px;
	font-size: 16px;
	font-weight: bold; 
}
.gift_sec03_ul01_price{
	font-size: 15px;
}

.popur_ul li{
	position: relative;
}
.popur_ul li:before{
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.popur_ul li:nth-of-type(1):before{
	content: '1';
	background: #C19B33;
}
.popur_ul li:nth-of-type(2):before{
	content: '2';
	background: #BBBBBB;
}
.popur_ul li:nth-of-type(3):before{
	content: '3';
	background: #7E351A;
}


.bgGray{
	position: relative;
}
.bgGray:before{
	content: '';
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	background: #F8F8EF;
	width: calc(100vw - 17px);
	height: 100%;
	pointer-events: none;
}
.wintergift_wrap .bgGray:before{
	background: #eee7d3;
}
.gift_sec04{
	padding: 57px 0 40px;
}
.gift_sec04_item{
	max-width: 800px;
	margin: 0 auto;
}
.gift_sec04_item+.gift_sec04_item{
	margin-top: 50px;
}
.gift_sec04_hd{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 83px;
	border-radius: 6px;
	background: #C5BE88;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: .1em;
	margin-bottom: 40px;
}
.wintergift_wrap .gift_sec04_hd{
	background: #b8a185;
}
.gift_sec04_item_step{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 127px;
	max-width: 100%;
	height: 26px;
	border-radius: 24px;
	background: #C5BE88;
	color: #fff;
	font-size: 13px;
	letter-spacing: .1em;
	font-weight: bold;
	margin-bottom: 15px;
	font-family: "Hiragino Mincho Pro","游明朝体", YuMincho, "Yu Mincho", "MS P明朝", "MS PMincho", serif;
}
.wintergift_wrap .gift_sec04_item_step{
	background: #b8a185;
}
.gift_sec04_item_ttl{
	font-size: 18px;
	font-weight: bold;
	color: #C5BE88;
	margin-bottom: 12px;
}
.wintergift_wrap .gift_sec04_item_ttl{
	color: #b8a185;
}
.gift_sec04_item_txt{
	font-size: 14px;
	line-height: 2;
}
.gift_sec04_item_img{
	margin-top: 25px;
}
.gift_sec04_item_notice{
	margin-top: 10px;
	font-size: 11px;
	color: #E66A5F;
}

.gift_sec05 {
	max-width: 800px;
    margin: auto;
    margin-bottom: 30px;
}
.gift_sec05 .gift_sec02_ul03_txt {
	margin-top: 40px;
	text-align: center;
}
.sm-gift2023-last {
	display: none;
}

@media screen and (max-width: 1100px) and (min-width: 768px){
	.gift_hdm {
	    border-radius: 10px;
	    background: #7CB4A7;
	    background: url(../img/feature/summer-gift2023/line_hdm.svg)no-repeat left 35px center, url(../img/feature/summer-gift2023/line_hdm02.svg)no-repeat right 35px center;
	    background-size: auto,auto;
	    background-color: #7CB4A7;
	    padding: 30px 100px;
	    color: #fff;
	    text-align: center;
	    font-size: 35px;
	    letter-spacing: .02em;
	    margin-bottom: 60px;
	}

	.gift_sec02_ul02{
		grid-template-columns: repeat(2,1fr);
	}
	.gift_sec02_ul02 li{
		max-width: 440px;
	}

	.gift_sec02_ul03{
		grid-gap: 20px 14px;
	}
	.gift_sec02_table {
	    padding: 20px 10px 32px;
	    margin-bottom: 37px;
	}
	.gift_sec02_table table th, 
	.gift_sec02_table table td{
		font-size: 11px;
	}
	.gift_sec02_table table th span{
		padding-left: 10px;
	}

	.gift_hds span{
		font-size: 28px;
	}

	.gift_sec02_ul03_btn a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    height: 56px;
	    background: url(../img/feature/summer-gift2023/arrow_btn.svg)no-repeat right 22px top 45% #226757;
	    background-size: auto 6px;
	    color: #fff;
	    border-radius: 10px;
	    font-size: 16px;
	    font-weight: bold;
	    letter-spacing: .1em;
	    padding-right: 40px;
	}

	.gift_sec03_ul01{
		grid-gap: 20px;
	}
}
@media screen and (max-width: 767px) {
	.gift_sec01{
		padding-bottom: 38px;
	}
	.gift_sec01_img{
		margin: 0 -8px;
	}
	.gift_sec01_box{
		margin-top: 43px;
		background: url(../img/feature/summer-gift2023/bg_sec01_box.png)no-repeat;
		background-size: 100% 100%;
		padding: 27px 10px 23px;
		position: relative;
		text-align: center;
		/* font-size: 11px; */
		font-size: 13px;
		/* line-height: 19px; */
		line-height: 21px;
		letter-spacing: .12em;
	}
	.gift_sec01_bow{
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 1;
		width: 88px;
	}

	.bgGreen{
		position: relative;
	}
	.bgGreen:before{
		content: '';
		position: absolute;
		z-index: -1;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		background: #EFF8EF;
		width: calc(100vw - 0px);
		height: 100%;
	}
	.gift_sec02{
		background: #EFF8EF;
		padding: 0 0 30px;
	}
	.gift_hdm{
		border-radius: 0;
		background: #7CB4A7;
		background: url(../img/feature/summer-gift2023/line_hdm.svg)no-repeat left 25px center,
		url(../img/feature/summer-gift2023/line_hdm02.svg)no-repeat right 25px center;
		background-size:15px auto,15px auto;
		background-color: #7CB4A7;
		padding: 10px 48px;
		color: #fff;
		text-align: center;
		font-size: 18px;
		line-height: 1.3;
		letter-spacing: .02em;
		margin: 0 -8px 30px;
	}
	.gift_hdm font{
		margin-top: 5px;
		font-size: 11px;
		line-height: 12px;
		display: block;
		letter-spacing: 0.02em;
	}
	.gift_hdm font .sml{
		font-size: 9px;
	}
	.gift_sec02_box01{
		border: 1px solid #C5BE88;
		background: #fff;
		border-radius: 18px;
		margin-bottom: 34px;
		padding: 25px 15px 25px;
	}
	.gift_sec02_ul01{
		display: grid;
		grid-template-columns: repeat(1,1fr);
		grid-gap: 44px 0;
		text-align: left;
	}
	.gift_sec02_ul01 li{
		position: relative;
	}
	.gift_sec02_ul01 li+li:before{
		content: '';
		position: absolute;
		left: 50%;
		top: -22px;
		transform: translate(-50%,-50%) rotate(90deg);
		z-index: 1;
		width: 11px;
		height: 22px;
		background: url(../img/feature/summer-gift2023/icon_arrow01.svg)no-repeat;
		background-size: 100% auto;
	}
	.gift_sec02_ul01_dl{
		display: flex;
	}
	.gift_sec02_ul01_dl dt{
		width: 120px;
		display: block;
		justify-content: center;
		align-items: center;
		height: auto;
		margin-bottom: 0px;
		margin-right: 25px;
	}
	.gift_sec02_ul01_dl dt img{
		max-height: 100%;
	}
	.gift_sec02_ul01_dl dd{
		width: calc(100% - 120px - 25px);
	}
	.gift_sec02_ul01_step{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 92px;
		max-width: 100%;
		height: 18px;
		border-radius: 24px;
		background: #C5BE88;
		color: #fff;
		font-size: 10px;
		letter-spacing: .1em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.gift_sec02_ul01_txt{
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 4px;
	}
	.gift_sec02_ul01_notice{
		font-size: 7px;
		letter-spacing: .02em;
	}
	.gift_sec02_ul01_yellow{
		font-size: 10px;
		line-height: 14px;
		color: #C5BE88;
	}
	.gift_sec02_box01_btn{
		text-align: center;
		margin-top: 35px;
	}
	.gift_sec02_box01_btn a{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 454px;
		max-width: 100%;
		height: 45px;
		border-radius: 8px;
		background: #226757;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: .1em;
	}
	.gift_sec02_p01{
		/* font-size: 11px; */
		font-size: 13px;
		/* line-height: 22px; */
		line-height: 24px;
		margin-bottom: 23px;
	}
	.gift_sec02_ul02{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 10px 25px;
		margin-bottom: 48px;
	}
	.gift_sec02_ul02 li{
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.gift_sec02_ul02 li:before{
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 1;
		width: 14px;
		height: 14px;
		background: url(../img/feature/summer-gift2023/icon_plus.png)no-repeat center center;
		background-size: 100% 100%;
		transform: translate(-50%,-50%);
	}
	.gift_sec02_ul02_item{
		width: 70px;
		height: 70px;
		background: #fff;
		border-radius: 13px;
		padding: 18px 0 0;
		text-align: center;
	}
	.gift_sec02_ul02_img{
		padding: 0 11px;
	}
	.gift_sec02_ul02_txt{
		font-size: 7.5px;
		margin-top: 3px;
	}

	.gift_sec02_item{
		margin-top: 23px;
	}
	.gift_hds{
		text-align: center;
		margin:0 30px 25px;
	}
	.gift_hds span{
		display: inline-block;
		font-size: 19px;
		line-height: 22px;
		letter-spacing: .02em;
		padding-bottom: 8px;

		background-image: linear-gradient(to right, #575757 0%, #575757 50%, transparent 50%);
		background-size: 5px 1px;
		background-position: bottom center;
		background-repeat: repeat-x;
	}
	.gift_sec02_ul03{
		display: grid;
		grid-template-columns: repeat(1,1fr);
		grid-gap: 40px 40px;
	}
	.gift_sec02_ul03_img{
		margin: 0 -8px 13px;
	}
	.gift_sec02_ul03_yellow{
		/* font-size: 9px; */
		font-size: 11px;
		font-weight: bold;
		color: #C5BE88;
		letter-spacing: 0.05em;
		margin-bottom: 4px;
	}
	.gift_sec02_ul03_ttl{
		font-size: 20px;
		line-height: 1.3;
		letter-spacing: .1em;
		margin-bottom: 12px;
	}
	.gift_sec02_ul03_txt{
		/* font-size: 10px; */
		font-size: 13px;
		/* line-height: 16px; */
		line-height: 22px;
		margin-bottom: 20px;
	}
	.gift_sec02_table{
		background: #fff;
		border-radius: 18px;
		padding: 15px 12px 25px;
		margin-bottom: 15px;
	}
	.gift_sec02_table table{
		width: 100%;
	}
	.gift_sec02_table table th,
	.gift_sec02_table table td{
		font-size: 10px;
		line-height: 1.35;
		padding: 10px 0;

		background-image: linear-gradient(to right, #707070 0%, #707070 50%, transparent 50%);
		background-size: 9px 1px;
		background-position: bottom left;
		background-repeat: repeat-x;
	}
	.gift_sec02_table table th span{
		display: inline-block;
		padding-left: 12px;
		border-left: 1px solid #707070;
	}
	.gift_sec02_ul03_btn a{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 45px;
		/* background: url(../img/feature/summer-gift2023/arrow_btn.svg)no-repeat right 41px top 45% #226757; */
		background: url(../img/feature/summer-gift2023/arrow_btn.svg)no-repeat right 52px top 46% #226757;
		background-size: auto 6px;
		color: #fff;
		border-radius: 8px;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: .1em;
	}
	.gift_sec02_ul03_notice{
		display: flex;
		justify-content: center;
		/* font-size: 8px; */
		font-size: 11px;
		margin-top: 9px;
	}
	.gift_sec02_notice{
		margin-top: 12px;
		background: #FFFFFF;
		border-radius: 9px;
		border: 1px solid #DDDDDD;
		padding: 10px;
		font-size: 9px;
		line-height: 15px;
	}

	.gift_sec03{
		padding: 20px 0 44px;
	}
	.gift_sec03_item+.gift_sec03_item{
		margin-top: 44px;
	}
	.gift_sec03_ul01{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 15px 20px;
	}
	.gift_sec03_ul01 a{
		display: block;
		color: #525263;
	}
	.gift_sec03_ul01_name{
		margin:10px 0 2px;
		/* font-size: 11px; */
		font-size: 13px;
		font-weight: bold; 
	}
	.gift_sec03_ul01_price{
		/* font-size: 9px; */
		font-size: 13px;
	}
	.popur_ul{
		grid-template-columns: repeat(1,1fr);
		grid-gap: 24px 0;
	}
	.popur_ul .gift_sec03_ul01_name{
		margin:10px 0 5px;
		font-size: 15px;
	}
	.popur_ul .gift_sec03_ul01_price{
		/* font-size: 11px; */
		font-size: 13px;
	}
	.popur_ul li{
		position: relative;
	}
	.popur_ul li:before{
		content: '';
		position: absolute;
		left: 8px;
		top: 8px;
		z-index: 2;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		color: #fff;
		font-size: 23px;
		font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.popur_ul li:nth-of-type(1):before{
		content: '1';
		background: #C19B33;
	}
	.popur_ul li:nth-of-type(2):before{
		content: '2';
		background: #BBBBBB;
	}
	.popur_ul li:nth-of-type(3):before{
		content: '3';
		background: #7E351A;
	}


	.bgGray{
		position: relative;
	}
	.bgGray:before{
		content: '';
		position: absolute;
		z-index: -1;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		background: #F8F8EF;
		width: calc(100vw - 0px);
		height: 100%;
	}
	.gift_sec04{
		padding: 0 0 36px;
	}
	.gift_sec04_item{
		max-width: 800px;
		margin: 0 auto;
	}
	.gift_sec04_item+.gift_sec04_item{
		margin-top: 25px;
	}
	.gift_sec04_hd{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 52px;
		border-radius: 3px;
		background: #C5BE88;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: .1em;
		margin-bottom: 24px;
	}
	.gift_sec04_item_step{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 93px;
		max-width: 100%;
		height: 18px;
		border-radius: 24px;
		background: #C5BE88;
		color: #fff;
		font-size: 10px;
		letter-spacing: .1em;
		font-weight: bold;
		margin-bottom: 12px;
	}
	.gift_sec04_item_ttl{
		font-size: 15px;
		font-weight: bold;
		color: #C5BE88;
		margin-bottom: 15px;
	}
	.gift_sec04_item_txt{
		/* font-size: 11px; */
		font-size: 13px;
		/* line-height: 19px; */
		line-height: 23px;
	}
	.gift_sec04_item_img{
		margin: 19px 55px 0;
	}
	.gift_sec04_item_notice{
		margin-top: 12px;
		font-size: 10px;
		line-height: 19px;
		color: #E66A5F;
	}
	.gift_sec05 .gift_sec02_ul03_txt {
		margin-top: 20px;
		text-align: left;
	}
	.sm-gift2023-last {
		display: block;
	}
	.sp.sm2023-sp-stick {
		position: fixed;
    bottom: 10px;
    z-index: 10000;
	display: flex !important;
	justify-content: space-between;
	width: 100%;
	}
	.sp.sm2023-sp-stick a{
		width: 32.3%;
		white-space: nowrap;
		border: #7CB4A7 1px solid;
		color: #7CB4A7;
		font-weight: bold;
		font-size: 10px;
		padding: 10px 10px;
		border-radius: 6px;
		background: white;
		text-align: center;
		position: relative;
	}
	.sp.sm2023-sp-stick a span{
		right: 5px;
		width: 5px;
		height: 5px;
		border-top: 1px solid #7a0;
		border-right: 1px solid #7a0;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
	}
	#sm-sec1{
		scroll-margin-top: -375px;
	}
	#sm-sec2{
		scroll-margin-top: 80px;
	}
	#sm-sec3{
		scroll-margin-top: 100px;
	}
	#how-to-5step {
		scroll-margin-top: 95px;
	}
}

.front_page .main_visual .slick-list {
	background: #fff;
}

#top_usage_list .col-sm-4,
#top_ranking_list .col-sm-4,
#page_homepage .main_content .col-sm-4,
#checkeditem .col-sm-4 {
	width: 33%;
}
#top_usage_list h2,
#top_ranking_list h2,
#item_list h2 {
	text-align: center;
}
#top_usage_list h2 span,
#top_ranking_list h2 span,
#item_list h2 span {
	display: block;
	margin: .2em 0 1.5em;
	font-size: 1.8rem;
}
#top_usage_list .col-sm-4,
#top_usage_list .col-xs-6,
#top_category_list .col-sm-3,
#top_category_list .col-xs-6,
#top_ranking_list .col-sm-4,
#top_ranking_list .col-xs-6 {
	float: none;
	display: inline-block;
	vertical-align: top;
}
#top_category_list .row > div {
	padding-bottom: 16px!important;
}
#top_usage_list a p {
	color: #525263;
	text-align: center;
}
#top_category_list a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border: 1px solid #dddddd;
	padding: 10px 20px;
}
#top_category_list a img {
	width: 50%;
	max-width: 70px;
	margin-right: 20px;
}
#top_category_list a p {
	color: #525263;
	font-size: 0.8em;
}

#top_ranking_list .tabs {
	width: 100%;
	margin: 0 auto;
}
#top_ranking_list .tab_item {
	width: calc(100%/3);
	height: 50px;
	line-height: 50px;
	font-size: 0.9em;
	text-align: center;
	color: #999999;
	float: left;
	display: block;
	font-weight: normal;
	transition: all 0.2s ease;
	/*border-bottom: 1px solid #999999;*/
}
#top_ranking_list .tab_item:hover {
	opacity: 0.75;
	cursor: pointer;
}
#top_ranking_list input[name="tab_item"] {
	display: none;
}
#top_ranking_list .tab_content {
	display: none;
	padding: 40px 0 0;
	clear: both;
	overflow: hidden;
	border-top: 1px solid #525263;
}
#top_ranking_list #all:checked ~ #all_content,
#top_ranking_list #babygoods:checked ~ #babygoods_content,
#top_ranking_list #giftset:checked ~ #giftset_content {
	display: block;
}
#top_ranking_list .tabs input:checked + .tab_item {
	color: #525263;
	border-bottom: 2px solid #525263;
	font-weight: bold;
}
#top_ranking_list .rank_icon {
	text-align: center;
	margin-bottom: 10px;
}
#top_ranking_list .rank_icon img {
	width: 50%;
	max-width: 45px;
}
#top_ranking_list .item_name {
	text-align: center;
	font-weight: bold;
}
#top_ranking_list .item_price {
	width: 100%;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.63;
	margin-left: auto;
	text-align: right;
}
#top_ranking_list .item_price .price {
	font-size: 1.2em;
	line-height: 1.285;
	color: #d93939;
}

#item_list .recommendbtn {
	margin-bottom: 80px;
	text-align: center;
}
#item_list .recommendbtn a {
	display: inline-block;
	width: 60%;
	max-width: 480px;
	padding: 10px 20px;
	background: #064B3C;
	color:#fff;
	font-size: 1.2em;
}

.info_mini {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.info_mini .info_mini_box_group {
	display: flex;
	justify-content: center;
}
.info_mini .info_mini_box {
	margin: 0 10px;
}
@media only screen and (min-width: 833px) and (max-width: 1078px) {
	#top_usage_list .col-sm-4,
	#top_ranking_list .col-sm-4,
	#page_homepage .main_content .col-sm-4,
	#checkeditem .col-sm-4 {
		width: 32.9%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 832px) {
	#top_usage_list .col-sm-4,
	#top_ranking_list .col-sm-4,
	#page_homepage .main_content .col-sm-4,
	#checkeditem .col-sm-4 {
		width: 32.8%;
	}
}
@media only screen and (min-width: 1014px) {
	#top_category_list .col-sm-3 {
		width: 24.6%
	}
}
@media only screen and (min-width: 814px) and (max-width: 1013px) {
	#top_category_list .col-sm-3 {
		width: 24.5%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 813px) {
	#top_category_list .col-sm-3 {
		width: 24.4%;
	}
}
@media only screen and (max-width: 767px) {
	#top_ranking_list .col-sm-4,
	#page_homepage .main_content .col-sm-4,
	#checkeditem .col-sm-4,
	#top_category_list .col-sm-3 {
		width: 49.5%;
	}
	#top_category_list .col-sm-3:nth-child(even) {
		padding-left: 0;
	}
	#top_category_list .col-sm-3:nth-child(odd) {
		padding-right: 0;
	}
	#top_usage_list .col-sm-4 {
		width: calc(100% - 16px);;
		border: 1px solid #bababa;
		box-sizing: border-box;
		padding: 0!important;
		margin: 0 8px 8px;
	}
	#top_usage_list .col-sm-4 a {
		display: table;
	}
	#top_usage_list .col-sm-4 a img,
	#top_usage_list .col-sm-4 a p {
		display: table-cell;
	}
	#top_usage_list .col-sm-4 a p {
		width: 46%;
		vertical-align: middle;
		font-size: 1.4rem;
	}
	#top_usage_list h2 {
		margin-top: 0;
	}
	#top_usage_list h2 span,
	#top_ranking_list h2 span,
	#item_list h2 span {
		display: block;
		margin: .2em 0 1.5em;
		font-size: 1.3rem;
	}
	#top_ranking_list .tabs {
		padding: 0 8px;
	}
	#top_ranking_list .tab_item {
		font-weight: bold;
		border: 1px solid #bababa;
		border-bottom: none;
		width: calc(100%/3 - 16px);
		margin: 0 12px;
		height: 36px;
		line-height: 36px;
	}
	#top_ranking_list .tab_item:nth-child(4) {
		margin: 0;
	}
	#top_ranking_list .tabs input:checked + .tab_item {
		color: #fff;
		background: #525364;
		border: none;
		font-weight: bold;
	}
	#top_ranking_list .tab_item:hover {
		opacity: 1;
	}
	#top_ranking_list .tab_content {
		border-top: 1px solid #bababa;
		padding-top: 0;
	}
	#top_ranking_list .tab_group {
		display: block;
		width: 100%;
		/*overflow-x: scroll;
		overflow-y: hidden;*/
	}
	#top_ranking_list .tab_group::-webkit-scrollbar {
		height: 12px; /* スクロールバーの高さ */
	}
	#top_ranking_list .tab_group::-webkit-scrollbar-thumb {
		background: #CCCCCC; /* ツマミの色 */
		border-radius: 5px; /* ツマミ両端の丸み */
	}
	#top_ranking_list .tab_group::-webkit-scrollbar-track {
		background: #F7F7F7; /* トラックの色 */
		border-radius: 5px; /* トラック両端の丸み */
		margin: 0 8px;
	}
	#top_ranking_list .tab_group .col-sm-4 {
		width: 100%;
		height: auto;
		padding: 20px 0; 
		border-bottom: 1px solid #bababa;
	}
	#top_ranking_list .tab_group .col-sm-4 .pickup_item {
		display: table;
	}
	#top_ranking_list .tab_group .col-sm-4 .pickup_item .item_photo,
	#top_ranking_list .tab_group .col-sm-4 .pickup_item dl {
		display: table-cell;
		vertical-align: middle;
	}
	#top_ranking_list .tab_group .col-sm-4 .pickup_item dl {
		width: 54%;
	}
	#top_ranking_list .tab_group .col-sm-4 .pickup_item dl .rank_icon img {
		width: 33%;
		max-width: 30px;
	}
	#top_ranking_list .tab_group .col-sm-4 .pickup_item dl dt.item_name {
		padding: 0 8px;
	}
	#top_ranking_list .tab_group .col-sm-4 .pickup_item dl dd {
		text-align: center;
	}
	#top_ranking_list .tab_group .col-sm-4 .pickup_item dl dd p {
		margin: 0;
	}
	#top_ranking_list .tab_group .col-sm-4 .pickup_item dl dd p .price {
		color: #525263;
	}
	.info_mini {
		display: block;
	}
	.info_mini .info_mini_box a img {
		margin: 0 auto;
	}
	.info_mini .info_mini_box_group {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 546px) {
	#top_ranking_list .col-sm-4,
	#page_homepage .main_content .col-sm-4,
	#checkeditem .col-sm-4,
	#top_category_list .col-sm-3 {
		width: 49.3%;
	}
}
@media only screen and (max-width: 394px) {
	#top_ranking_list .col-sm-4,
	#page_homepage .main_content .col-sm-4,
	#checkeditem .col-sm-4,
	#top_category_list .col-sm-3 {
		width: 49%;
	}
	#top_category_list a {
		padding: 10px;
	}
	#top_category_list a img {
		max-width: 35px;
		margin-right: 10px;
	}
}

.season_feature {
    display: none;
    position: fixed;
    margin: 15px 20px;
    z-index: 9998;
    bottom: 0;
    right: 0;
    background: #fff;
}
.feature-back {
    width: 309px;
}
.feature-copy {
    font-size: 17px;
    text-align: center;
    padding: 4px;
    margin: 0;
}
.feature-bottom {
    color: #fff;
    background-color: #B5E6EF;
}
.feature-body:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
}
.feature-close {
    position: absolute;
    top: -16px;
    left: -16px;
    z-index: 99998;
    width: 38px;
    height: 38px;
    background: #0b4a3c;
    border: 2px solid #fff;
    text-indent: -9999px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}
.feature-close::before,
.feature-close::after {
    content:"";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
    width: 14px;
    height: 2px;
    background: #fff;
}
.feature-close::before {
    transform: translate(-50%,-50%) rotate(45deg);
}
.feature-close::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}

@media screen and (max-width: 767px) {
    .season_feature {
        width: 80%;
        margin: 0px;
    }
    #page_product_detail .season_feature,
    #page_cart .season_feature {
        display: none!important;
    }
    .feature-body {
        width: 100%;
	max-width: 569px;
    }
    .feature-back {
        width: 100%;
    }
    .feature-copy {
        font-size: 13px;
    }
    .feature-copy-br {
        display: none;
    }
}

#page_product_list #item_list #result_list_box--217,
#page_product_list #item_list #result_list_box--218,
#page_product_list #item_list #result_list_box--219 {
	display: none;
}

#news_area .heading01 span {
	margin-left: 10px;
}
@media screen and (max-width: 767px) {
	.front_page .item_gallery {
		background: #f8f8f8;
	}
	.front_page #item_list .row,
	.front_page .item_gallery .row {
		padding: 0 0 0 8px;
	}
	#contents_bottom .info_mini {
		display: none;
	}
	#news_area .heading01 {
		text-align: center;
		font-size: 1.6rem;
		margin-bottom: 0.83em;
		border-bottom: none;
		padding: 0;
	}
	#news_area .heading01 span {
		margin-left: 0;
		display: block;
		margin: .2em 0 1.5em;
		font-size: 1.3rem;
	}
	#news_area .accordion {
		background: #F7F7F7;
	}
	.info_mini .info_mini_box {
		margin: 0 4px;
	}
	.shichifuku-mind {
		background: url(../img/top/mind_bg2.jpg) bottom no-repeat;
		background-size: cover;
		margin: 0 -8px 40px;
		padding: 4em 0 18em;
	}
	.shichifuku-mind h2 {
		font-size: 2.4rem;
		text-align: center;
		position: relative;
		padding-bottom: 10px;
		margin: 0 0 20px;
	}
	.shichifuku-mind h2:before {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -25px;
		width: 50px;
		height: 1px;
		background: #525263;
	}
	.shichifuku-mind p {
		text-align: center;
		font-size: 3.2vw;
		line-height: 1.8;
	}
	.shichifuku-mind p + p {
		margin-top: 2.4em;
	}
	.front_page #contents_top {
		margin-bottom: 0;
	}
}


.cart_item.table .tbody-sp {
	display: none;
}
.cart_item.table ol li,
.cart_item.table .tbody .tr .td {
	border: 1px solid #dedede;
	border-right: none;
}
.cart_item.table .tbody .tr .td {
	border-top: none;
}
.cart_item.table ol li:last-child,
.cart_item.table .tbody .tr .td:last-child {
	border-right: 1px solid #dedede;
}
.cart_item.table .item_box .table {
	width: 50%;
}
.cart_item.table .item_box .table .item_photo {
	min-width: 120px;
	margin: 0 24px 0 0;
	padding: 0;
}
.cart_item.table .item_box .table .item_photo a {
	display: block;
	border: 1px solid #dedede;
}
.cart_item.table .tbody .tr div.item_subtotal {
	text-align: center;
}
#cart_box__body .total_box {
	min-width: 300px;
}
#cart_box__body .total_box #total_box__next_button a,
#cart_box__body .total_box #total_box__top_button a {
	position: relative;
}
#cart_box__body .total_box #total_box__next_button a:after {
	content:"";
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -8px;
	z-index: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 12px solid #fff;
	border-right: 0;
}
#cart_box__body .total_box #total_box__top_button a:before {
	content:"";
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -8px;
	z-index: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 0;
	border-right: 12px solid #fff;
}
@media screen and (max-width: 767px) {
	#cart_box__body .total_box.fix {
		position: fixed!important;
		bottom: 5px;
		left: 0;
		z-index: 999;
		width: 100%;
		padding: 12px 8px;
		background: #fff;
		box-shadow: 1px 1px 5px #ccc;
	}
	#cart_box__body .total_box.fix .total_price {
		display: inline-block;
		width: 40%;
		margin-left: 0;
		padding: 0 8px;
	}
	#cart_box__body .total_box.fix .total_price dt {
		float: none;
		width: 100%;
		text-align: left;
		font-weight: bold;
		font-size: 1.4rem;
	}
	#cart_box__body .total_box.fix .total_price dd {
		padding-left: 0;
		text-align: left;
		font-weight: bold;
		font-size: 1.8rem;
	}
	#cart_box__body .total_box.fix .btn_group {
		display: inline-block;
		width: 60%;
		padding: 0;
		float: right;
	}
	#cart_box__body .total_box.fix .btn_group p {
		margin: 0;
	}
	.cart_item.table {
		border-top: none;
	}
	.cart_item.table .tbody {
		display: none;
	}
	.cart_item.table .tbody-sp {
		display: block;
	}
	.cart_item.table .tbody-sp .item_box.tr {
		padding-top: 0!important;
	}
	.cart_item.table .tbody-sp .item_box.tr:nth-child(even) {
		margin-bottom: 8px;
	}
	.cart_item.table .tbody-sp .item_box.tr .table {
		display: flex;
		width: 100%;
		border: 1px solid #dedede;
		border-top: none;
		padding: 0;
	}
	.cart_item.table .tbody-sp .item_box.tr .table:first-child {
		border-top: 1px solid #dedede;
		background: #F4F3F0;
	}
	.cart_item.table .tbody-sp .item_box.tr .table:last-child {
		border-bottom: 1px solid #dedede!important;
	}
	.cart_item.table .tbody-sp .item_box.tr .table ol {
		display: flex;
		width: 100%;
	}
	.cart_item.table .tbody-sp .item_box.tr .table.itemdetailtable ol {
		display: block;
		width: 100%;
	}
	.cart_item.table .tbody-sp .item_box.tr .table.itemdetailtable ol li {
		width: 100%;
		text-align: center;
	}
	.cart_item.table .tbody-sp .item_box.tr .table ol li {
		border: none;
		width: calc(100% * 1/3);
		text-align: center;
		padding: 8px;
	}
	.cart_item.table .tbody-sp .item_box.tr .table ol li:nth-child(2) {
		border-left: 1px solid #dedede;
		border-right: 1px solid #dedede;
	}
	.cart_item.table .tbody-sp .item_box.tr .table:nth-child(2) {
		float: none!important;
		width: 100%!important;
		align-items: center;
	}
	.cart_item.table .tbody-sp .item_box.tr .itemdetailtable:nth-child(2) {
		justify-content: space-around!important;
	}
	.cart_item.table .tbody-sp .item_box.tr .table.itemdetailtable .item_photo {
		min-width: 100px;
		width: 40%!important;
		padding: 8px;
		margin: 0;
	}
	.cart_item.table .tbody-sp .item_box.tr .table .item_name {
		display: block;
		position: relative;
		width: calc(100% * 1/3);
		text-align: center;
		margin: 0;
	}
	.cart_item.table .tbody-sp .item_box.tr .table.itemdetailtable .item_name {
		width: 60%;
		border-right: none;
		padding: 8px;
		text-align: left;
	}
	.cart_item.table .tbody-sp .item_box.tr .table .item_name a.itemname {
		display: inline-block;
		padding-right: 24px;
	}
	.cart_item.table .tbody-sp .item_box.tr .table .item_name .icon_edit {
		position: absolute;
		top: 0;
		right: 0;
	}
	.cart_item.table .tbody-sp .item_box.tr .table .item_quantity {
		float: none;
		width: calc(100% * 1/3)!important;
		background: none;
		border-right: 1px solid #dedede;
		border-left: 1px solid #dedede;
	}
	.cart_item.table .tbody-sp .item_box.tr .table .item_quantity ul {
		margin: 0 auto;
	}
	.cart_item.table .tbody-sp .item_box.tr .table .item_quantity::before {
		content:"";
	}
	.cart_item.table .tbody-sp .item_box.tr .table .item_subtotal {
		width: calc(100% * 1/3);
		text-align: center;
	}
}

.front_page .series_list {
	margin-bottom: 80px;
}
.front_page .series_list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-left: 20px;
}
.front_page .series_list ul li {
	flex: 0 0 calc(25% - 20px);
	box-sizing: border-box;
}
.front_page .series_list ul li a {
	display: block;
	position: relative;
}
.front_page .series_list ul li a:before {
	position: absolute;
	z-index: 2;
	content:"";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.25);
}
.front_page .series_list ul li a span {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	font-weight: bold;
	letter-spacing: .02em;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.front_page .series_list .row {
		padding-left: 0!important;
	}
	.front_page .series_list ul {
		gap: 8px;
		margin-left: 8px;
	}
	.front_page .series_list ul li {
		flex: 0 0 calc(50% - 8px);
	}
	.front_page .series_list ul li a span {
		font-size: 1.2rem;
	}
}

.onenga_novy {
	margin-top: 90px;
	background: #fff;
	border-radius: 13px;
	display: flex;
	align-items: center;
	padding: 20px;
}
.onenga_novy img {
	max-width: 500px;
	width: 100%;
}
.onenga_novy h3 {
	color: #c40001;
}
.onenga_novy p a {
	display: inline-block;
	margin-top: 20px;
	padding: 6px 18px;
	font-weight: bold;
	color: #fff;
	background: #226757;
	border-radius: 13px;
}
@media screen and (max-width: 520px) {
	.onenga_novy {
		display: block;
	}
	.onenga_novy p a {
		display: block;
		text-align: center;
	}
}