@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@charset "Shift_JIS";

/* --------------------------------------------------------------------
	common�@���ʃG�������g
-------------------------------------------------------------------- */
body {
	min-width: 1300px;
	margin: 0;
	color: #333333;
	font-family: 'Noto Sans JP', "�q���M�m�p�S ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 140%;
	background: #fffaed;
}
body#mall_top {
	min-width: -webkit-fill-available;
}
ol li {
	margin-left: 2em;
	list-style: decimal;
}
img {
	max-width: 100%;
	border: none;
	vertical-align: middle;
}
strong {
	font-weight: bold;
}
input {
	vertical-align: middle;
}
input {
	font-family: 'Noto Sans JP', Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size: 1em;
}

div,
p {
    white-space: normal;
    word-wrap: break-word;
}

th,
td {
	word-break: break-all;
}

.efo_form_ input[type="text"],
.efo_form_ input[type="password"]{
	height:1.0em;
	padding:0.6em;
	margin:5px 0;
	border:1px solid #999;
	border-radius:5px;
	position:relative;
}

textarea {
	font-family: 'Noto Sans JP', Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size: 1em;
}

select {
	font-family: 'Noto Sans JP', Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size: 1em;
}
input:focus,
textarea:focus,
select:focus {
	outline: none;
}
.efo_form_ select {
	border-radius:5px;
	height: 28px;
	line-height: 28px;
    padding-left: 0.3em;
    border:1px solid #999;
    /* IE8�p */
    font-size: 14px\9;
	padding-top: 2px\9;
	padding-bottom: 2px\9;
    position:relative;
    zoom: 1;
}

label {
	margin: 0 20px 0 5px;
}
a:link {
	color: #333333;
	transition: all .3s;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:active {
	color: #a36e6e;
	text-decoration: underline;
}
a:hover {
	color: #a36e6e;
	text-decoration: underline;
}

/* �C���v�b�g�f�U�C�� */
input[type=text],
input[type=password] {
	min-height: 30px;
	padding: 0 5px;
	font-size: 14px;
	border: #cccccc 1px solid;
	box-sizing: border-box;
}

/* ���W�I�{�^���f�U�C�� */
.efo_form_ input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    width:20px;
    height:20px;
    background:#fff;
    -webkit-box-shadow: 1px 1px 1px 1px inset;
    -webkit-border-radius:10px / 10px;
    position: relative;
    margin-bottom:3px;
	margin-right:5px;
}

/* �`�F�b�N�̈��:before�^���v�f���g���č쐬 */
.efo_form_ input[type="radio"]:checked:before {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    margin: -4px 0 0 -4px;
    -webkit-box-shadow: 1 1px 1px ;
    -webkit-border-radius:10px / 10px;
    content: "";
    width: 9px;
    height: 9px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#000),
        to(#000)
    );
}

/* �`�F�b�N�{�b�N�X�f�U�C�� */
.efo_form_ input[type="checkbox"]{
    -webkit-appearance:none;
    -moz-appearance: none;
    -ms-appearance: none;
    width:20px;
    height:20px;
    background:#fff;
    -webkit-box-shadow: 1px 1px 1px 1px inset;
    position: relative;
    margin-bottom:3px;
	margin-right:5px;
}
/* �^�b�v��̃f�U�C�� */
.efo_form_ input[type="checkbox"]:checked:before {
    position: absolute;
    left: 1px;
    top: 15px;
    display: block;
    -webkit-box-shadow: 0 1px 1px ;
    content: "";
    width: 10px;
    height: 4px;
    background: #000;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

.efo_form_ input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 9px;
    top: 15px;
    content: "";
    -webkit-box-shadow: 0 1px 1px ;
    width: 16px;
    height: 4px;
    background: #000;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}

/* --------------------------------------------------------------------
	common�@�ėp�N���X
-------------------------------------------------------------------- */
/* �����T�C�Y */
.large_ {
	font-size: 120%;
}
.xlarge_ {
	font-size: 144%;
}
.small_ {
	font-size: 80%;
}
.smallpassword_ {
	width: 550px;
}
.xsmall_ {
	font-size: 64%;
}
/**/

/* �t���[�g */
.leftfloat_ {
	float: left;
	display: inline;
}
.rightfloat_ {
	float: right;
	display: inline;
}
img.leftfloat_ {
	margin: 0 10px 10px 0;
}
img.rightfloat_ {
	margin: 0 0 10px 10px;
}
/**/

/* ������ */
.lefttext_ {
	text-align: left;
}
.righttext_ {
	text-align: right;
}
.centertext_ {
	text-align: center;
}

/* ���胁�b�Z�[�W�i�C�����C���j */
.error_ {
	margin: 5px 0;
	text-align: left;
	line-height: 1.6;
	color: #ff0000;
}
.cartlist_ .error_,
.order_ .error_ {
	padding: 10px 20px;
	margin-bottom: 20px;
	background-color: #ff0000;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 1.6;
	color: #FFF;
}
.error_ a {
	color: #FFF;
}
p.notice_ {
	color: #ff0000;
	font-weight: bold;
}
.notice_ {
	color: #ff0000;
}
.info_ {
	font-weight: bold;
}

/* ���胁�b�Z�[�W�i�u���b�N�j */
div.error_, table.error_ {
	color: #FFF;
	background-color: #CC0000;
	font-weight:bold;
	padding: 5px;
	margin:4px auto;
	text-align:left;
	width: 560px;
}
div.notice_, table.notice_ {
	background-color:#efefef;
	border:solid 1px #996666;
	padding:8px;
	margin:4px auto;
	text-align:left;
	width: 580px;
}
div.info_,
table.info_ {
	width: 978px;
	background-color: #efefef;
	border: #cccccc 1px solid;
	padding: 10px;
	margin: 10px auto;
	text-align:left;
}
ul.error_ {
}

/* ���ʃN���X(�u���b�N) */
.top_comment_ {
	margin-bottom: 10px;
}
.submit_ {
	margin: 20px auto;
	text-align: center;
}
.submit_ input, .submit_ img {
	margin: 0px 16px;
	vertical-align: middle;
}
.message_ {
}
p.message_ {
	margin-bottom: 10px;
}

/* ���ʃN���X(���̑�) */
.hidden_ {
	visibility: hidden;
}
.nocell_ {
	border:none!important;
	background-color:transparent!important;
}
.hiddenEnter_ {
	width:0;
	height:0;
}

/* ���i�\�� */
.price_pop_ {
	color: #FF0000;
	font-size: 14px;
	line-height: 1.42;
	width: 100%;
}
.price_ {
	font-size:16px;
	font-weight:normal;
	color: #333333;
}
.nomal_price_ {
	font-size:11px;
	color: #333333;
}
.price_ .small_,
.default_price_ .small_,
.special_price_ .small_ {
	display: inline-block !important;
	font-size: 60% !important;
}

/* --------------------------------------------------------------------
	common�@�w�b�h���C��
-------------------------------------------------------------------- */
h1.goods_name_ {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.42;
}
h1.category_name_,
h1.category_name_mall_ {
	margin: 0 0 10px 0;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.4;
}
div.shop_info_ + h1.category_name_ {
	margin-top: 30px;
}
h1.category_name_ .add_ichiran_ {
	padding: 0;
	margin: 0;
	font-size: 30px;
	font-weight: normal;
	color: #333333;	
}
h1.category_name_ .add_element_list_ {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #333333;	
}
h1.category_name_img_ {
	margin: 0 0 30px 0;
}
.shop_info_ + h1.category_name_img_ {
	margin-top: 30px;
}
div.shopname_area_ {
	padding-right: 350px;
	position: relative;
}
div.shopname_area_ .shop_bookmark_ {
	position: absolute;
	top: 0;
	right: 0;
}
.category_comment_ {
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.8;
}
h1.event_name_ {
	margin: 0 0 30px 0;
	font-size: 36px;
	font-weight: normal;
	line-height: 1.4;
}
h1.event_name_ .add_element_list_ {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #333333;	
}
h1.event_name_img_ {
	margin-bottom: 10px;
}
h1.genre_name_ {
	margin: 0 0 30px 0;
	font-size: 36px;
	font-weight: normal;
	line-height: 1.4;
}
h1.genre_name_ .add_element_list_ {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #333333;	
}
h1.genre_name_img_ {
	margin-bottom: 10px;
}
h1.tag_name_ {
	margin: 0 0 30px 0;
	font-size: 36px;
	font-weight: normal;
	line-height: 1.4;
}
h1.topic_head_ {
	margin: 0 0 30px 0;
	font-size: 36px;
	font-weight: normal;
	line-height: 1.4;
}

/* �ėp�w�b�h���C�� */
.common_headline1_ {
	margin: 0 0 30px 0;
	font-size: 36px;
	font-weight: normal;
	color: #333333;
	line-height: 1.4;
}
h1.common_headline1_ .add_element_list_ {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #333333;	
}
.common_headline2_ {
	color: #333333;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.45;
	padding: 10px 20px;
	margin: 60px 0 30px;
	background: #EBF7F5;
}
.common_headline3_ {
	margin: 0 0 10px 0;
	padding: 5px 0 7px;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/usr/common_h2.png) 0 bottom repeat-x;
}
.img_headline_ {
	margin-bottom: 10px;
}

/* --------------------------------------------------------------------
	common�@�C�x���g
-------------------------------------------------------------------- */
/* �C�x���g�ւ̃����N */
.event_ {
	width: 100%;
	margin-top: 60px;
	overflow: hidden;
}
.event_wrap_ {
	margin-bottom: 50px;
	clear: both;
}
#mall_top .event_wrap_ {
	padding-top: 0px;
}
.event_banner_ {
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
}
.event_title_ {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	line-height: 1.45;
	padding: 6px 15px 9px;
	margin: 0 0 25px;
	background-color: #a36e6e;
	clear: both !important;
}
.event_title_ a {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	display: block;
}
.event_title_ a:hover {
	text-decoration: none;
}
.event_title_.ranking_ {
	color: #333333;
	text-align: left;
	background-color: #fffbea;
	padding-left: 55px;
	background-image: url("../img/usr/common/pc/ttl_icon_ranking.png");
	background-position: 10px center;
	background-repeat: no-repeat;
}
.event_title_.ranking_ a {
	color: #333333;
}
.event_title_.flag_ a,
.event_title_.flag_ span {
	padding: 2px 0 2px 55px;
	min-height: 28px;
	line-height: 1.2;
	font-size: 28px;
	font-weight: bold;
	background: url(../img/usr/common/pc/ttl_icon_flag.png) left top no-repeat;
	display: inline-block;
}
.event_title_wrap_ {
	position: relative;
}
.event_title_wrap_ p.more_look_ {
	position: absolute;
	top: 5px;
	right: 0;
}
.event_title_wrap_ p.more_look_ a {
	padding: 0 0 0 10px;
	text-decoration: underline;
	font-size: 14px;
	background: url(../img/usr/common/pc/arrow02.png) left center no-repeat;	
}
.leftmenuframe_ .event_banner_ {
	margin: 0 0 20px 0;
	text-align: center;
	float: none;
	display: block;
}

/* --------------------------------------------------------------------
	common�@�^�O�ꗗ
-------------------------------------------------------------------- */
.side_tag_cloud_ {
}
.side_tag_cloud_ span {
	line-height: 140%;
}
.tag_lowest_ {
	font-size:80%;
}
.tag_low_ {
	font-size:100%;
}
.tag_medium_ {
	font-size:120%;
}
.tag_high_ {
	font-size:144%;
	font-weight:bold;
}
.tag_highest_ {
	font-size: 173%;
	font-weight:bold;
}
/* --------------------------------------------------------------------
	common�@�^�O�ڍ�
-------------------------------------------------------------------- */
.tag_cloud_ {
}
.tag_cloud_ span {
	line-height: 140%;
}
.tag_cloud_more_ {
	margin: 10px 0 0 0;
	font-weight: bold;
}
.tag_add_shaping_ {
	margin-bottom: 10px;
	padding: 10px;
	width: 693px;
	overflow: hidden;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
.tag_add_shaping_ h2 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.tag_add_shaping_ span {
	margin-right: 10px;
	padding-left:15px;
	float: left;
	white-space: nowrap;
	background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_other_ {
	margin-bottom: 10px;
	padding: 10px;
	width: 695px;
	overflow: hidden;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
.tag_other_ h2 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.tag_other_ span {
	margin-right: 10px;
	padding-left:15px;
	float: left;
	white-space: nowrap;
	background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_tree_ {
	margin-bottom: 10px;
	padding: 9px;
	width: 580px;
	overflow: hidden;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
.tag_tree_ h2 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
.tag_tree_ span {
	margin-right: 10px;
	padding-left:15px;
	float: left;
	white-space: nowrap;
	background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_info_ {
	width:715px;
	margin-bottom: 10px;
}
.tag_info_ p.name_ {
	margin: 0 0 5px 0;
	padding: 0 0 5px 15px;
	background: url(../img/usr/icon_tag.gif) 0 center no-repeat;
	border-bottom: 1px dotted #CCC;
}

/* --------------------------------------------------------------------
	common�@�i�r�Q�[�V����
-------------------------------------------------------------------- */
/* �p������ */
.navitopicpath_ {
	margin: 0 0 30px 0;
}
.navitopicpath_ a,
.navitopicpath_ .nolink_ {
	margin: 0 0.5em;
}
.navitopicpath_ span.current_ {
	margin: 0 0.5em;
	font-weight: bold;
}
.navitopicpath_ a:last-child {
	color: #999999;
}
/* �y�[�W�W�����v */
.navipage_ {
	/*min-height: 30px;*/
	/*padding: 0 0 0 100px;*/
	text-align: center;
	position: relative;
}
.navipage_.top_ {
	/*margin: 20px 0 40px;*/
	padding: 20px 15px 30px;
	background-color: #F5F5F5;
}
.navipage_.bottom_ {
	/*margin: 40px 0;*/
	padding: 10px 0 40px;
	margin: 0 0 60px;
	background-color: #F5F5F5;
}
.customer_ .navipage_.top_,
.customer_ .navipage_.bottom_ {
	background-color: inherit;
	padding: 0 0 30px;
}
.navipage_.bottom_ .navipage_sum_ {
	display: none;
}
div.col1_ .navipage_.bottom_ .navipage_sum_ {
	display: block;
}
.navipage_ .navipage_sum_,
div.flex-wrapper-box .navipage_sum_ {
	/*height: 30px;
	line-height: 30px;*/
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	/*position: absolute;
	top: 0;
	left: 0;*/
	display: block;
}
.navipage_ .navipage_sum_ strong,
div.flex-wrapper-box .navipage_sum_ strong {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.45;
}
.navipage_ .navipage_first_ a { background: none; margin: 0 10px;}
.navipage_ .navipage_prev_ a  { background: none; margin: 0 10px;}
.navipage_ .navipage_next_ a  { background: none; margin: 0 10px;}
.navipage_ .navipage_last_ a  { background: none; margin: 0 10px;}

.navipage_now_ {
	min-width: 30px;
	height: 30px;
	margin: 0 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	background: #a36e6e;
	display: inline-block;
}
.navipage_ .navipage_reverse_ {
	margin-right: 5px;
}
.navipage_ .navipage_forward_ {
	margin-left: 5px;
}
.navipage_ a {
	min-width: 30px;
	height: 30px;
	margin: 0 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
	background-color: #eeeeee;
	display: inline-block;
}
.navipage_ a:hover {
	text-decoration: none;
}

/* ���ёւ��ƍi�荞�݁i�g�j*/
div.filter_navisort_box {
	width:715px;
	padding:10px 0 5px;
	margin:10px 0 0 0;
	border-top:#CEC7B7 2px solid;
	border-bottom:#CEC7B7 2px solid;
}
.all_filter_clear {
	padding:0 8px 0 0;
	font-size:10px;
	text-align:right;
}

/* �\�����@�E���ёւ����@ */
#navi_style_wrap {
	/*background: #eeeeee;*/
	/*overflow: hidden;*/
	max-width: 100px;
}
/**/
div.flex-wrapper-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	padding: 15px 15px 0;
	background-color: #F5F5F5;
}
div.flex-wrapper-box .navipage_sum_ {
	order: 11;
	/*margin-right: auto;*/
}
div.flex-wrapper-box #block_of_filter_wrap {
	order: 21;
	margin-left: auto;
}
div.flex-wrapper-box .navistyle_ {
	order: 51;
}
div.flex-wrapper-box #navi_style_wrap {
	order: 31;
	max-width: none;
}
div.flex-wrapper-box.no-filter #navi_style_wrap {
	margin-left: auto;
}
div.flex-wrapper-box .filter-51-box {
	order: 41;
}
div.flex-wrapper-box .filter_checkbox {
	order: 51;
}

div.flex-wrapper-box #block_of_filter_wrap #block_of_filter h2,
.navisort_ dt {
	font-size: 13px;
	text-align: center;
	line-height: 1.46;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	border-radius: 25px;
	padding: 4px 15px;
	margin: 0 3px;
	cursor: pointer;
}
.navisort_ dt.js-active {
	background-color: #EBF7F5;
}
div.flex-wrapper-box .filter-51-box {
	font-size: 12px;
	margin: 0 10px 0 20px;
}
.filter-51-box input {
    display: none;
}
.filter-51-box label {
	color: #999999;
    font-size: 12px;
    line-height: 2.0;
    position: relative;
	display: inline-block;
	vertical-align: middle;
	/*padding: 0 60px 0 0;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
	width: 28px;
	height: 26px;
	border: 1px solid #999999;
	background-color: #F5F5F5;
	border-radius: 35px;
	cursor: pointer;
}
.filter-51-box label::before,
.filter-51-box label::after {
	position: absolute;
}
.filter-51-box label::before {
	/*top: 0;
	right: 0;*/
	content: "OFF";
}
.filter-51-box label::after {
	content: "";
	top: 5px;
	right: 30px;
	width: 18px;
	height: 18px;
	background-color: #999999;
	border-radius: 50%;
}
.filter-51-box input:checked + label {
	color: #333333;
	padding: 0 22px 0 3px;
	width: 25px;
	background-color: #FFFFFF;
}
.filter-51-box input:checked + label::before {
	content: "ON";
}
.filter-51-box input:checked + label::after {
	top: 5px;
	right: 4px;
	background-color: #007A6A;
}
/**/
/* ���ёւ� */
.navisort_ {
	/*width: 640px;*/
	/*max-width: 800px;*/
	/*margin: 0;*/
	/*font-size: 14px;*/
	/*overflow: hidden;*/
	/*background: #eeeeee;*/
	/*display: block;*/
	/*float: left;*/
	position: relative;
}
.navisort_ dt {
	/*width: 70px;*/
	/*margin: 0;*/
	/*padding: 10px 0 10px 10px;*/
	/*text-align: left;*/
	/*vertical-align: middle;*/
	/*font-weight: bold;*/
}
.navisort_ dd {
	position: absolute;
	left: 0;
	top: 35px;
	width: 250px;
	border: 1px solid #DFDFDF;
	background-color: #ffffff;
	z-index: 50;
	display: none;
}
.navisort_now_,
.navisort_ a {
	font-size: 14px;
	line-height: 1.42;
	padding: 15px;
	display: block;
	border-top: 1px solid #DFDFDF;
}
.navisort_now_:first-child,
.navisort_ a:first-child {
	border-top: 0;
}
.navisort_now_ {
	background-color: #EBF7F5;
	position: relative;
}
.navisort_now_::after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	width: 14px;
	height: 8px;
	margin-top: -4px;
	border-left: 2px solid #333333;
	border-bottom: 2px solid #333333;
	transform: rotate(-55deg);
}
.navisort_ a {
}
.navisort_ a:hover {
	text-decoration: none;
	background-color: #EBF7F5;
}

/* �\���ؑ� */
.navistyle_ {
	/*width: 200px;*/
	margin: 0;
	font-size: 14px;
	overflow: hidden;
	/*background: #eeeeee;*/
	/*display: table;*/
	/*float: left;*/
}
.navistyle_ dt {
	width: 70px;
	margin: 0;
	/*padding: 10px 0 10px 10px;*/
	text-align: left;
	font-weight: bold;
}
.navistyle_ div {
	width: 100%;
	/*padding: 10px;*/
	margin: 0;
	text-align: left;
	/*display: table-cell;*/
}
.navistyle_ div a,
.navistyle_ div span {
	width: 23px;
	height: 23px;
	display: inline-block;
	text-indent: -9999px;
	margin: 0 0 0 10px;
}
.navistyle_ div a.styleT_ {
	width: 23px; height: 23px;
	background: url(../img/sys/styleT.png) center top no-repeat;
}
.navistyle_ div span.styleT_ {
	width: 23px; height: 23px;
	background: url(../img/sys/styleT_active.png) center top no-repeat;
}
.navistyle_ div a.styleD_ {
	width: 23px; height: 23px;
	background: url(../img/sys/styleD.png) center top no-repeat;
}
.navistyle_ div span.styleD_ {
	width: 23px; height: 23px;
	background: url(../img/sys/styleD_active.png) center top no-repeat;
}
.mainframe_>.navistyle_ {
    width: 100%;
    float: none;
}
/* �u�����h�i�� */
.brand_name_ {
	width: 100%;
	overflow: hidden;
}
.brand_name_now_ {
	color:#CC3300;
	text-decoration:none;
	margin:2px 5px;
	white-space: nowrap;
}
.brand_name_ a {
	margin:2px 5px;
	white-space: nowrap;
}
/* ���[�J�[�i�� */
.maker_name_ {
	width: 100%;
	overflow: hidden;
}
.maker_name_now_ {
	color:#CC3300;
	text-decoration:none;
	margin:2px 2px 2px 2px;
	white-space: nowrap;
}
.maker_name_ a {
	margin:2px 2px 2px 2px;
	white-space: nowrap;
}
/* �̔����i�� */
.open_date_ {
	width: 100%;
	overflow: hidden;
}
.open_date_now_ {
	color:#CC3300;
	text-decoration:none;
	margin:2px 2px 2px 2px;
	white-space: nowrap;
}
.open_date_ a {
	margin:2px 2px 2px 2px;
	white-space: nowrap;
}

/* ���i�эi�� */
.price_area_ {
	width: 100%;
	overflow: hidden;
}
.price_area_now_ {
	color:#CC3300;
	text-decoration:none;
	margin:2px 2px 2px 2px;
	white-space: nowrap;
}
.price_area_ a {
	margin:2px 2px 2px 2px;
	white-space: nowrap;
}
/**/
.flex-wrapper-box .filter_checkbox {
	order: 4;
	margin: 20px 0 0;
	padding: 15px 0 15px;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
}
.flex-wrapper-box .filter_checkbox h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.45;
}
.flex-wrapper-box .filter_checkbox .filter_clear {
	font-size: 14px;
	line-height: 1.42;
	text-decoration: underline;
	padding: 0 0 0 20px;
	position: relative;
	cursor: pointer;
}
.flex-wrapper-box .filter_checkbox .filter_clear::before,
.flex-wrapper-box .filter_checkbox .filter_clear::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 15px;
	height: 1px;
	margin-top: 1px;
	background-color: #333333;
}
.flex-wrapper-box .filter_checkbox .filter_clear::before {
	transform: rotate(-45deg);
}
.flex-wrapper-box .filter_checkbox .filter_clear::after {
	transform: rotate(45deg);
}
.flex-wrapper-box .filter_checkbox div.filter_box {
	padding: 20px 0 0;
	margin: 0;
	width: 100%;
}
.flex-wrapper-box .filter_checkbox div.filter_box label {
	color: #FFFFFF;
	background-color: #007A6A;
	border-radius: 17px;
	padding: 6px 25px 6px 6px;
	display: inline-block;
	margin: 0 10px 10px 0;
	position: relative;
	cursor: pointer;
}
.flex-wrapper-box .filter_checkbox div.filter_box label::before,
.flex-wrapper-box .filter_checkbox div.filter_box label::after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	width: 9px;
	height: 2px;
	background-color: #FFFFFF;
}
.flex-wrapper-box .filter_checkbox div.filter_box label::before {
	transform: rotate(-45deg);
}
.flex-wrapper-box .filter_checkbox div.filter_box label::after {
	transform: rotate(45deg);
}
.flex-wrapper-box .filter_checkbox div.filter_box label span.ttl_ {
	font-size: 14px;
	line-height: 1.0;
	display: inline-block;
}
.flex-wrapper-box .filter_checkbox div.filter_box label input {
	display: none;
}
/* --------------------------------------------------------------------
	common�@���i�̍i�荞��
-------------------------------------------------------------------- */
.js_filter_fixed_body {
	position: fixed;
	left: 0;
	right: 0;
	overflow: hidden;
}
#filter_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.50);
	z-index: 5900;
	display: none;
}
#block_of_filter_wrap {
	/*margin: 40px 0 60px;*/
	/*border: #dcdcdc 5px solid;*/
}
#block_of_filter_wrap h2 {
/*	height: 20px;
	padding: 20px 20px 20px 50px;
	font-size: 20px;
	font-weight: bold;
	background: url(../img/usr/common/pc/icon_filter.png) 20px center no-repeat;*/
	position: relative;
}
#block_of_filter_wrap h2 .switch_ {
/*	width: 90px;
	height: 28px;
	text-align: left;
	text-indent: -9999px;
	background: url(../img/usr/common/pc/filter_wrap_close.png) left top no-repeat;
	position: absolute;
	top: 15px;
	right: 20px;
	display: block;*/
	display: none;
}
#block_of_filter_wrap h2.close_ .switch_ {
	/*background: url(../img/usr/common/pc/filter_wrap_open.png) left top no-repeat;*/
}
#block_of_filter_wrap form {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 1050px;
	height: 600px;
	margin: -300px 0 0 -525px;
	z-index: 6000;
	background-color: #FFFFFF;
}
#block_of_filter_wrap form div.filter_inner_ {
	max-height: 490px;
	overflow-y: auto;
}
#block_of_filter_wrap form div.filter_ttl_area {
	position: relative;
}
#block_of_filter_wrap form div.filter_ttl_area h3.block_filter_ttl {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 15px 10px;
	background-color: #ffeed2;
}
#block_of_filter_wrap form div.filter_ttl_area #block_filter_close_btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
	text-indent: -9999999999px;
}
#block_of_filter_wrap form div.filter_ttl_area #block_filter_close_btn::before,
#block_of_filter_wrap form div.filter_ttl_area #block_filter_close_btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 2px;
	margin: 0 0 0 -10px;
	background-color: #222222;
}
#block_of_filter_wrap form div.filter_ttl_area #block_filter_close_btn::before {
	transform: rotate(-45deg);
}
#block_of_filter_wrap form div.filter_ttl_area #block_filter_close_btn::after {
	transform: rotate(45deg);
}
#block_of_filter_wrap form .Box {
	margin: 0 20px 20px 20px;
}
#block_of_filter_wrap form .Box h3 {
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: #333333 1px solid;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/usr/common/pc/filter_close.png) right center no-repeat;
}
#block_of_filter_wrap form .Box h3.open_ {
	background: url(../img/usr/common/pc/filter_open.png) right center no-repeat;
}
#block_of_filter_wrap form .Box label {
	margin-bottom: 10px;
	display: inline-block;
	word-break: keep-all;
}
#block_of_filter_wrap .close_btn_ {
	padding: 10px 0;
	border-top: #dcdcdc 1px solid;
	text-align: center;
}
#block_of_filter_wrap .close_btn_ span {
	padding: 0 20px 0 0;
	background: url(../img/usr/common/pc/arrow05_up.png) right center no-repeat;
}
#block_of_filter_wrap .more_filters_open {
	margin-bottom: 20px;
	text-align: center;
}
#block_of_filter_wrap .more_filters_open span {
	width: 200px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	font-size: 14px;
	background:#333333 url(../img/usr/common/pc/arrow05_down_w.png) 95% center no-repeat;
	color: #ffffff;
	display: block;
}
#block_of_filter_wrap .submit_btn_{
	margin-bottom: 20px;
	text-align: center;  
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
/* check */
#block_of_filter_wrap input[type="checkbox"] {
	display: none !important;
}
#block_of_filter_wrap input[type="checkbox"] + span.ttl_ {
	padding: 0 20px 0 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
	letter-spacing: 1px;
	display: block;
	position: relative;
}
#block_of_filter_wrap input[type="checkbox"] + span.ttl_::before {
	width: 21px;
	height: 21px;
	top: 49%;
	left: 3px;
	margin-top: -13px;
	background: #ffffff;
	border: 1px solid #ccc;
	position: absolute;
	content: '';
	-webkit-transition: all .2s;
	transition: all .2s;
}
#block_of_filter_wrap input[type="checkbox"] + span.ttl_::after {
	width: 9px;
	height: 6px;
	opacity: 0;
	top: 49%;
	left: 9px;
	margin-top: -7px;
	border-left: 2px solid #a36e6e;
	border-bottom: 2px solid #a36e6e;
	-webkit-transform: rotate(-45deg) scale(.5);
	transform: rotate(-45deg) scale(.5);
	position: absolute;
	content: '';
	-webkit-transition: all .2s;
	transition: all .2s;
}
#block_of_filter_wrap input[type="checkbox"]:checked + span.ttl_ {
	color: #000000;
}
#block_of_filter_wrap input[type="checkbox"]:checked + span.ttl_::before {
	width: 19px;
	height: 19px;
	background: #fff;
	border: 2px solid #a36e6e;
}
#block_of_filter_wrap input[type="checkbox"]:checked + span.ttl_::after {
	opacity: 1;
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}

/* --------------------------------------------------------------------
	common�@�t�H�[��
-------------------------------------------------------------------- */
.formlist_ {
	margin: 0 auto;
	border: #c2c2c2 1px solid;
	border-collapse: collapse;
}
.formlist_ th {
	padding: 10px;
	font-weight:bold;
	white-space: nowrap;
	background-color: #fcfcfc;
	border: #c2c2c2 1px solid;
}
.formlist_ td {
	padding: 10px;
	font-weight: normal;
	background-color: #ffffff;
	border-bottom: #c2c2c2 1px solid;
}
.formlist_ .line0_ {
	background-color: #f8f8f8;
}
.formlist_ .line1_ {
	background-color: #fcfcfc;
}
.formdetail_ {
	border-collapse:collapse;
	margin:0 auto;
	/*border: 1px solid #DDDFDE;*/
}
table.formdetail_.goodsspec_ {
	width: 100%;
}
.formdetailcust_ {
	float: left;
}
.formdetail_ th,
.formdetail_ td {
	font-size: 16px;
	line-height: 1.46;
	padding: 15px;
	border: 1px solid #DDDFDE;
	vertical-align: top;
}
.formdetail_ th {
	font-weight: 500;
	background-color: #F5F5F5;
}
.formdetail_ td {
	background-color: #FFFFFF;
}
.formdetailcard_ {
	margin:0 auto;
	margin-left:0px;
	float:none;
	border-collapse:collapse;
}
.formdetailcard_ th {
	border-top:1px solid #CEC7B7;
	border-bottom:1px solid #CEC7B7;
	font-weight:bold;
	line-height:15px;
	padding:8px;
	background-color:#F8F8F8;
	white-space:nowrap;
	text-align: left;
}
.formdetailcard_ td {
	border-top:1px solid #CEC7B7;
	border-bottom:1px solid #CEC7B7;
	font-weight:normal;
	line-height:15px;
	padding:8px;
	background-color:#FFF;
}
.formsublist_ {
	border-collapse: collapse;
}
.formsublist_ th {
	border:1px solid #CEC7B7;
	background-color:#FFF;
	font-weight:bold;
	white-space: nowrap;
}
.formsublist_ td {
	border:1px solid #CEC7B7;
	background-color:#FFF;
	font-weight:normal;
}
.must_ {
	margin-left: 10px;
	float: right;
	display: inline;
}
.classrequired {
	background: #ffeeee;
}
.classerror {
	background: #ffeeee;
}
/* --------------------------------------------------------------------
	common�@Trace
-------------------------------------------------------------------- */
/* for Trace */
.tracecontent {
	text-align:left;
	background-color:#FFCCFF;
}
#__asptrace {
	text-align:left;
	background-color:#FFF;
}
span.tracecontent tr.subhead {
	background-color:#CCC;
}
span.tracecontent tr.alt {
	background-color:#eeeeee;
}