@charset "utf-8";
/* CSS Document */


/* テキスト余白調整*/
.txt_mt05 {
margin: 5px 0 0 0;
}
.txt_mt10 {
margin: 10px 0 0 0;
}
.txt_mt15 {
margin: 15px 0 0 0;
}
.txt_mt20 {
margin: 20px 0 0 0;
}
.txt_mt30 {
margin: 30px 0 0 0;
}
.txt_mt40 {
margin: 40px 0 0 0;
}
.txt_mb05 {
margin: 0 0 5px 0;
}
.txt_mb10 {
margin: 0 0 10px 0;
}
.txt_mb15 {
margin: 0 0 15px 0;
}
.txt_mb20 {
margin: 0 0 20px 0;
}
.txt_mb30 {
margin: 0 0 30px 0;
}
.txt_mb40 {
margin: 0 0 40px 0;
}


/* 注意枠 */
.back-red_waku {
background-color: #FF0000;
font-size: 120%;
font-weight: bold;
color: #FFF;
padding: 15px;
}


/* 注釈小さいテキスト */
.txt_small {
font-size: 85%;
}

.txt_small_in {
text-align: left;
font-size: 85%;
margin-top: 5px;
padding-left:  1em;
text-indent: -1em;
}


/* 製品価格 */
.product_price {
font-size: 180%;
font-weight: bold;
color: #FF0000;
text-align: center;
margin: 10px 10px 0 0;
}

/* 工事価格 */
.construction_price {
font-size: 150%;
font-weight: bold;
color: #002DB2;
text-align: center;
margin: 10px 10px 0 0;
}

.price_waku {
margin: 20px 0 10px 0;
padding: 20px 0 20px 0;
background-color: #EEEEEE;
}

.price_small {
font-size: 60%;
}


/* 区切 */
@media screen and (min-width: 600px) {
.kugiri {
margin: 0 0 30px 0;
clear:both;
}
.kugiri_s {
margin: 0 0 20px 0;
clear:both;
}
.kugiri_sen {
padding:  20px 0 0 0;
margin:  0 0 20px 0;
border-bottom: 1px solid #CCCCCC;
}
}

@media screen and (max-width : 599px ){
.kugiri {
margin: 0 0 20px 0;
clear:both;
}
.kugiri_s {
margin: 0 0 15px 0;
clear:both;
}
.kugiri_sen {
padding:  15px 0 0 0;
margin:  0 0 15px 0;
border-bottom: 1px solid #CCCCCC;
}
}


.free_waku {
line-height: 1.5em;
}

.free_waku img {
width: 100%;
height: auto;
}

.free_waku h2 {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}

.free_waku h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
}

.free_waku h4 {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}

.free_waku h5 {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}


/* 基本2列→1列 */
@media screen and (min-width: 600px) {
.half_2-1 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px 40px;
text-align: left;
}
.half_2-1 img {
width: 100%;
height: auto;
}
.half_2-1 p{
margin: 0;
padding: 0;
}
}

@media screen and (max-width : 599px ){
.half_2-1 {
display: grid;
grid-template-columns: 1fr;
gap: 20px 0px;
text-align: left;
}
.half_2-1 img {
width: 100%;
height: auto;
}
.half_2-1 p{
margin: 0;
padding: 0;
}
}

/* 商品詳細 3列→3列(画像角丸なし)*/
@media screen and (min-width: 600px) {
.three_3-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px 40px;
text-align: center;
}
.three_3-3 img {
width: 100%;
height: auto;
margin: 0 0 10px 0;
}
.three_3-3 p{
font-size: 90%;
margin: 0;
padding: 0;
}
}

@media screen and (max-width : 599px ){
.three_3-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px 10px;
text-align: center;
}
.three_3-3 img {
width: 100%;
height: auto;
margin: 0 0 5px 0;
}
.three_3-3 p{
font-size: 90%;
margin: 0;
padding: 0;
}
}


/* テーブル基本 */
@media screen and (min-width: 600px) {
table.table_kihon {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-top: 15px;
text-align: center;
}

.table_kihon th {
font-weight: bold;
border: 1px solid #E0DFE3;
border-spacing: 0;
padding: 10px;
background-color: #F5F5F5; 
}

.table_kihon td {
border: 1px solid #E0DFE3;
border-spacing: 0;
padding: 10px;
background-color: #FFF;
}
}

@media screen and (max-width : 599px ){
table.table_kihon {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-top: 15px;
text-align: center;
}

.table_kihon th {
font-weight: bold;
border: 1px solid #E0DFE3;
border-spacing: 0;
padding: 8px;
background-color: #F5F5F5; 
}

.table_kihon td {
border: 1px solid #E0DFE3;
border-spacing: 0;
padding: 8px;
background-color: #FFF;
}
}