#main a:link    { color:#0066FF; text-decoration: underline }
#main a:visited { color:#0066FF; text-decoration: underline }
#main a:hover   { color:#0099FF;text-decoration: none }
#main a:active  { color:#0099FF; text-decoration: none }

/**********	
施工例画像
***********/
.photo_line2 {
		width: 100%;
	}
.photo_line2 div {
		width: 300px;
			margin-right: 5px;
			display: inline-block;
			text-align: center;
			margin-bottom: 15px;
	}


/**********	
必要袋計算
***********/

div#calculation_item {
	width:610px;
	border:7px solid #0068C8;
	padding:8px;
	background:#FFF;
	margin:10px auto 20px;
	color:#000000;
	}
	
div#calculation_item p {
	width:610px;
	margin:0;
	padding:0;
	}	
	
div#calculation_item table {
	width:610px;
	background:#D7D7D7;
	}	
div#calculation_item table td {
	padding:15px 5px;
	vertical-align:middle;
	}
div#calculation_item table td.ans {
	padding:5px 5px 5px;
	vertical-align:middle;
	}
	
div#calculation_item table td input {
	background:#FFFFFF;
	border:1px solid #999;
	width:65px;
	height:25px;
	margin:0 5px;
	padding:0 5px;
	font-size:17px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
	
div#calculation_item table td input#ans {
	background:#FFFFFF;
	border:1px solid #999;
	width:85px;
	height:35px;
	margin:0 5px;
	padding:0 5px;
	font-size:22px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}	
	
	
div#ans_bt_wrapp {
	float:left;
	width:270px;
	height:56px;
	margin:0px;
	padding:0px;
	}

div#ans_wrapp {
	padding-top:10px;
	}		
	
div#calculation_item table td input#ans_button {
	width:270px;
	height:56px;
	margin:0px;
	padding:0px;
	border: none;
	background: none;
	background:url(https://file001.shop-pro.jp/PA01128/971/ec/img/detail/calculation_button_01.jpg) no-repeat;
	cursor:pointer;
	}
	
div#calculation_caution {
	width:610px;
	margin:5px auto 0;
	}	
	
	
/*****
カートへ戻るボタン
****/	

div#tocart_bt {
	clear:both;
	width:640px;
	margin:5px auto;
	}


/***********
バナー用：フッター高さ調整
***********/	
div#newFooter {
	padding-bottom:98px;
  padding-bottom:80px;
	}

.product_deta_table {
	width:33%;
	font-size:15px;
	float:left;
	}
	
/******************************

 サイドSNSボタン

******************************/
#side_sns {
	background:#fff !important;
	}

.photo_line2 {
		width: 100%;
	}
.photo_line2 div {
		width: 300px;
			margin-right: 5px;
			display: inline-block;
			text-align: center;
			margin-bottom: 15px;
	}

.jp_link {
background-image: url("//file001.shop-pro.jp/PA01128/971/ec/img/detail/deli_01_2_ov.png") ;
	background-repeat: no-repeat;
	background-size: cover;
}

.jp_link a img {
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.jp_link a:hover img {
	opacity:0;
}

/**********	
リフォーム施工例
***********/

.reform_jirei {
    width: 100%;
}

.reform_jirei .reform_detail {
    background: #F0EFE9;
    padding: 25px 0 15px;
    box-sizing: border-box;
}

.reform_jirei .reform_detail .photo {
    width: 100%;
    max-width: 620px;
    padding: 0;
    margin: 0 auto 20px;
}

.reform_jirei .reform_detail h3 {
    font-size: 18px;
    color: #00003F;
    padding: 0 40px;
    margin: 0 auto 15px;
}

.reform_jirei .reform_detail .text {
    font-size: 14px;
    color: #000;
    line-height: 180%;
    margin: 0 auto 25px;
    padding: 0 40px;
}

.reform_price {
    width: 562px;
    margin: 0 auto 15px;
        display: flex;
    justify-content: center;
    flex-wrap: wrap;
     box-sizing: border-box;
}


.reform_price .cell_1 {
    background: #C8C8C8;
    text-align: center;
    padding: 10px;
        width: calc(105 / 562 * 100%);
    max-width: 105px;
     box-sizing: border-box;
}

.reform_price .cell_2 {
    border: 1px solid #DDDDDD;
    background: #fff;
     width: calc(176 / 562 * 100%);
    max-width: 176px;
    text-align: left;
    padding: 10px;
     box-sizing: border-box;
}

.reform_bt {
    text-align: center;
}


.reform_bt img, .reform_jirei .reform_detail .photo img {
	-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.reform_bt a:hover img, .reform_jirei .reform_detail .photo a:hover img {
	opacity: 0.8;
}

.youtubebunner.bunner2 {
	display: flex;
    justify-content:center;
    flex-wrap: wrap;
}
.pdf_button_wrapp {
        margin-bottom: 30px;
    }
#main .pdf_button {
        display: block;
        margin-bottom: 15px;
    }

#main .pdf_button a {
        display: block;
        background: #138656;
        color: #fff;
        text-decoration: none;
        position: relative;
padding: 20px;
font-size: 22px;
          -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
    }    
    
#main .pdf_button a::before {
    position: absolute;
    display: block;
      content: url(https://file001.shop-pro.jp/PA01128/971/ec2/img/detail/open_icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height:30px;
    top:5%;
    bottom: 0;
    right: 1em;
    margin: auto;
}
    
#main .pdf_button a::after {
        position: absolute;
    display: block;
    content: "";
        top: 7%;
        left: 0.5%;
        width: 98.5%;
        height: 85%;
        border: 1px solid #fff;
    }
  
    #main .pdf_button a:hover {
        background: #1ccc8a;
    } 

	.pdf_link ul {
		margin: 20px 0 40px;
		padding: 0;
		width: 70%;
	}
	.pdf_link ul li {
	margin-bottom: 25px;
	}
.pdf_link ul li a {
display: block;
padding:10px;
background:#ff0000;
  background-color: rgb(255, 0, 0);
  font-size: min(1.3vw, 14px);
  font-weight: bold;
  text-align: left;
  outline:none;
  border:none;
  transition:all 0.3s ease;
  position: relative;
  border-radius:5px;
  background-color: #221771;
  box-shadow: inset 2px 2px 2px 0px rgba(49, 49, 49, 0.5), 7px 7px 20px 0px rgba(20, 20, 20, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
transition: all .6s ease 0s;
	}
.pdf_link ul li a:hover .dli-chevron-round-right {
	transition: all .6s ease 0s;
	right: 3%;
	}
	
#main .pdf_link ul li a:link    { color:#fff; text-decoration: none }
#main .pdf_link ul li a:visited { color:#fff; text-decoration: none }
#main .pdf_link ul li a:hover   { color:#fff;text-decoration: none }
#main .pdf_link ul li a:active  { color:#fff; text-decoration: none }
	
.dli-chevron-round-right {
	transition: all .6s ease 0s;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 3;
  position: absolute;
  width: 1em;
  height: 1em;
  transform: translateX(-25%) rotate(45deg);
  right: 5%;
  top: 35%;
}

.dli-chevron-round-right::before, .dli-chevron-round-right::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.dli-chevron-round-right::before {
  top: 0;
  left: 0;
  right: 0;
  height: 0.1em;
}

.dli-chevron-round-right::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1em;
}

.view_pc {
	display: block;
}
.view_sp {
	display: none;
}