@charset "utf-8";
/* ページタイトル
----------------------------------------------------*/
.title_area01 {
	text-align: center;
}
	.title_area01 p {
		margin: 20px 0 30px;
		color: #a5001e;
	}
.item_name h2 {
	border-top: 2px solid #292929;
	padding: 5px 15px;
	font-size: 1.6rem;
	font-weight: bold;
}
.toprice a {
	display: block;
	padding: 5px;
	border: 2px solid #292929;
	color: #292929;
	font-size: 2.0rem;
	text-align: center;
}
	.toprice a:hover {
		color: #a5001e;
		border-color: #a5001e;
	}

@media (max-width: 667px) {
/* ページタイトル
----------------------------------------------------*/
.toprice {
	margin-top: 20px;
}
.toprice a {
	font-size: 1.6rem;
}
}
.text_basic {
	line-height: 2.2rem;
	margin-top: 5px;
	text-align: justify;
}
.em {
    color: #a5001e;
    font-weight: bold;
}

figure {
	text-align: center;
}

.type_box {
	margin-bottom: 10px;
    padding: 4px 6px;
    background: #f2f2f2;
}
	.type_box input {
	    float: left;
	}
	.type_box label {
		display: block;
	}
	.type_box.type_box_enter input {
		float: none;
	}
	.type_box_inner {
		position: relative;
		display: inline-block;
	}
		.type_box_inner input[type=radio] {
			position: absolute;
			top: 0;
			left: 0;
		}
		.type_box_inner .name {
		    margin-left: 22px;
		    text-align: left;
		    line-height: 1.3;
		    font-size: 1.8rem;
		    font-weight: bold;
		}
.sec_step1 .type_box {
	padding: 20px 6px;
}
@media (max-width: 667px) {
.sec_step1 .type_box {
	padding: 20px 10px;
}
}
.sec_step2 .type_box {
	margin-bottom: 0;
}
.sec_step2 .text_basic {
	line-height: 1.5;
}


.spacer_basic { margin-top: 40px; }
.spacer_top { margin-top: 60px; }
.spacer_bigger { margin-top: 105px; }
.spacer_major { margin-top: 85px; }
.spacer_middle { margin-top: 70px; }
.spacer_min { margin-top: 20px; }
.mt10sp0 { margin-top: 10px; }
.mt20sp0 { margin-top: 20px; }
.mt30sp0 { margin-top: 30px; }
@media (max-width: 667px) {
	.spacer_top { margin-top: 30px; }
	.spacer_bigger { margin-top: 60px; }
	.spacer_major { margin-top: 40px; }
	.spacer_middle { margin-top: 40px; }
	.spacer_min { margin-top: 10px; }

	.sm-1-1.spacer,
	.sm-1-2.spacer {
		margin-bottom: 20px;
	}
	.mt10sp0, .mt20sp0, .mt30sp0 { margin-top: 0; }
}


.page_nav {}
	.page_nav a {
		display: block;
		border: 3px solid #222;
		padding: 10px 5px 5px;
		text-align: center;
	}
		.page_nav a figure {
			height: 35px;
		}
		#main .page_nav a .text {
			font-size: 1.6rem;
			font-weight: bold;
			line-height: 1.8rem;
		}
			.page_nav a .text:after {
				margin-left: 4px;
				font-family: FontAwesome;
				content: "\f101";
			}
	.page_nav a:hover {
		border: 3px solid #a5001c;
	}
		.page_nav a:hover img {
			opacity: 1.0;
		}

@media (max-width: 667px) {
		.page_nav li {
			margin-bottom: 10px;
		}
		.page_nav li:last-child {
			margin-bottom: 0;
		}
		#main .page_nav a .text {
			font-size: 1.4rem;
		}
}

/* Button
--------------------------------------*/
.btn_area {
	text-align: center;
	margin-top: 30px;
}
	.btn_area a {
		display: inline-block;
		border: 3px solid #222;
		padding: 8px 0;
		width: 380px;
		max-width: 100%;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.2;
	}
		.btn_area a:after {
			margin-left: 5px;
			font-family: FontAwesome;
			content: '\f054';
		}

.mark_circle_right {
	display: inline-block;
	padding-left: 16px;
	font-weight: bold;
	line-height: 1.2;
	position: relative;
}
	.mark_circle_right:before {
		font-family: FontAwesome;
		content: '\f138';
		position: absolute;
		top: 0;
		left: 0;
	}

/*--------------------------------------*/

.title_balloon {
	border: 5px solid #f2f2f2;
	margin: 0 auto 40px;
	padding: 10px;
	width: 520px;
	max-width: 100%;
	font-size: 2.0rem;
	text-align: center;
	line-height: 1.3 !important;
	position: relative;
}
	.title_balloon:after {
		display: inline-block;
		border: 10px solid transparent;
		border-top: 15px solid #f2f2f2;
		margin-left: -10px;
		content: "";
		position: absolute;
		left: 50%;
		bottom: -28px;
	}
	.title_balloon span {
		display: block;
		font-size: 1.4rem;
		font-weight: normal;
	}

@media (max-width: 667px) {
	.title_balloon {
		font-size: 1.6rem;
		margin: 0 auto 30px;
	}
}

.title_balloon_cart {
	background-color: #fabe00;
	background-image: url(../img/index-sw/icon_cart.png);
	background-repeat: no-repeat;
	background-position: center top 8px;
	margin: 0 auto 50px;
	padding: 45px 10px 12px;
	max-width: 318px;
	color: #fff;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2 !important;
	position: relative;
}
	.title_balloon_cart:after {
		content: "";
		display: inline-block;
		margin-left: -14px;
		border: 14px solid transparent;
		border-top: 20px solid #fabe00;
		position: absolute;
		left: 50%;
		bottom: -32px;
	}
	.title_balloon_cart span {
		display: block;
		font-size: 1.4rem;
	}

@media (max-width: 667px) {
	.title_balloon_cart {
		background-position: center top 7px;
		margin: 0 auto 20px;
		padding: 45px 10px 13px;
		font-size: 1.8rem;
	}
}

.title_underline {
	border-bottom: 2px solid #292929;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #292929;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}

@media (max-width: 667px) {
	.title_underline {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
}

.title_underline2 {
	font-size: 2.2rem;
	line-height: 1.2rem;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
	.title_underline2:after {
		position: absolute;
		bottom: -15px;
		left: 50%;
		margin-left: -190px;
		width: 380px;
		height: 3px;
		content: "";
		background-color: #292929;
	}
@media (max-width: 667px) {
.title_underline2 {
	font-size: 1.8rem;
	line-height: 1.3;
}
	.title_underline2:after {
		left: 0;
		bottom: -10px;
		margin-left: 0;
		width: 100%;
		line-height: 1.0;
	}
}


.title_simple {
	color: #fabe00;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2.2rem;
	margin-bottom: 8px;
}
	.title_simple.title_simple_k {
		color: #292929;
	}
@media (max-width: 667px) {
	.title_simple {
		font-size: 1.6rem;
	}
}

.title_simple_s {
	color: #fabe00;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2.0rem;
	margin-bottom: 8px;
}
	.title_simple_s.title_simple_k {
		color: #292929;
	}

.title_normal {
	font-size: 2.0rem;
	line-height: 2.6rem;
	margin-bottom: 5px;
	color: #292929;
	text-align: center;
}
@media (max-width: 667px) {
	.title_normal {
		font-size: 1.6rem;
	}
}

.title_bg_stripe {
	background: url(../../../base/img/common/bg_stripe_gray.gif);
	padding: 10px 5px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2 !important;
	text-align: center;
	margin-bottom: 5px;
}
	.title_bg_stripe span {
		display: block;
		font-size: 1.4rem;
	}

@media (max-width: 667px) {
	.title_bg_stripe {
		padding: 8px 3px;
		font-size: 1.6rem;
	}
}

.title_icon {
	padding-top: 38px;
	font-size: 2.0rem;
	line-height: 1.3;
	text-align: center;
}
	.title_icon span {
		display: block;
		font-size: 1.4rem;
		font-weight: normal;
	}
	.title_icon.icon_question {
	    background: url(../../../img/second/carpet/common/icon_question.gif) center top no-repeat;
	}

@media (max-width: 667px) {
	.title_icon {
		font-size: 1.8rem;
	}
}


/*--------------------------------------*/
.contents_head .pagetitle {
	margin-top: 16px;
	font-size: 2.8rem;
	line-height: 1.2 !important;
}
	.contents_head .pagetitle span {
		display: block;
		font-size: 1.4rem;
		margin-bottom: 2px;
	}

.contents_head .title_area .pagetitle {
	float: left;
}
	.contents_head .title_area:after {
		content: "";
		display: block;
		clear: both;
	}
.contents_head .title_area .value_area {
	float: right;
	margin-top: 16px;
}
	.contents_head .title_area .value_area p {
		display: inline-block;
		margin-left: 8px;
		vertical-align: middle;
	}
		.contents_head .title_area .price {
			margin-top: 20px;
		}
		.contents_head .title_area .price span {
			margin: 0;
			color: #a5001e;
			font-size: 4.2rem;
			line-height: 2.0rem !important;
		}

.contents_head .text {
	margin-top: 5px;
}

@media (max-width: 667px) {
	.contents_head .pagetitle {
		margin-top: 10px;
		font-size: 2.0rem;
	}
	.contents_head .text {
		margin-top: 14px;
	}
	.contents_head .title_area .value_area img {
		height: 40px;
	}
	.contents_head .title_area .value_area p {
		margin-left: 4px;
	}
		.contents_head .title_area .price {
			margin-top: 0;
		}
		.contents_head .title_area .price span {
			font-size: 3.0rem;
		}
}


/* Radio Button
--------------------------------------*/
.option_box {
	background-color: #f2f2f2;
	margin-top: 10px;
	padding: 3px 8px;
	text-align: center;
	cursor: pointer;
}

.option_box_inner1 {
	position: relative;
	display: block;
	width: 100%;
}
	.option_box_inner1 input[type=radio] {
		position: absolute;
		top: 0;
		left: 0;
	}
	.option_box_inner1 .name {
		margin-left: 22px;
		text-align: left;
		line-height: 1.3;
	}

.option_box_inner2 {
	position: relative;
	display: inline-block;
}
	.option_box_inner2 input[type=radio] {
		position: absolute;
		top: 0;
		left: 0;
	}
	.option_box_inner2 .name {
		margin-left: 22px;
		text-align: left;
		line-height: 1.3;
	}


.option_list {
	margin-top: 15px;
}
	.option_list li {
		display: inline-block;
		margin-top: 0 !important;
		margin-left: 5px;
		margin-right: 5px;
	}
		.option_list li label {
			display: block;
			background-color: #f2f2f2;
			padding: 4px 10px;
			min-width: 90px;
			text-align: left;
			cursor: pointer;
		}
			.option_list li label .price {
				color: #a5001e;
				font-weight: bold;
			}

@media (max-width: 667px) {
	.option_list li {
		margin-bottom: 10px;
	}
}


/* Box
--------------------------------------*/
.box_cloth {
	border: 5px solid #f2f2f2;
	padding: 20px 30px 30px;
	text-align: center;
}
	.box_cloth .box_title {
		font-size: 2.0rem;
	}
	.box_cloth li {
		margin-top: 30px;
	}
		.box_cloth li figure {
			margin-top: 10px;
		}

@media (max-width: 667px) {
	.box_cloth {
		padding: 15px 15px 30px;
	}
}

.box_ch {
	border: 5px solid #f2f2f2;
	margin-top: 40px;
	padding: 20px;
}
	.box_ch .box_title {
		font-size: 1.8rem;
	}
	.box_ch .text {
		margin-top: 8px;
	}

@media (max-width: 667px) {
	.box_ch {
		margin-top: 30px;
		padding: 10px;
	}
		.box_ch .box_title {
			text-align: center;
		}
		.box_ch figure {
			margin-top: 15px;
		}
}

.box_wbar {
	border: 5px solid #f2f2f2;
	padding: 25px 60px 30px;
	text-align: center;
}
	.box_wbar .box_title {
		font-size: 2.0rem;
	}
	.box_wbar li {
		margin-top: 30px;
	}
		.box_wbar li figure {
			margin-top: 10px;
		}
		.box_wbar li .text {
			margin-top: 8px;
			text-align: center;
		}

@media (max-width: 667px) {
	.box_wbar {
		padding: 15px 20px;
	}
	.box_wbar .box_title {
		font-size: 1.6rem;
	}
}

.box_wbar2 {
	border: 5px solid #f2f2f2;
	padding: 25px 30px 30px;
}
	.box_wbar2 .box_title {
		font-size: 2.0rem;
	}
	.box_wbar2 .text {
		margin-top: 15px;
	}

@media (max-width: 667px) {
	.box_wbar2 {
		padding: 15px 20px;
	}
		.box_wbar2 .box_title {
			text-align: center;
		}
		.box_wbar2 figure {
			margin-top: 15px;
		}
}

.attention_box {
	border: 3px solid #a5001e;
	margin-top: 80px;
	padding: 24px;
}
	.attention_box:after {
		display: block;
		content: "";
		clear: both;
	}
	.attention_box .box_title {
		font-size: 2.0rem;
		font-weight: bold;
	}
	.attention_box .text_area {
		float: left;
		width: 384px;
	}
		.attention_box .text_area p {
			margin-top: 10px;
		}
	.attention_box figure {
		float: right;
		width: 300px;
	}

@media (max-width: 667px) {
	.attention_box {
		margin-top: 40px;
	}
		.attention_box .box_title {
			text-align: center;
		}
		.attention_box .text_area {
			float: none;
			width: 100%;
		}
		.attention_box figure {
			float: none;
			margin-top: 15px;
			width: 100%;
		}
}



/* Section
--------------------------------------*/
.sec_page {
	margin-bottom: 90px;
}
.sec_sub {
	margin-bottom: 50px;
}
.sec_sub_lg {
	margin-top: 80px;
}

@media (max-width: 667px) {
	.sec_page {
		margin-bottom: 50px;
	}
	.sec_sub {
		margin-bottom: 40px;
	}
	.sec_sub_lg {
		margin-top: 60px;
	}
}

.steptitle span {
	margin-right: 10px;
}

@media (max-width: 667px) {
	.steptitle span {
		display: block;
		margin-right: 0;
		line-height: 1.2;
	}
}


/* 注文サイズ
--------------------------------------*/
.box_order {
	margin-bottom: 20px;
	padding: 10px 20px;
}
	.box_order .title {
		font-size: 2.2rem;
	}
	.box_order .unit {
		display: inline-block;
		margin-left: 5px;
		line-height: 1.1;
		vertical-align: middle;
	}
	.box_order .memo {
		margin-top: 5px;
	}
.box_order01 {
	background-color: #fabe00;
}
.box_order02 {
	background-color: #355689;
	color: #fff;
}
.box_order02 {
	background-color: #355689;
	color: #fff;
}
.box_order .col {
	margin-top: 0;
	margin-bottom: 0;
}
.w100 {
	width: 100px;
}
@media (max-width: 667px) {
.box_note {
	padding-bottom: 20px;
}
}
/*
.size_height {
	background-color: #fabe00;
	padding: 10px 0 10px 10px;
	position: relative;
}
	.size_height:after {
		background: url(../img/index-sw/size_height_arrow.png);
		content: '';
		margin-top: -10px;
		width: 20px;
		height: 21px;
		position: absolute;
		top: 50%;
		right: 5px;
	}
	.size_height .size_tit {
		font-size: 2.0rem;
	}
	.size_height input, .size_height .unit {
		display: inline-block;
		vertical-align: middle;
	}
	.size_height input {
		width: 104px;
	}
	.size_height .unit {
		margin-left: 5px;
		font-size: 1.2rem;
		line-height: 1.0;
	}
	.size_height .memo {
		display: block;
		margin-top: 8px;
		font-size: 1.2rem;
	}

.size_width {
	background-color: #355689;
	margin-top: 40px;
	padding: 30px 10px 10px;
	color: #fff;
	position: relative;
}
	.size_width:after {
		background: url(../img/index-sw/size_width_arrow.png);
		content: '';
		margin-left: -11px;
		width: 20px;
		height: 21px;
		position: absolute;
		top: 8px;
		left: 50%;
	}
	.size_width .size_tit {
		font-size: 2.0rem;
	}
	.size_width input, .size_width .unit {
		display: inline-block;
		vertical-align: middle;
	}
	.size_width input {
		width: 104px;
	}
	.size_width .unit {
		margin-left: 5px;
		font-size: 1.2rem;
		line-height: 1.0;
	}
	.size_width .memo {
		display: block;
		margin-top: 8px;
		font-size: 1.2rem;
		line-height: 1.1;
	}

.note {
	margin-top: 20px;
}

.size_mounting dt {
	font-size: 1.6rem;
	font-weight: bold;
	color: #e55c5c;
	margin-bottom: 5px;
	text-align: center;

}
.size_mounting dd {
	text-align: justify;
	line-height: 2.2rem;
	font-size: 1.4rem;
}
.size_mounting .size_mou_ceiling dd {
	margin-bottom: 30px;
}

@media (max-width: 667px) {
	.size_height:after {
		background: none;
	}
	.size_width {
		margin-top: 20px;
		padding: 10px;
	}
		.size_width:after {
			background: none;
		}
	.size_mounting {
		margin-top: 20px;
	}
		.size_mounting dt {
			margin-bottom: 5px;
			text-align: center;
		}
		.size_mounting .size_mou_ceiling dd {
			margin-bottom: 20px;
		}
}


.sec_size .btn_area {
	margin-top: 40px;
}
*/
/* ============= 以下、カート用 ============= */
.form_control {
	border: 1px solid #999;
	padding: 6px 12px;
	height: 34px;
	font-size: 1.6rem;
	color: #555;
	line-height: 1.4;
}

.w105 {
	width: 105px;
}

input[type=button] {
	border-radius: 4px;
	padding: 8px 20px;
	font-size: 1.8rem;
	cursor: pointer;
}

.estimate {
	margin-top: 80px;
	padding-top: 30px;
}

.estimate .estimateButton {
	display: inline-block;
	width: 100%;
	max-width: 380px;
	padding: 18px 0 18px 40px;
	font-size: 17px;
	font-weight: bold;
	border: none;
	border-radius: 0;
	background-color: #fabe00;
	background-image: url(../img/index-sw/estimate_icon.png), url(../img/index-sw/estimate_arrow.png);
	background-repeat: no-repeat;
	background-position: 36px center,330px center;
	color: #fff;
	cursor: pointer;
}

.estimate .estimateButton:hover, .estimate .estimateButton:focus {
	opacity: 0.7;
	transition: .5s;
}

.estimate p {
	margin-top: 15px;
	line-height: 1.3;
}

.cart_box {
	margin-top: 50px;
}

.cart_box .item_img {
	text-align: center;
}

.cart_box .item_detail .itemName {
	font-size: 1.6rem;
	font-weight: bold;
}

#summary {
	background-color: #f2f2f2;
	margin-top: 15px;
	padding: 10px 15px;
}
.multi_message {
	margin-left: 20px;
}

.cart_box .value01 {
	margin-top: 15px;
}

.cart_box .value01 p {
	display: inline-block;
	color: #f67979;
	font-size: 1.8rem;
}

.cart_box .value01 #utiwake {
	display: block;
}

.cart_box .value02 {
	border-top: 1px dotted #999;
	margin-top: 15px;
	padding-top: 15px;
}

.cart_box .value02 select {
	min-width: 80px;
}

.cart_box .value02 .qty label {
	margin-right: 15px;
}

.cart_box .value02 p {
	margin-top: 6px;
	color: #f67979;
}

.cart_box .value02 .total {
	background-color: #fde8e8;
	margin-top: 15px;
	padding: 12px 20px;
	text-align: right;
}

.cart_box .value02 .total #totalprice {
	display: inline-block;
	margin: 0 10px;
	color: #222;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.0;
}

.cart_box .value02 .total .soryohosoku {
	font-size: 1.1rem;
}

.cart_box .cartNote {
	border: 1px dotted #999;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
	font-size: 1.2rem;
}

.cart_box .intoCart {
	margin-top: 20px;
}

.cart_box .intoCart .cartButton {
	border: 1px solid #d58512;
	background-color: #ec971f;
	width: 100%;
	color: #fff;
}

.cart_box .intoCart .cartButton:hover, .cart_box .cartButton:focus {
	border-color: #ec971f;
	background-color: #985f0d;
}

.cart_box .intoCart .cartButton[disabled] {
	border-color: #9fa0a0;
	background-color: #9fa0a0;
	cursor: not-allowed;
}

.cart_box .intoCart .cartButton[disabled]:hover,
.cart_box .intoCart .cartButton[disabled]:focus {
	border-color: #9fa0a0;
	background-color: #9fa0a0;
}

.cart_box .again {
	margin: 20px 0;
}

.cart_box .again .againButton {
	border: 1px solid #8c8c8c;
	background-color: #fff;
	width: 100%;
}

.cart_box .again .againButton:hover, .cart_box .againButton:focus {
	border-color: #8c8c8c;
	background-color: #e6e6e6;
}

.btn_area01 {
	margin-top: 30px;
	text-align: center;
}

.aright {
	display: block;
	border: 3px solid #222;
	padding: 10px 20px;
	text-align: center;
	font-weight: bold;
}

.aright:hover {
	border: 3px solid #f67979;
}

.aright span {
	position: relative;
}

.aright span:after {
	position: absolute;
	font-family: FontAwesome;
	content: '\f054';
	right: -20px;
	top: 50%;
	margin-top: -10px;
}

.btn_area_red .aright {
	border: 3px solid #f67979;
	color: #f67979;
}

.btn_area_red .aright:hover {
	background-color: #f67979;
	color: #fff;
}

.btn_w400 {
	width: 400px;
	margin: 0 auto;
}

@media screen and (max-width: 667px) {
	input[type=button] {
		padding: 8px 10px;
		font-size: 1.6rem;
		width: 100%;
	}
	.cart_box .value02 .total {
		padding: 6px;
		text-align: center;
	}
	.cart_box .value02 .total #totalprice {
		font-size: 2.8rem;
		margin: 0 5px;
	}
	.estimate {
		margin-top: 50px;
	}
	.estimate .estimateButton {
		width: 300px;
		padding: 18px 0 18px 25px;
		font-size: 16px;
		background-position: 15px center,270px center;
	}
}



.cb_guide {}
	.cb_guide .guide_body {
		margin-top: 38px;
	}
	.cb_guide .catch {
		font-size: 3.6rem;
		line-height: 1.0 !important;
	}
		.cb_guide .catch .unit {
			font-size: 1.8rem;
		}
	.cb_guide .text1 {
		margin-top: 1.6rem;
		text-align: left;
		padding: 0 15px;
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
		.cb_guide .red {
			color: #a5001e;
		}
	.cb_guide .text2 {
		margin-top: 20px;
		text-align: center;
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.cb_guide .text3 {
		margin-top: 1.4rem;
		text-align: center;
		font-size: 1.2rem;
		line-height: 1.8rem;
	}

@media (max-width: 667px) {
	.cb_guide .col {
		margin-bottom: 30px;
	}
	.cb_guide .catch {
		font-size: 3.0rem;
	}
		.cb_guide .catch .unit {
			font-size: 1.6rem;
		}
}




.sec_step3_p {
	margin: 20px auto 0 auto;
	padding: 15px;
	width: 500px;
	background-color: #F1F1F1;
}
@media (max-width: 667px) {
.sec_step3_p {
	width: 100%;
}
}
.hd-txt {
	max-width:600px;
	margin:0 auto 30px;
}