@charset "utf-8";

#main_image {
	margin-bottom: 10px;
	text-align: center
}

div#undercolumn_contact {
	margin: 0 auto;
	width: 100%
}

.zipimg img {
	vertical-align: middle
}

div#mycontents_area,
div#mynavi_area,
div#mypagecolumn {
	width: 100%
}

div#mynavi_area .mynavi_list {
	margin-bottom: 20px;
	width: 100%
}

div#mynavi_area .mynavi_list li {
	margin: 0 15px 5px 0;
	padding-left: 15px;
	float: left;
	background: url(../img/icon/ico_arrow_01.gif) left no-repeat;
	font-size: 120%
}

div#mynavi_area div.point_announce {
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #ffcc62;
	background-color: #fffaf0
}

div#mynavi_area div.point_announce p {
	padding-left: 20px;
	background: url(../img/icon/ico_point.gif) left no-repeat
}

div#mycontents_area p.inforamtion {
	margin-bottom: 20px
}

div#mypagecolumn h4 {
	margin: 10px auto;
	border-bottom: 1px solid #999;
	text-align: left;
	font-size: 120%
}

div#mycontents_area div.mycondition_area {
	margin: 0 auto 20px 0;
	padding: 10px;
	border: 1px solid #ccc;
	width: 97%;
	background: #f9f9f9
}

div#mycontents_area div.mycondition_area p {
	float: left
}

div#mycontents_area div.mycondition_area .btn {
	margin-top: 15px;
	float: right
}

.add_address {
	margin-bottom: 20px
}

div#mycontents_area .message_area {
	margin: 30px auto;
	padding: 30px;
	border: 1px solid #ccc;
	text-align: center
}

div#mycontents_area .message_area p {
	margin-bottom: 20px
}

div#undercolumn_entry {
	width: 100%
}

div#undercolumn_entry .kiyaku_text {
	margin: 20px auto;
	padding: 10px;
	border: 1px solid #ccc;
	width: 97%;
	background: var(--color-white)
}

div#undercolumn_login {
	margin: 0 auto;
	width: 100%
}

div#undercolumn_login .login_area {
	margin-bottom: 30px
}

div#undercolumn_login .login_area .inputbox {
	margin: 15px auto;
	padding: 15px 20px 10px;
	background: #f0f0f0
}

div#undercolumn_login .login_area .inputbox .btn_area {
	margin-top: 0
}

div#undercolumn_error .message_area {
	width: 80%;
	margin: 30px auto;
	padding: 30px;
	border: 1px solid #ccc;
	text-align: center
}

div#undercolumn_error .message_area .error {
	padding: 120px 0
}

.pagecond_area {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ccc
}

.pagenumber_area {
	padding-bottom: 10px;
	background: url(../img/background/line_dot_01.gif) bottom repeat-x;
	margin: 20px 0
}

.pagenumber_area .navi {
	width: 100%;
	text-align: left
}

.pagenumber_area .navi li {
	display: inline
}

.pagenumber_area .change {
	float: right;
	text-align: right;
	white-space: nowrap
}

div.listrightbloc ul.status_icon {
	margin: 5px 3px 10px;
	width: 100%
}

div.listrightbloc ul.status_icon li {
	margin-right: 5px;
	float: left
}

div.listrightbloc h3 {
	font-weight: 400;
	font-size: 87.5%;
	overflow: hidden;
	line-height: 1.4;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis
}

div.listrightbloc h3 a {
	color: #333
}

div.listrightbloc .listcomment {
	margin: 0 0 10px;
	text-align: left
}

div.listrightbloc .detail_btn {
	margin-bottom: 20px
}

div.listrightbloc .pricebox {
	margin: 0 0 10px;
	text-align: left
}

div.listrightbloc .cart_area {
	padding: 10px;
	border: 1px solid #cef0f4;
	background-color: #ecf5ff;
	width: 94%
}

div.listrightbloc .classlist {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../img/background/line_dot_02.gif) bottom repeat-x
}

div.listrightbloc dl {
	width: 100%
}

div.listrightbloc dt {
	display: inline-block;
	vertical-align: top
}

div.listrightbloc dd {
	padding-bottom: 10px;
	display: inline-block
}

#detailarea .comment1 dd,
#detailarea .comment1 dt,
#detailarea .maker dd,
#detailarea .maker dt,
#detailarea .normal_price dd,
#detailarea .normal_price dt,
#detailarea .point dd,
#detailarea .point dt,
#detailarea .product_code dd,
#detailarea .product_code dt,
#detailarea .quantity dd,
#detailarea .quantity dt,
#detailarea .sale_price dd,
#detailarea .sale_price dt {
	display: inline
}

div.listrightbloc dd p.attention {
	margin-top: 5px
}

div.listrightbloc .cartin {
	margin: 0;
	float: right
}

#detailarea,
#main_column.colnum1 p.subtext,
#main_column.colnum2 div.subtext,
#main_column.colnum2 p.subtext,
#main_column.colnum3 div.subtext,
#main_column.colnum3 p.subtext,
.sub_area {
	margin-bottom: 20px
}

div.listrightbloc .cartin .quantity {
	padding: 3px 10px 0 0;
	width: 150px;
	float: left;
	text-align: right
}

div.listrightbloc .cartin .quantity .box {
	width: 70px
}

div.listrightbloc .cartin_btn {
	width: 160px;
	float: left
}

#detailarea,
.sub_area {
	width: 100%
}

#main_column.colnum1 div#detailphotobloc {
	width: 37%;
	float: left
}

#main_column.colnum1 #detailrightbloc {
	width: 63%;
	float: right
}

#main_column.colnum1 div.subtext {
	margin-bottom: 20px;
	float: left;
	width: 69%
}

#main_column.colnum1 div.subphotoimg {
	float: right;
	width: 25%;
	text-align: right
}

#main_column.colnum2 div#detailleftbloc {
	float: left;
	width: 37%
}

#main_column.colnum2 #detailrightbloc {
	float: right;
	width: 60%
}

#main_column.colnum2 div.subtext {
	float: left;
	width: 73%
}

#main_column.colnum2 div.subphotoimg {
	float: right;
	width: 25%;
	text-align: right
}

#main_column.colnum3 div#detailleftbloc {
	float: left;
	width: 49%
}

#main_column.colnum3 #detailrightbloc {
	float: right;
	width: 50%
}

#main_column.colnum3 div.subtext {
	float: left;
	width: 63%
}

#main_column.colnum3 div.subphotoimg {
	float: right;
	width: 35%;
	text-align: right
}

#detailarea h2 {
	margin: 0 0 10px;
	padding: 0 0 15px;
	color: #666;
	border: none;
	font-weight: 700;
	font-size: 120%
}

#detailarea .point,
#detailarea .relative_cat {
	margin: 0 0 10px;
	padding: 0 0 10px;
	background: url(../img/background/line_dot_01.gif) bottom repeat-x
}

#detailarea .main_comment {
	font-size: 11px;
	line-height: 1.2;
	margin-bottom: 5px
}

#detailarea .product_code {
	margin: 0 0 10px;
	padding: 10px 0;
	background: url(../img/background/line_dot_01.gif) bottom repeat-x;
	border-top: solid 2px #ccc
}

#detailarea ul.status_icon {
	margin-bottom: 10px;
	width: 100%
}

#detailarea ul.status_icon li {
	margin-right: 5px;
	margin-bottom: 3px;
	float: left
}

#detailarea .normal_price {
	margin-bottom: 5px
}

#detailarea .sale_limit_date {
	color: #c00;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px
}

#detailarea .sale_price dd #price02_default,
#detailarea .sale_price dd #price02_inctax_default,
#detailarea .sale_price dd #price02_notax_default {
	font-size: 22px
}

#detailarea .deliv_fee_price {
	color: #c00;
	font-size: 10px;
	text-align: right;
	margin-top: 5px
}

#detailarea .deliv_date,
#detailarea .deliv_fee {
	margin-top: 10px;
	margin-bottom: 10px
}

#detailarea .deliv_fee .include {
	width: 90px;
	color: var(--color-white);
	font-weight: 500;
	background: #FB6083;
	padding: 1px 3px;
	text-align: center
}

#detailarea .deliv_fee .condition {
	width: 120px;
	color: var(--color-white);
	font-weight: 500;
	background: #FDA04D;
	padding: 1px 3px;
	text-align: center
}

#detailarea .deliv_fee .not_include {
	width: 90px;
	color: var(--color-white);
	font-weight: 500;
	background: #999;
	padding: 1px 3px;
	text-align: center
}

#detailarea .point {
	margin-top: 20px;
	font-size: 120%
}

#detailarea #point_up {
	color: red;
	font-size: 12px
}

#detailarea #point_up .point_rate {
	font-size: 16px
}

#detailarea div.classlist {
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
	background: url(../img/background/line_dot_02.gif) bottom repeat-x
}

#detailarea .classlist {
	margin-bottom: 5px
}

#detailarea ul {
	margin-bottom: 10px;
	width: 100%
}

#detailarea ul li {
	vertical-align: top;
	float: left
}

#detailarea .classlist_chkbox {
	margin-bottom: 20px;
	padding-bottom: 5px;
	width: 100%;
	background: url(../img/background/line_dot_01.gif) bottom repeat-x
}

#detailarea .classlist_chkbox .option {
	margin-bottom: 10px
}

#detailarea .classlist_chkbox .chk_class_title {
	font-weight: 400
}

#detailarea .relative_cat dd {
	margin-left: 1em
}

#detailarea .cart_area {
	padding: 10px;
	background-color: #F0F0F0;
	border: 1px solid #E2E2E2;
	border-radius: 10px
}

#detailarea .quantity {
	float: left;
	margin: 15px 15px 0;
	width: 120px
}

#detailarea .cartin {
	float: left
}

/*#detailarea .cartin_btn{text-align:center}
#detailarea .cartin_btn a{color:#00a927;background-color: var(--color-white);border: 2px solid #00a927;display:inline-block;border-radius:5px;text-decoration:none;font-size:120%;letter-spacing:2px;text-align:center;margin:0 10px 20px;width: 180px; padding: 10px 0;}
#detailarea .cartin_btn a:hover{color:var(--color-white);background-color: #00a927;border: 2px solid #00a927; filter:alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; opacity:1.0; zoom:1;}*/
#detailarea .favorite_btn {
	padding: 0 0 0 150px
}

#detailarea .favorite_btn a {
	width: 200px;
	padding: 3px 10px;
	color: #555;
	border: 1px solid #AAA;
	background-origin: padding-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: var(--color-white);
	display: block;
	cursor: pointer;
	border-radius: 4px;
	text-decoration: none;
	text-align: center
}

#detailarea .ask_btn a,
#detailarea .ask_btn a:visited,
#detailarea .panf_btn a,
#detailarea .panf_btn a:visited {
	border: 1px solid #AAA;
	width: 200px;
	color: #555;
	background-origin: padding-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: var(--color-white);
	-webkit-box-sizing: content-box;
	display: block;
	cursor: pointer;
	text-decoration: none;
	text-align: center
}

#detailarea .ask_btn {
	padding: 5px 0 0 150px
}

#detailarea .ask_btn a,
#detailarea .ask_btn a:visited {
	padding: 3px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

#detailarea .panf_btn {
	padding: 5px 0 0 150px
}

#detailarea .panf_btn a,
#detailarea .panf_btn a:visited {
	padding: 3px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

#detailarea .stock_notify_btn {
	padding: 5px 0 0 150px
}

#detailarea .stock_notify_btn a,
#detailarea .stock_notify_btn a:visited {
	width: 200px;
	padding: 3px 10px;
	color: #555;
	border: 1px solid #AAA;
	background-origin: padding-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: var(--color-white);
	display: block;
	cursor: pointer;
	border-radius: 4px;
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-decoration: none;
	text-align: center
}

#detailarea .product_stock {
	color: #FB4F68;
	margin-bottom: 10px
}

table#item_spec th {
	width: 25%
}

div#customervoice_area {
	clear: both;
	padding: 35px 0 0
}

div#customervoice_area h2 {
	color: #3F3F3F;
	margin-bottom: 20px;
	padding: 5px 0 5px 10px;
	background-color: var(--main-color);
	border: none
}

div#customervoice_area .review_bloc {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #f6f6f6
}

div#customervoice_area .review_bloc p {
	padding-top: 12px;
	margin-right: 10px;
	float: left
}

div#customervoice_area review_bloc .review_btn {
	float: right;
	width: 160px
}

div#customervoice_area ul li {
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: url(../img/background/line_dot_01.gif) bottom repeat-x
}

div#customervoice_area .voicetitle {
	margin-bottom: 5px;
	color: #333;
	font-weight: 700
}

div#customervoice_area .voicedate {
	margin-bottom: 10px
}

#customervoice_area .review_btn {
	padding: 0 0 0 320px
}

#customervoice_area .review_btn a {
	width: 200px;
	padding: 10px;
	color: #555;
	border: 1px solid #AAA;
	background-origin: padding-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: var(--color-white);
	display: block;
	cursor: pointer;
	border-radius: 4px;
}

div#whobought_area {
	clear: both;
	padding: 35px 0 0
}

div#whobought_area h2 {
	border-top: solid 1px #f90;
	background: url(../img/background/bg_tit_sub_01.jpg) left bottom repeat-x;
	padding: 5px 0 8px 10px;
	font-size: 14px
}

div#undercolumn_cart .point_announce {
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #ffcc62;
	background: #fffaf0;
	font-size: 120%;
	text-align: center;
	line-height: 140%
}

div#undercolumn_cart .totalmoney_area {
	margin-bottom: 20px
}

div#undercolumn_cart p {
	margin: 10px 5px
}

div#undercolumn ul #quantity_level li {
	padding: 3px;
	display: inline
}

div#undercolumn .empty {
	text-align: left
}

div.form_area {
	margin-bottom: 30px
}

.flow_area {
	margin: 0 0 20px;
	text-align: center
}

div#undercolumn_customer th em {
	color: #000;
	font-weight: 700
}

div#undercolumn_shopping .pay_area {
	margin: 0 auto 30px;
	width: 100%
}

div#undercolumn_shopping .pay_area02 {
	margin: 40px auto 30px
}

div#undercolumn_shopping .pay_area02 .txtarea {
	margin: 5px 0 0;
	padding: 2px;
	border: 1px solid #ccc;
	width: 99%;
	height: 150px
}

div#undercolumn_shopping .pay_area02 .select-msg {
	margin-bottom: 10px
}

div#undercolumn_shopping .point_area {
	margin: 40px auto 0
}

div#undercolumn_shopping .point_area .point_announce {
	padding: 20px;
	border: 1px solid #ccc
}

div#undercolumn_shopping .point_area p {
	margin-bottom: 20px
}

div#undercolumn_shopping .point_area .point_announce li {
	margin-bottom: 5px
}

#address_area {
	margin-bottom: 10px;
	width: 100%
}

#address_area .information {
	width: 65%;
	float: left
}

#undercolumn_shopping .information {
	margin-bottom: 15px
}

#address_area .add_multiple {
	padding: 15px 10px;
	border: 1px solid #ffcc62;
	float: right;
	width: 30%;
	color: #555;
	background: #fffaf0;
	text-align: center;
	font-weight: 700
}

#address_area .add_multiple p {
	margin-bottom: 10px
}

#address_area p.addbtn {
	font-weight: 700;
	font-size: 10px
}

p.condition_area {
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #333;
	width: 566px
}

div.listrightbloc .classlist_chkbox {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../img/background/line_dot_02.gif) bottom repeat-x
}

div.listrightbloc .classlist_chkbox .chk_class {
	margin-bottom: 5px
}

#detailrightbloc .classlist_chkbox {
	margin-bottom: 20px;
	padding-bottom: 5px;
	width: 100%;
	background: url(../img/background/line_dot_01.gif) bottom repeat-x
}

#detailrightbloc .classlist_chkbox .option {
	margin-bottom: 10px
}

#detail_type_a .detaildescriptionbloc .cart_area,
#detail_type_b #ins_catalog_caption_pc,
#detail_type_d #ins_catalog_caption_pc {
	margin-bottom: 20px
}

#detailrightbloc .classlist_chkbox .chk_class_title {
	font-weight: 400
}

#detail_type_a #ins_display_caption_pc {
	margin-bottom: 50px
}

#detail_type_b #ins_display_caption_pc,
#detail_type_c #ins_display_caption_pc,
#detail_type_e #ins_display_caption_pc,
#detail_type_f #ins_display_caption_pc {
	margin-bottom: 50px
}

/*#detail_type_e #ins_display_caption_pc{text-align:-webkit-center;}*/
#detail_type_c #detailleftbloc {
	width: 60% !important
}

#detail_type_c #detailrightbloc {
	width: 37% !important
}

#detail_type_c .detaildescriptionbloc .deliv_fee {
	display: block;
	text-align: right;
	margin-right: 10px
}

#detail_type_c ul.status_icon {
	margin-top: 30px
}

#detail_type_d #ins_display_caption_pc {
	padding-top: 30px;
	clear: both
}

#detail_type_f #sub_phto_first .photo {
	float: left;
	margin: 0 20px 20px 0
}

#detail_type_f #detailsubphotobloc .subphoto_line {
	width: 50%;
	float: right;
	margin-bottom: 10px
}

#detail_type_f #detailsubphotobloc .subphoto_line_odd_last {
	width: 50%;
	float: left;
	margin-bottom: 10px
}

#detail_type_g #detailleftbloc {
	float: none !important;
	margin: 0 auto 20px;
	text-align: center
}

#detail_type_g #detailrightbloc {
	float: none !important;
	width: 100% !important
}

#detail_type_g #ins_display_caption_pc {
	margin-bottom: 50px
}

#detail_type_g .detaildescriptionbloc .cart_area {
	width: 60%
}

form[name^=product_] {
	display: inline-block;
	width: 20%;
	vertical-align: top;
	padding: 2.2%;
	width: 19.8%
}

div.listphoto {
	float: left
}

#one_maincolumn div.listrightbloc,
#three_maincolumn div.listrightbloc,
#two_maincolumn_left div.listrightbloc,
#two_maincolumn_right div.listrightbloc {
	float: right;
	width: 100%
}

.listrightbloc .cart_area,
.listrightbloc .detail_btn,
.listrightbloc .listcomment {
	display: none
}

ul#mypage_nav {
	overflow: hidden;
	background: #71B4C1;
	margin-top: -15px;
	margin-bottom: 30px;
}

ul#mypage_nav li {
	display: inline;
	border-right: solid 1px var(--color-white);
}

ul#mypage_nav li a {
	padding: 15px 25px;
	background: #71B4C1;
	display: inline-block;
	color: var(--color-white);
}

h2.title.review {
	color: #032B8D !important;
}

#coupon_list #coupon_list_inner #coupon_list_right #coupon_info p#coupon_name {
	background: #20568E;
	padding: 5px 10px;
	margin-bottom: 5px;
	color: var(--color-white);
	font-size: 15px;
	font-weight: bold;
}

/* レビュー一覧用
----------------------------------------------- */
.item_spec_area {
	overflow: hidden;
	margin-bottom: 20px;
}

.item_spec_area .item_photo_link {
	float: left;
}

.item_spec_area .listphoto {
	margin-bottom: 10px;
	width: 300px;
	height: 300px;
	background: #eee;
	float: none;
}

.item_spec_area .listphoto img {
	width: 100%;
}

.item_spec_area p.item_page_btn::before {
	content: "\f0a9";
	font-family: FontAwesome;
	margin-right: 1px;
	font-size: 14px;
	color: #3399cc;
}

.item_spec_area ul.status_icon {
	margin: 10px 0 0 5px;
}

.item_spec_text {
	float: right;
	width: 420px;
}

.item_spec_area ul.status_icon {
	display: inline-block;
}

.item_spec_area ul.status_icon li {
	float: left;
	margin-right: 5px;
}

.item_spec_area .price_area {
	margin-bottom: 10px;
}

.item_spec_area .price_area p {
	font-size: 18px;
}

.item_spec_area .main_comment {
	width: 390px;
	margin-bottom: 15px;
	display: inline-block;
}

.item_spec_area .item_spec_box {
	border: 2px solid #ccc;
	margin-bottom: 15px;
}

.item_spec_area .item_spec_box .ave {
	text-align: center;
	font-size: 18px;
	margin-bottom: 5px;
	margin-right: 0;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

.ave p {
	font-size: 12px;
}

.item_spec_area .item_spec_box .rank img {
	margin: 0 5px;
}

.item_spec_area .item_spec_box>div {
	text-align: left;
}

.item_spec_area .rank {
	padding: 10px 20px;
}

.item_spec_area dl.product_code {
	display: none;
}

div#sort_area {
	margin: 0 auto;
	border-radius: 4px;
	border: none;
	background: var(--color-white);
	clear: both;
}

#sort_area .open-btn {
	position: relative;
	text-align: right;
	margin-top: 10px;
}

#sort_area h3 {
	margin: 0 18px 5px;
	display: inline-block;
	cursor: pointer;
}

#sort_area h3.active::before {
	content: "\f146 ";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #232323;
}

#sort_area h3::before {
	content: "\f0fe ";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #232323;
}

#sort_area .filter_area.open-box {
	margin-bottom: 20px;
}

#sort_area .filter_area.open-box p.ttl {
	width: 642px;
	margin: 0 auto;
	display: block;
	background: #f0f0f0;
	text-align: center;
	color: #514c49;
	font-weight: bold;
	padding: 6px 0;
	border: 1px solid #ccc;
	border-bottom: none;
	font-size: 14px;
	letter-spacing: 1px;
}

div#sort_area table {
	width: 644px;
	margin: 0 auto 20px auto;
}

div#sort_area p.btn input {
	width: 80%;
	margin: 0 auto;
}

.sorting_area {
	background: var(--color-white);
	width: 644px;
	margin: 0 auto 16px;
	border: 1px solid #ccc;
	text-align: center;
}

.sorting_area .change {
	margin-top: 10px;
	display: inline-block;
}

.sorting_area .change p.sort-ttl {
	display: inline-block;
}

.sorting_area .change span {
	vertical-align: top;
}

.sorting_area .pagenumber_area {
	width: 490px;
	margin: 8px 0;
	padding-bottom: 0;
	background: none;
	overflow: hidden;
	display: inline-block;
}

.sorting_area .pagenumber_area .navi {
	width: auto;
	float: left;
}

.navi a {
	background: #eee;
	padding: 4px 6px;
	border-radius: 3px;
	line-height: 24px;
}

.sorting_area .pagenumber_all {
	float: right;
}

#reviews_area div.list_area {
	overflow: auto;
	overflow: hidden;
	float: none;
	width: 100%;
	padding: 20px 0;
	margin: 40px 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

#reviews_area .list_area .listphoto {
	max-width: 50px;
	margin: 0 10px 0 20px;
	float: left;
}

/* 会員様限定商品の場合はアイコン表示 */
form[name^="product_form"] .list_area {
	position: relative;
}

form[name^="product_form"] .listrightbloc .icon_member_only,
form[name^="product_form"] .listrightbloc .icon_member_price {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background: #d0ac56;
	color: var(--color-white);
	font-size: 11px;
	padding: 2px 10px;
}

.list_item_box {
	float: right;
	width: 160px;
	font-size: 11px;
	margin-top: 10px;
}

#reviews_area .list_area .listrightbloc {
	display: inline-block;
}

#reviews_area .list_area .listphoto img.picture {
	border: none;
}

#reviews_area .reviewdate {
	margin-bottom: 3px;
}

#reviews_area div.listrightbloc ul.status_icon {
	margin: 10px 3px 10px;
	width: auto;
	display: inline-block;
}

#reviews_area h3 {
	width: 580px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block
}

/* 規格名（非表示可能なようにclass付け） */
#reviews_area p.classcategory_name {
	font-weight: normal;
	font-size: 11px;
	margin-top: -3px;
	margin-bottom: 5px;
}

#reviews_area .list-inner-top h3 {
	display: block
}

/* 価格 */
#reviews_area .list-inner-top .pricebox {
	margin: 0;
	text-align: left;
}

#reviews_area div.listrightbloc p.item_page_btn,
#reviews_area div.listrightbloc p.item_review_btn {
	display: inline-block;
	margin: 5px 10px 4px 1px;
}

#reviews_area div.listrightbloc p.item_page_btn::before {
	content: "\f0a9";
	font-family: FontAwesome;
	margin-right: 1px;
	font-size: 14px;
	color: #3399cc;
}

#reviews_area div.listrightbloc p.item_review_btn::before {
	content: "¥f0a9";
	font-family: FontAwesome;
	margin-right: 1px;
	font-size: 14px;
	color: #3399cc;
}

#reviews_area .list-inner-sec {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

#reviews_area .item_link {
	margin-bottom: 10px;
}

#reviews_area .reviewlevel {
	display: block;
	border-top: 1px dotted #ccc;
	overflow: hidden;
	clear: both;
	padding: 10px 20px;
}

#reviews_area .reviewlevel img {
	vertical-align: top;
}

#reviews_area .list-inner-top {
	border-bottom: 1px solid #ccc;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}

#reviews_area .list-inner-bottom {
	display: table;
}

#reviews_area .list-inner-left {
	width: 68%;
	padding: 0 20px;
	border-right: 1px dotted #ccc;
	display: table-cell;
	vertical-align: top;
}

#reviews_area .list-inner-left .reviewtitle {
	font-weight: bold;
	margin-bottom: 10px;
}

#reviews_area .list-inner-left .reviewtitle::before {
	content: "\f27a";
	font-family: FontAwesome;
	margin-right: 4px;
	font-size: 16px;
	color: #3399cc;
}

#reviews_area .list-inner-left .reviewcomment {
	margin-bottom: 20px;
	max-width: 420px;
	word-wrap: break-word;
}

#reviews_area .list-inner-left .reviewcomment.reply {
	border: 1px dotted #ccc;
	padding: 10px;
}

#reviews_area .list-inner-left .reviewcomment.reply p.reply-ttl {
	font-size: 12px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
	font-weight: bold;
	padding-bottom: 2px;
}

#reviews_area .list-inner-left .reviewcomment.reply p.reply-ttl::before {
	content: "\f086";
	font-family: FontAwesome;
	margin-right: 4px;
	font-size: 16px;
	color: #3399cc;
}

#reviews_area .list-inner-right {
	display: table-cell;
	width: 30%;
}

#reviews_area .list-inner-right-top {
	margin: 0 20px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	display: inline-block;
	font-size: 11px;
}

#reviews_area .list-inner-right-bottom {
	width: 217px;
	margin: 15px 20px;
	overflow: hidden;
}

#reviews_area .list-inner-right-bottom p {
	font-size: 11px;
}

#reviews_area .list-inner-right-top .reviewphoto {
	width: 70px;
	height: auto;
	float: left;
	margin-right: 10px;
}

#reviews_area .list-inner-right-top .reviewnickname,
#reviews_area .list-inner-right-top .reviewnendai,
#reviews_area .list-inner-right-top .reviewsex,
#reviews_area .list-inner-right-top .reviewrepeat {
	width: 132px;
	float: right;
}

.list-inner-left-bottom a {
	display: inline-block;
	padding: 3px 12px;
	text-decoration: none;
	color: var(--color-white) !important;
	text-shadow: -1px -1px 2px #3885b1;
	background: #4291b8;
	background: -moz-linear-gradient(#62b0d7, #4291b8 75%, #4d9ac1);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #62b0d7), color-stop(.75, #4291b8), color-stop(1, #4d9ac1));
	border: 1px solid #2c88b5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.list-inner-left-bottom a:link:hover,
a[href]:hover {
	text-decoration: none;
}

.list-inner-left-bottom .tbl_review_ref_btn {
	display: inline-block;
}

.reviewphoto img {
	width: 100%;
}

#reviews_area .list-inner-left-bottom {
	text-align: center;
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 20px;
	overflow: hidden;
}

#reviews_area .list-inner-right-bottom .list_item {
	width: 100%;
	overflow: hidden;
}

#reviews_area .list-inner-right-bottom .list_item .listphoto {
	margin: 10px 0;
}

#reviews_area .list-inner-left-bottom p.ttl {
	font-size: 12px;
	margin-bottom: 4px;
}

#reviews_area .list-inner-left-bottom .reviewrefok {
	margin-top: 4px;
	font-size: 12px;
}

.reviewrefok span {
	font-size: 15px;
	font-weight: bold;
}

/* レビュー関連
----------------------------------------------- */
h2.title.review {
	color: var(--color-white) !important;
}

div#completebox {
	text-align: center;
	margin: 40px;
}

#completebox p {
	line-height: 30px;
}

.ave img {
	vertical-align: text-top;
}

img.profile_img {
	width: 100px;
}

/* 買い物かご */
#detailarea .cart_area {
	max-width: 680px;
	padding: 15px;
	background-color: #F0F0F0;
	border: 1px solid #E2E2E2;
}

#detailarea .quantity {
	float: left;
	margin: 15px 15px 0;
	width: 120px;
}

#detailarea .quantity dt,
#detailarea .quantity dd {
	display: inline;
}

#detailarea .cartin {
	float: left;
}

#detailarea .cartin_btn {
	text-align: center;
	margin: 0 0 20px;
}

/* カートに入れるボタン */
#detailarea .cartin_btn a #cart {
	width: 400px;
	padding: 15px 0 15px 0;
	color: var(--color-white);
	display: block;
	border-radius: 5px;
	text-decoration: none;
	font-size: 120%;
	letter-spacing: 2px;
	text-align: center;
	background-color: #000000;
	border: 2px solid #000000;
}

#detailarea .cartin_btn a #cart:hover {
	width: 400px;
	color: #000000;
	background-color: var(--color-white);
	border: 2px solid #000000;
	filter: alpha(opacity=100);
	/* IE 6,7*/
	-ms-filter: "alpha(opacity=100)";
	/* IE 8,9 */
	-moz-opacity: 1.0;
	/* FF , Netscape */
	-khtml-opacity: 1.0;
	/* Safari 1.x */
	opacity: 1.0;
	zoom: 1;
	/*IE*/
}

/* MYページメニュー
----------------------------------------------- */
ul#mypage_nav {
	overflow: hidden;
	background: var(--color-white);
	margin-top: -15px;
	margin-bottom: 30px;
	text-align: center;
	border: 2px solid #0083c3;
	border-radius: 20px;
}

#mycontents_area.mypage-top ul#mypage_nav {
	margin-bottom: 15px;
	text-align: center;
}

ul#mypage_nav li {
	display: inline;
	border-right: none;
}

ul#mypage_nav li a {
	padding: 10px;
	background: var(--color-white);
	display: inline-block;
	color: #0083c3;
}

ul#mypage_nav li:last-child {
	border-right: none;
}

/* カートに入れるボタン-オーダーリスト */
#detailarea .cartchange_btn a #orderlist_cart {
	width: 250px;
	padding: 15px 10px;
	color: var(--color-white);
	display: block;
	border-radius: 5px;
	text-decoration: none;
	font-size: 120%;
	letter-spacing: 2px;
	text-align: center;
	background-color: #0083c3;
	float: right;
}

/* 予約するボタン-オーダーリスト */
#detailarea .cartchange_btn a #orderlist_cart_reserv {
	width: 216px;
	padding: 15px 0 15px 0;
	color: #0083c3;
	display: block;
	border-radius: 5px;
	text-decoration: none;
	font-size: 120%;
	letter-spacing: 2px;
	text-align: center;
	background-color: var(--color-white);
	border: solid 3px #0083c3;
	margin-bottom: 5px;
	float: right;
}

/* 「オーダーリスト」でのレイアウト
----------------------------------------------- */
table.layout_orderlist {
	border: none;
	border-top: 1px solid #ccc;
}

table.layout_orderlist dl.sale_price dd span,
table.layout_orderlist dl.first_price dd span {
	font-size: 22px;
}

table.layout_orderlist th {
	font-size: 12px;
	border: none;
	border-bottom: 1px solid #ccc;
	text-align: center !important;
}

table.layout_orderlist td {
	font-size: 12px;
	padding: 14px;
	border: none;
	border-bottom: 1px solid #ccc;
}

table.layout_orderlist td.line_product {
	/*background: var(--color-white);*/
}

table.layout_orderlist td:nth-child(1) img {
	/* 規格画像 */
	width: 40%;
	margin-bottom: 2px;
}

table.layout_orderlist td:nth-child(3) {
	/* 通常価格列 */
	text-align: center;
}

table.layout_orderlist td:nth-child(4) {
	/* 販売価格列 */
	text-align: center;
}

table.layout_orderlist td:nth-child(5) {
	/* 在庫列 */
	text-align: center;
}

table.layout_orderlist td:nth-child(6) {
	/* 注文数 */
	text-align: center;
}

/* normal_price＝通常価格 */
table.layout_orderlist dl.normal_price {
	overflow: hidden;
}

table.layout_orderlist dl.normal_price dt {
	margin-right: 9px;
}

table.layout_orderlist dl.point {}

/* sale_price＝販売価格 */
/* 表形式2で定期のとき、初回・2回目以降のタイトルを装飾 */
table.layout_orderlist .first_price_area {
	margin: 10px 0;
}

table.layout_orderlist dl.first_price dt.teiki_ttl,
table.layout_orderlist dl.sale_price dt.teiki_ttl {
	padding: 2px 8px 1px;
	border-left: solid 3px #ccc;
	background: #f0f0f0;
}

table.layout_orderlist dl.sale_price dt.teiki_ttl,
table.layout_orderlist dl.sale_price dt.teiki_ttl+dd {
	display: block !important;
}

/* original_sale_price＝元値 */
table.layout_orderlist dl.original_sale_price dt,
table.layout_orderlist dl.original_sale_price dd {
	display: inline;
}

table.layout_orderlist dl.original_sale_price {
	margin-top: 8px;
}

table.layout_orderlist .product_image img {
	max-width: 80px;
}

/* 商品ステータス */
table.layout_orderlist ul.status_icon {
	margin: 5px 3px 5px;
	width: 100%;
}

table.layout_orderlist ul.status_icon li {
	margin-right: 5px;
	float: left;
	width: 60px;
}

div.listrightbloc ul.status_icon li img {
	width: 100%;
}

form[name^="orderlist_form"] .listrightbloc .icon_member_only {
	position: absolute;
	background: #d0ac56;
	color: var(--color-white);
	font-size: 11px;
	padding: 2px 10px;
}