@charset "utf-8";

.maincontents_area {
	margin-bottom: 105px;
	font-family:"メイリオ",Meiryo, Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Droid Sans', 'sans-serif';
}
@media (max-width: 667px) {
	.maincontents_area {
		margin-bottom: 50px;
	}
}
.text_basic {
	line-height: 2.2rem;
	text-align: justify;
}
.em {
    color: #a5001e;
    font-weight: bold;
}

figure {
	text-align: center;
}

#main a.line {
	font-weight: bold;
	text-decoration: underline;
}

.btn_area {
	text-align: center;
	margin-top: 20px;
}
	.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';
		}
		.btn_area a:hover, .btn_area a:focus {
			border-color: #A5001E;
		}
		.btn_area a span {
			display: block;
			font-size: 1.2rem;
			font-weight: normal;
		}

	.btn_area .cannotbuy {
		display: inline-block;
		border: 3px solid #999;
		background-color: #eee;
		padding: 8px 0 6px;
		width: 380px;
		max-width: 100%;
		color: #666;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.2;
	}

@media (max-width: 667px) {
	.btn_area {
		text-align: center;
		margin-top: 20px;
	}
	.btn_area a, .btn_area p {
		font-size: 1.6rem;
	}
}

.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: 30px; }
.spacer_small { margin-top: 20px; }
.mt30sp0 { margin-top: 30px; }
.mt20sp0 { margin-top: 20px; }
@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: 20px; }
	.spacer_small { margin-top: 10px; }

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

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

.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;
	}
.mark_double_right {
	display: inline-block;
	padding-left: 12px;
	font-weight: bold;
	line-height: 1.2;
	position: relative;
}
	.mark_double_right:before {
		font-family: FontAwesome;
		content: '\f101';
		position: absolute;
		top: 0;
		left: 0;
	}

.mark_arrow_right {
	display: inline-block;
	padding-left: 16px;
	font-weight: bold;
	line-height: 1.2;
	position: relative;
}
	.mark_arrow_right:before {
		font-family: FontAwesome;
		content: '\f061';
		position: absolute;
		top: 0;
		left: 0;
	}
.mark_photo:after {
	padding-left: 4px;
	font-family: FontAwesome;
	content: '\f030';
	color: #a6a6a6;
}
.mark_movie:after {
	padding-left: 4px;
	font-family: FontAwesome;
	content: "\f16a";
	color: #a5001e;
}

.list_circle_right li a {
	display: inline-block;
	padding-left: 16px;
	font-weight: bold;
	line-height: 1.2;
	position: relative;
}
	.list_circle_right li a:before {
		font-family: FontAwesome;
		content: '\f138';
		position: absolute;
		top: 0;
		left: 0;
	}
.list_check li {
	padding-left: 16px;
	position: relative;
}
	.list_check li:before {
		font-family: FontAwesome;
		content: '\f00c';
		position: absolute;
		top: 0;
		left: 0;
	}
.list_dot li {
	padding-left: 16px;
	position: relative;
}
	.list_dot li:before {
		content: '・';
		position: absolute;
		top: 0;
		left: 0;
	}

.list_ori li {
    padding-left: 16px;
    position: relative;
    line-height: 2.2rem;
}
    .list_ori li span {
        position: absolute;
        top: 0;
        left: 0;
    }


.box_border_area {
	border: 5px solid #f2f2f2;
	padding: 12px 20px;
}
	.box_border_area_red {
		border: 3px solid #a5001e;
	}
	.box_border_area_red-att {
		border: 3px solid #a5001e;
		padding: 30px 25px;
	}

.box_bg_area {
	background-color: #f6f4ee;
	padding: 16px;
}
@media (max-width: 667px) {
	.box_border_area, .box_bg_area {
		padding: 10px 20px;
	}
}

.inner_area {
	margin-right: auto;
	margin-left: auto;
	width: 592px;
}
@media (max-width: 667px) {
	.inner_area {
		width: inherit;
	}
}
.single_area {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 380px;
}
@media (max-width: 667px) {
	.single_area {
		width: inherit;
	}
}



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

.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(https://www.diy-shop.jp/base/img/common/icn_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 #fabe00;
	margin-bottom: 30px;
	color: #fabe00;
	font-size: 2.0rem;
	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;
}
	.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;
}
	.title_simple_s.title_simple_k {
		color: #292929;
	}

.title_normal {
	font-size: 2.0rem;
	line-height: 1.3;
	color: #292929;
	text-align: center;
}
	.title_normal span {
		display: block;
		font-size: 1.4rem;
		line-height: 1.3;
	}
@media (max-width: 667px) {
	.title_normal {
		font-size: 1.6rem;
	}
}

.title_bg_stripe {
	background: url(https://www.diy-shop.jp/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: 10px;
}
	.title_bg_stripe span {
		display: block;
		font-size: 1.4rem;
	}

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

.title_icon {
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}
	.title_icon span {
		display: block;
		font-size: 1.4rem;
		font-weight: normal;
	}
	.title_icon figure {
		display: block;
		margin-bottom: 10px;
	}

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

.price {
    font-size: 1.4rem;
}
	.price span {
		color: #a5001e;
		font-size: 2.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: 10px;
}
	.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 .title {
	padding-bottom: 15px;
}
.contents_head h2 {
	padding-bottom: 10px;
	line-height: 1.4;
	font-size: 28px;
}

.contents_head h2 span {
	display: block;
	font-size: 14px;
}
@media screen and (max-width:640px){
.contents_head h2 {
	width: auto;
	font-size: 22px;
}
.contents_head h2 span {
	display: block;
	font-size: 12px;
}
}
.contents_head .text {
	margin-top: 5px;
	text-align: justify;
}

@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;
		}
}


/*------------------------------------*/
.sec_step {}
	.sec_step dl {
		display: block;
		margin-right: auto;
		margin-left: auto;
		max-width: 250px;
		text-align: left;
	}
		.sec_step .title {
			display: inline-block;
			font-size: 1.6rem;
			font-weight: bold;
			text-align: left;
			line-height: 1.2;
		}
		.sec_step .col_1 .title {
			background: url(https://www.diy-shop.jp/base/img/common/icn_catalog.gif) 0 center no-repeat;
			padding-left: 52px;
		}
		.sec_step .col_2 .title {
			background: url(https://www.diy-shop.jp/base/img/common/icn_write.gif) 0 center no-repeat;
			padding-left: 42px;
		}
		.sec_step .col_3 .title {
			background: url(https://www.diy-shop.jp/base/img/common/icn_culc.gif) 0 center no-repeat;
			padding-left: 40px;
		}
		.sec_step .title span {
			display: block;
			font-size: 1.4rem;
			margin-bottom: 3px;
		}
@media (max-width: 667px) {
	.sec_step {}
		.sec_step li {
			margin-bottom: 30px;
		}
		.sec_step li:last-child {
			margin-bottom: 0;
		}
}

.sec_att_cut dt {
	font-size: 2.0rem;
	padding-bottom: 10px;
}
@media (max-width: 667px) {
.sec_att_cut dl {
	padding-bottom: 20px;
}
}
/*------------------------------------*/
.sec_item {}
	.sec_item .box {
		border: 5px solid #f2f2f2;
		padding: 15px;
	}
		.sec_item .col {}
		.sec_item .title {
			margin-bottom: 10px;
			font-size: 1.8rem;
			font-weight: bold;
			text-align: center;
		}
		.sec_item .name {
			margin-top: 10px;
			font-size: 1.8rem;
		}
		.sec_item .name.name_min {
			margin-top: 5px;
		}
		.sec_item .item_info {
			margin-top: 5px;
		}
			.sec_item .item_info .name {
				margin-top: 0;
			}
			.sec_item .detail {
				line-height: 1.8rem !important;
			}
			.sec_item .spec {
				margin-bottom: 5px;
			}
			.sec_item .price {
				margin-top: 20px;
				font-size: 1.6rem;
				text-align: right;
			}
				.sec_item .price span {
					margin: 0 5px;
					color: #a5001e;
					font-size: 2.8rem;
				}
			.sec_item .link {
				margin-top: 15px;
			}
				.sec_item .link li {
					margin-bottom: 4px;
				}
			.sec_item .color {
				margin-top: 15px;
			}
			.sec_item .type {
				margin-top: 20px;
				background-color: #f2f2f2;
				padding: 6px 0 0 6px;
			}
			.sec_item .type li {
				display: inline-block;
				background-color: #fff;
				font-size: 1.2rem;
				padding: 4px 6px;
				margin: 0 6px 6px 0;
			}

@media (max-width: 667px) {
	.sec_item > li {
		margin-bottom: 30px;
	}
	.sec_item > li:last-child {
		margin-bottom: 0;
	}
	.sec_item .price {
		margin-top: 10px;
	}
	.sec_item .btn_area {
		margin-top: 20px;
	}
}


/*------------------------------------*/
.sec_2c {}
	.sec_2c .name {
		margin-top: 10px;
	}
	.sec_2c .text {
		font-size: 1.6rem;
		line-height: 1.8rem;
		margin-top: 8px;
	}

@media (max-width: 667px) {
		.sec_2c .inner {
			margin-left: auto;
			margin-right: auto;
			max-width: 380px;
		}
		.sec_2c > li {
			margin-bottom: 30px;
		}
		.sec_2c > li:last-child {
			margin-bottom: 0;
		}
}

/*------------------------------------*/
.sec_3c {}
	.sec_3c .name {
		margin-top: 5px;
	}
	.sec_3c .text {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}

@media (max-width: 667px) {
		.sec_3c .inner {
			margin-left: auto;
			margin-right: auto;
			max-width: 250px;
		}
		.sec_3c > li {
			margin-bottom: 30px;
		}
		.sec_3c > li:last-child {
			margin-bottom: 0;
		}
}

/*------------------------------------*/
.sec_4c {}
	.sec_4c .name {
		margin-top: 5px;
	}
	.sec_4c .text {
		font-size: 1.2rem;
		line-height: 1.6rem !important;
	}

@media (max-width: 667px) {
		.sec_4c .inner {
			margin-left: auto;
			margin-right: auto;
			max-width: 180px;
		}
		.sec_4c > li {
			margin-bottom: 30px;
		}
		.sec_4c > li:last-child {
			margin-bottom: 0;
		}
}

/*------------------------------------*/
.sec_5c {
	margin-top: 20px;
}
	.sec_5c .name {
		margin-top: 5px;
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
	.sec_5c .text {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}

@media (max-width: 667px) {
		.sec_5c .inner {
			margin-left: auto;
			margin-right: auto;
			max-width: 140px;
		}
		.sec_5c > li {
			margin-bottom: 30px;
		}
		.sec_5c > li:last-child {
			margin-bottom: 0;
		}
}

/*------------------------------------*/
.sec_knowledge {
	margin-top: 110px;
}
	.sec_knowledge a {
		color: #222;
	}
	.sec_knowledge .title_area {
		text-align: center;
	}
	.sec_knowledge .title_area .icon {
		display: block;
		margin-bottom: 5px;
	}
	.sec_knowledge .title_area .text {
		font-size: 2.0rem;
		font-weight: bold;
		border-bottom: 2px solid #222;
		margin-bottom: 20px;
		padding-bottom: 3px;
	}
	.sec_knowledge .link_area li {
		position: relative;
		padding-left: 17px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.sec_knowledge .link_area li:before {
		font-family: FontAwesome;
		content: '\f138';
		position: absolute;
		top: 0;
		left: 0;
	}



/*------------------------------------*/
.sec_bnr3c {
	margin-top: 110px;
}
	.sec_bnr3 .title_text {
		margin-bottom: 20px;
		color: #fabe00;
		font-size: 2.0rem;
		text-align: center;
	}
		.sec_bnr3 p {
			margin-top: 5px;
		}

@media (max-width: 667px) {
	.sec_bnr3 {
		margin-top: 40px;
	}
		.sec_bnr3 .title_text {
			font-size: 1.6rem;
		}
		.sec_bnr3 .inner {
			margin-left: auto;
			margin-right: auto;
			max-width: 250px;
		}
		.sec_bnr3 > ul > li {
			margin-bottom: 30px;
		}
		.sec_bnr3 > ul > li:last-child {
			margin-bottom: 0;
		}
}


.sec_list {}
	.sec_list table {
		border-collapse: collapse;
	}
	.sec_list table td {
		border: 1px solid #dbdbdb;
		padding: 30px 0;
	}
	.sec_list table tr:first-child td {
		border-top: none;
		padding: 10px 0 30px;
	}
		.sec_list table td:nth-child(3n+1) {
			width: 257px;
			border-left: none;
		}
		.sec_list table td:nth-child(3n+2) {
			width: 264px;
		}
		.sec_list table td:nth-child(3n+3) {
			width: 257px;
			border-right: none;
		}
	.sec_list table .inner {
		width: 250px;
	}
		.sec_list table td:nth-child(3n+1) .inner {
			margin-right: auto;
		}
		.sec_list table td:nth-child(3n+2) .inner {
			margin-right: auto;
			margin-left: auto;
		}
		.sec_list table td:nth-child(3n+3) .inner {
			margin-left: auto;
		}
	.sec_list table .name {
		display: inline-block;
		font-weight: bold;
		line-height: 2.2rem;
		padding-left: 20px;
		margin: 20px 0 10px;
	}
		.sec_list table .name:after {
			font-family: FontAwesome;
			content: '\f101';
			margin-left: 4px;
		}
	.sec_list table .desc {
		border-top: 1px solid #000;
		padding: 8px 20px 0;
		font-size: 1.2rem;
		line-height: 1.9rem;
		text-align: justify;
	}
@media (max-width: 667px) {
		.sec_list table,
		.sec_list tbody,
		.sec_list tr {
			display: block;
		}
		.sec_list table td {
			display: block;
			border: none;
			border-bottom: 1px solid #dbdbdb;
			padding: 30px 0;
		}
		.sec_list table tr:first-child td {
			padding: 30px 0;
		}
		.sec_list table tr:first-child td:first-child {
			padding: 0 0 30px;
		}
			.sec_list table td:nth-child(3n+1) {
				width: 100%;
			}
			.sec_list table td:nth-child(3n+2) {
				width: 100%;
			}
			.sec_list table td:nth-child(3n+3) {
				width: 100%;
			}
		.sec_list table .inner {
			width: 250px;
		}
			.sec_list table td:nth-child(3n+1) .inner {
				margin-right: auto;
				margin-left: auto;
			}
			.sec_list table td:nth-child(3n+2) .inner {
				margin-right: auto;
				margin-left: auto;
			}
			.sec_list table td:nth-child(3n+3) .inner {
				margin-right: auto;
				margin-left: auto;
			}
	.sec_list .null {
		display: none;
	}
}

@media (max-width: 667px) {
	.sec_attention .list_ori {
		margin-top: 10px;
	}
	.sec_order {
		display: none;
	}
}

/* #kabegami_catalog */


#kabegami_catalog .maker-list {
	width:780px;
	font-size:0;
	margin:0 auto;
	margin-bottom: 70px;
	
}

#kabegami_catalog .maker-list li {
	display:inline-block;
	margin-right:8px;
}

#kabegami_catalog .maker-list .none {
	margin:0;
}

#kabegami_catalog .maker_title {
    margin-bottom: 30px;
    padding: 10px 6px;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
    background: url(../../img/common/bg_stripe_gray.gif);
}


#kabegami_catalog .db li  {
	width: 122px !important;
	display:inline-block;
	margin-top:8px;
}

#kabegami_catalog .mr2 {
}

	#kabegami_catalog .sec_list table .name {
		display: inline-block;
		font-weight: bold;
		line-height: 2.2rem;
		padding-left: 20px;
		margin: 20px 0 10px;
	}
		#kabegami_catalog .sec_list table .name:after {
			font-family: FontAwesome;
			content: '';
			margin-left: 4px;
		}

@media (max-width: 667px) {
	#kabegami_catalog .maker-list {
		width:100%;
	}
	
	#kabegami_catalog .maker-list li {
		margin-right:54px;
		margin-bottom:10px;
	}
}
/* /#kabegami_catalog */