@charset "UTF-8";


/* ---- 共通 ---- */
ul.tab-links {
margin:0 0 20px 0;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
border-top: #e6e6e6 1px solid;
border-left: #e6e6e6 1px solid;
}
ul.tab-links li {
display: table;
width: calc(100% / 4);
border-right: #e6e6e6 1px solid;
border-bottom: #e6e6e6 1px solid;
height: 50px;
transition: all 0.2s ease 0s;
}
ul.tab-links li.active {
background: #F2F2F2;
}
ul.tab-links li a {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
height: 100%;
color: #000;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
ul.tab-links li a:hover {
background: #F2F2F2;
color: #000;
}
a.hidden_link {
color: var(--txt-color) !important;
text-decoration: none !important;
}
a.hidden_link:hover {
color: var(--txt-color) !important;
text-decoration: none !important;
}

/* ---- ご利用ガイド ---- */

.freepage-section .tab-box .panel-area {
border: none;
border-top: solid 1px var(--line-color);
}


/* ---- 商品表示マーク ---- */

ul.icon_list_detail {
margin:0;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
text-align: center;
border-top: #d2d2d2 1px solid;
border-left: #d2d2d2 1px solid;
}
.icon_list_detail li {
width:25%;
margin:0;
padding:15px;
border-bottom: #d2d2d2 1px solid;
border-right: #d2d2d2 1px solid;
}
.icon_list_detail li p.icon_list_img{
margin-bottom:5px;
}


/* ---- よくある質問 ---- */

/* ---- 最初のPタグのみにAマーク ---- */
.freepage-section .qa-list .answer li p::before {
background-image: none;
}
/* ---- liタグ内あしらい ---- */
.freepage-section .qa-list .answer ul {
margin: 0 0 0 27px;
}
.freepage-section .qa-list .answer li {
border: none;
}
.freepage-section .qa-list .answer p {
display: block !important;
margin: 0 0 0.8em 17px;
}
.freepage-section .qa-list .answer p::before {
background-position: 0 5px;
}
.freepage-section .qa-list .answer p+p::before {
background-image: none;
content: none;
}
.freepage-section .qa-list .answer li p::before {
content: none;
display: block;
width: auto;
min-width: 0;
height: auto;
margin-right: 0;
}

.freepage-section .qa-list li p.midashi {
color: #00549f;
margin: 0 0 0.8em -10px;
font-weight: bold;
}
.freepage-section .qa-list li li {
padding-bottom: 10px;
margin-top: 0;
}

/* ---- よくある質問調整用 ---- */


/* ---- 見積発行手順 ---- */
div.flow {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
div.flow dl {
width: 20.4%;
padding: 0 2% 0 0;
background: url("../../../img/usr/pm/guide/flow.png") right 3px top 35px no-repeat;
}
div.flow dl:last-of-type {
width: 18.4%;
padding: 0;
background: none;
}

div.flow dt {
font-size: 120%;
color: #fff;
background: #00549f;
padding: 5px;
text-align: center;
border-radius: 5px 5px 0 0;
}
div.flow dd {
font-size: 85%;
border: #00549f 1px solid;
border-radius: 0 0 5px 5px;
padding: 5px;
min-height: 4.0em;
}


/* ---- 3年間品質保証 ---- */
div.warranty ul.list_st01 li {
list-style:disc;
margin:0 0 8px 25px;
padding:0;
}
div.warranty ul.process li {
list-style:decimal;
margin:0 0 8px 25px;
padding:0;
}


/* ---- ご購入3,300円(税込)で送料無料 ---- */
div.free_shipping table.list {
border:#999 1px solid;
border-collapse:collapse;
}
div.free_shipping table.list th {
border:#999 1px solid;
padding:3px 4px;
text-align:center;
font-weight:bold;
background:#daffff;
color:#000;
}
div.free_shipping table.list td {
border:#999 1px solid;
padding:3px 4px;
color:#000;
}
div.free_shipping table.list td:nth-child(2n) {
text-align:right;
}
div.free_shipping img.ico {
height: 26px;
}


/* 当日出荷のご案内 ---- */
div.day_shipping .truck_banner {
margin:0 0 50px 10px;
}
div.day_shipping .calendar {
margin:0 0 20px 10px;
}
div.day_shipping img {
padding:0 2px 0 3px;
}
div.day_shipping .weekday {
float: left;
width:49%;
}
div.day_shipping .saturday {
float: right;
width:49%;
}
div.day_shipping .weekday img {
width:100%;
}
div.day_shipping .saturday img {
width:100%;
}
div.day_shipping img.ico {
height: 26px;
}


/* ---- 預金口座振替について ---- */
div.banking .sub_box {
margin:20px 0 20px 50px;
padding:6px 8px;
background:#eee;
border:#666 1px solid;
}
div.banking .sub_box .box {
margin:0 0 0 10px;
}
div.banking ul.notice li {
list-style: disc;
margin: 0 0 0.8em 20px;
font-size: 110%;
color: #000;
}
div.banking .step {
background:url("../../../img/usr/pm/guide/banking_arrow_step.png") left 0 bottom 0 no-repeat;
margin: 0 0 20px 45px;
padding: 0 0 35px 0;
}
div.banking .step:last-child {
background:none;
margin: 0 0 20px 45px;
padding: 0 0 9px 0;
}
div.banking .step ul.docs {
width:80%;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
div.banking .step ul.docs li {
width: 32%;
margin: 0 1% 0 0;
}
div.banking .dl_link > a {
display: inline-block;
background: linear-gradient(#ffba00, #ff9600);
text-align: right;
color: #000 !important;
text-decoration: none !important;
margin:20px 0 0 0;
padding:8px 15px;
border: #ff7e00 1px solid;
}
div.banking .dl_link > a:hover {
background: linear-gradient(#ff9600,#ffba00);
}
div.banking .step ul.docs li img {
width: 100%
}
div.banking .box p {
margin:0 0 0.8em 0;
}


/* ---- Pa-manポイントについて ---- */

div.pa-man_point .freepage-list {
margin-top: 5px;
margin-bottom: 35px;
}
div.pa-man_point ul.feature {
margin:15px 0;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
div.pa-man_point ul.feature li {
width:31%;
margin:0 2% 0 0;
padding:0;
}
div.pa-man_point div[class^="remarks"] {
display: inline-block;
padding: 25px 200px 25px 15px;
border-radius: 15px;
margin: 0 0 30px 0;
}
div.pa-man_point .remarks1 {
background: #fff9d4 url("../../../img/usr/pm/guide/point_img004.png") right 10px bottom 20px no-repeat;
}
div.pa-man_point .remarks2 {
background: #fff9d4 url("../../../img/usr/pm/guide/point_img005.png") right 10px bottom 20px no-repeat;
}