/*トップページ全体設定
===============================*/
h3 {
 background: #E8F3F9;
 font-size: 18px;
 padding: 3px 6px;
 color: #53392B;
 font-weight: 700;
 position: relative;
 line-height: 26px;
}
.more_right {
 float: right;
}
.more_right:hover {
 opacity: 0.8;
}
p.button {
 margin: 25px auto 0;
 width: 402px;
 height: 55px;
 clear: both;
}
.product_price span {
 font-size: 23px;
 font-weight: bold;
}
.title {
 font-size: 15px;
 font-weight: bold;
 position: relative;
 line-height: 26px;
 margin: 0 0 5px 0;
}
.itemBox {
 background: #FAF7EF;
 float: left;
 border-radius: 5px;
 margin-bottom: 15px;
 padding: 10px;
 position: relative;
}
.itemBox a {
 color: #53392B;
}
/*main
===============================*/
body#top main:before {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 1000px;
 margin: auto;
 background-color: #f2ecdb;
 background-image: linear-gradient(180deg, #f2ecdb 25%, #fff 100%);
 z-index: -1;
}
/*#contents
===============================*/
/*カルーセル(#carouselBlock)
===============================*/
#carouselBlock {
 width: 480px;
 overflow: hidden;
 position: relative;
 height: 138px;
 padding: 20px 0 30px;
}
#carouselBlock #appealBox {
 width: 10000px;
 height: 137px;
 position: absolute;
 background: #fff;
 left: -610px;
}
#carouselBlock img {
 box-shadow: 0 0 8px grey;
 width: 330px;
 height: auto;
}
#carouselBlock .appealItem {
 width: 330px;
 height: 137px;
 position: relative;
 float: left;
 padding: 0 5px;
 transition: all 0.3s linear;
 opacity: 0.5;
}
#carouselBlock .appealItem:hover {
 transform: scale(1.1);
 z-index: 1;
 opacity: 1;
}
#carouselBlock .appealItem a {
 display: block;
}
#carouselBlock .pagination {
 margin: 150px auto 0;
 width: 100px;
}
#carouselBlock .pagination li {
 border-radius: 8px;
 background-color: #F2ECDB;
 display: inline-block;
 float: none;
 height: 8px;
 list-style: none;
 margin: 0 .3rem;
 padding: 0;
 width: 8px;
 border: 1px #53392B solid;
}
#carouselBlock .pagination li.select {
 background-color: #53392B;
}
.slide_arrow:before {
 display: none;
}
/*段ボール箱 比較オーダー(#estimateBox)
===============================*/
#estimateBox {
 border: 2px solid #58A3CC;
 border-radius: 8px;
 background: #fff;
 padding: 20px 10px;
 position: relative;
}
#estimateBox .heading {
 background: #58A3CC;
 border-radius: 8px 8px 0px 0px;
 position: relative;
 margin: -20px 0 0 -11px;
 width: 478px;
}
#estimateBox .heading h2 {
 color: #fff;
 border: none;
 padding: 20px 0 202px 70px;
 margin: 0;
}
#estimateBox .heading h2:before {
 display: block;
 content: '';
 position: absolute;
 top: -21px;
 left: 8px;
 bottom: 0;
 width: 67px;
 height: 67px;
 background: url(/imgs/top-icon_hakomaru1.png)no-repeat;
}
#estimateBox .heading h2 span {
 font-size: 18px;
 padding: 3px 0 3px 10px;
 display: block;
 margin: -69px 0 -9px 0px;
 line-height: 1.3;
 border: #5895BE 2px solid;
 background: #fff;
 color: #2B2F74;
 border-radius: 5px;
 width: 378px;
}
#estimateBox .heading h2 span:after {
 display: block;
 content: '';
 position: absolute;
 top: 8px;
 left: 393px;
 bottom: 0;
 width: 55px;
 height: 23px;
 background: url(/imgs/common/parts.png)no-repeat;
}
#estimateBox .heading p {
 color: #fff;
 font-size: 17px;
 padding: 0px 0 145px 71px;
 margin: -174px 3px 0 0px;
}
#appeal_box {
 position: absolute;
 top: 104px;
 right: 0;
 width: 477px;
 background: #fff;
}
#appeal_box h3 {
 background: none;
 text-align: center;
 position: relative;
 color: #2B2F74;
}
#estimateBox #appeal_box p {
 width: 142px;
 border-radius: 5px;
 padding: 45px 5px 5px 5px;
 color: #fff;
 font-weight: bold;
 float: left;
 margin: 0 3px 5px 3px;
 position: relative;
 font-size: 17px;
}
#appeal_box p.orange {
 background: #FB8700;
}
#appeal_box p.pink {
 background: #F63E73;
}
#appeal_box p.green {
 background: #8ED432;
}
#appeal_box p.orange:after {
 display: block;
 content: '';
 position: absolute;
 top: -33px;
 right: 25px;
 bottom: 0;
 width: 100px;
 height: 100px;
 background-image: url(/imgs/top-image_estimate1.png);
 background-repeat: no-repeat;
 z-index: 1;
 background-size: cover;
}
#appeal_box p.pink:after {
 display: block;
 content: '';
 position: absolute;
 top: -32px;
 right: 24px;
 bottom: 0;
 width: 100px;
 height: 100px;
 background-image: url(/imgs/top-image_estimate2.png);
 background-repeat: no-repeat;
 z-index: 1;
 background-size: cover;
}
#appeal_box p.green:after {
 display: block;
 content: '';
 position: absolute;
 top: -35px;
 right: 30px;
 bottom: 0;
 width: 90px;
 height: 90px;
 background-image: url(/imgs/top-image_estimate3.png);
 background-repeat: no-repeat;
 z-index: 1;
 background-size: cover;
}
/*.open {
 margin: 10px auto -15px;
 display: block;
 width: 145px;
 position: relative;
 font-size: 16px;
 cursor: pointer;
}
#open2 {
 width: 193px;
}
a.open:after {
 display: block;
 content: '';
 position: absolute;
 width: 17px;
 height: 17px;
 top: 4px;
 right: -27px;
 background-image: url(/imgs/common/icon-arrow_blue_xs.svg);
 -webkit-transform: translate(0, 0) rotate(90deg);
 transform: translate(0, 0) rotate(90deg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 -webkit-transition: .2s;
 transition: .2s;
}*/
#box_size {
 position: relative;
 width: 450px;
 height: 170px;
}
#img_box {
 width: 204px;
 height: 166px;
 margin: 60px 0 0 20px;
}
#box_size p {
 font-weight: bold;
 color: #53392B;
 font-size: 18px;
}
p.length {
 position: absolute;
 top: -38px;
 left: 90px;
}
p.depth {
 position: absolute;
 top: 42px;
 left: 250px;
}
p.width {
 position: absolute;
 top: 124px;
 left: 240px;
}
#box_size input[type="tel"] {
 width: 100px;
 height: 30px;
 font-size: 18px;
 border-radius: 5px;
 border: 2px #C4C4C4 solid;
 margin: 0 6px 0 10px;
 background: #fff4f4;
}
#box_size input[type="tel"]::placeholder {
 color: #C4C4C4;
}
.inputBox1 {
 width: 455px;
 position: relative;
 margin: 15px 0 0 0;
}
#estimateBox .inputBox2 .printselect li{
 width: 80px!important;
} 
#estimateBox .inputBox2 .noneBtn label,#estimateBox .inputBox2 .yesBtn label {
 position: relative;
 padding: 5px 10px 5px 20px!important;
 text-align: right;
}
#estimateBox .inputBox2 .noneBtn label:before {
 position: absolute;
 left: 6px;
 top: 1px;
 display: block;
 content: '';
 width: 35px;
 height: 29px;
 background: url(/imgs/box_print_none.png)no-repeat;
}
#estimateBox .inputBox2 .yesBtn label:after {
 position: absolute;
 left: 6px;
 top: -1px;
 display: block;
 content: '';
 width: 40px;
 height: 33px;
 background: url(/imgs/box_print_yes.png)no-repeat;
}
#estimateBox .inputBox2 ul.unit_item.printselect{
 width: 165px;	
}
#box_hosoku {
 background: #FFF7F7;
 padding: 5px;
 border-radius: 5px;
 margin: 20px 0;
}
#estimateBox .inputBox1 .sort select {
 width: 200px;
}
#estimateBox .inputBox1 h3, .inputBox2 h3 {
 background: none;
}
#estimateBox .inputBox1 h3 {
 float: left;
 margin: 12px 12px 0 0;
}
#estimateBox .unit_item {
 width: 138px;
 clear: both;
}
#estimateBox .inputBox1 .unit_item {
 position: absolute;
 top: -222px;
 right: 0px;
}
#estimateBox .unit_item-right {
 border-radius: 0px 5px 5px 0px;
}
#estimateBox .unit_item-left {
 border-radius: 5px 0px 0px 5px;
}
#estimateBox .unit_item input:checked + label {
 color: #fff;
 background: transparent linear-gradient(180deg, #963 0%, #53392B 100%) 0% 0% no-repeat padding-box;
}
#estimateBox .unit_item li input {
 display: none;
}
#estimateBox .unit_item li:not(.active) {
 color: #6C6C6C;
 background: #F5F5F5 0% 0% no-repeat;
}
#estimateBox .unit_item li {
 width: 38px;
 float: left;
 display: block;
 text-align: center;
 border: 1px solid #C4C4C4;
 color: #6C6C6C;
 background: #F5F5F5 0% 0% no-repeat;
}
#estimateBox .unit_item label {
 display: block;
}
#estimateBox .inputBox2 {
 width: 460px;
 margin: 30px auto 40px;
}
#estimateBox .inputBox2 ul li.input_li {
 width: 210px;
 float: left;
 margin: 0 7px;
 position: relative;
}
.rito_label {
 position: absolute;
 top: 40px;
 right: 0;
}
#estimateBox .inputBox2 ul li {
 width: 297px;
 float: left;
 margin: 0 0 20px 0;
}
#estimateBox .inputBox2 li input[type="tel"] {
 left: 375px;
 top: 14px;
 width: 112px;
 height: 30px;
 font-size: 18px;
 border-radius: 5px;
 border: 2px #C4C4C4 solid;
 margin: 0 2px 0 20px;
 background: #fff4f4;
}
#estimate_boardBox .inputBox2 {
 width: 460px;
 margin: 30px auto 40px;
}
#estimateBox .inputBox2 .unit_item {
 margin: -28px 0 0 0;
}
#estimateBox .inputBox2 ul li h3 {
 float: left;
}
#estimateBox .inputBox2 ul li ul {
 float: right;
}
#estimateBox .inputBox2 #estimateBox .unit_item-left {
 border-radius: 5px 0px 0px 5px;
}
#estimateBox .inputBox2 select#f2_prefecture1 {
 position: relative;
 background-color: #fff;
 border: 1px solid #C4C4C4;
 border-radius: 5px;
 padding: 7px 7px;
 top: 9px;
 width: 135px;
 margin: -10px 0 0 73px;
 display: block;
}
select#prefecture_id {
 position: relative;
 background-color: #fff;
 border: 1px solid #C4C4C4;
 border-radius: 5px;
 padding: 7px 7px;
 width: 135px;
 margin: -35px 0 0 75px;
 display: block;
 float: right;
}
#estimateBox .inputBox2 .unit_item label {
 padding: 5px 0;
}
#estimateBox .inputBox2 .unit_item li {
 width: 66px;
}
#estimateBox .inputBox {
 position: relative;
}
/*=============================================================================================*/
/*=====.resultBox=====*/
.resultBox {
 margin: 20px 0 0 0;
 display: none;
}
.resultBox .leftBox dt {
 width: 152px;
 background: #E8F3F9;
 font-size: 16px;
 color: #333;
 font-weight: normal;
 padding: 7px 0 11px 10px;
 margin: -1px 0 -43px 1px;
 display: flow-root;
 border-top: 1px #C4C4C4 solid;
 z-index: 1;
 position: relative;
}
.resultBox .leftBox dd {
 padding: 10px 10px 5px 22px;
 width: 261px;
 border-bottom: 1px #C4C4C4 solid;
 line-height: 2;
 border-left: #E8F3F9 164px solid;
 position: relative;
}
.resultBox h3 span {
 background: #58A3CC;
 color: #fff;
 font-weight: bold;
 padding: 5px 20px;
 margin: 0 10px 0 -5px;
}
/*=====画像#box_img=====*/
#box_img {
 position: relative;
 border: 1px #C4C4C4 solid;
 height: 220px;
 width: 452px;
 background-size: 200px 200px;
 background-repeat: no-repeat;
 background-position: 150px 0;
}
#box_img img {
 position: absolute;
 display: block;
 transform-origin: left bottom;
}
#box_img #hito {
 height: 222px;
 width: auto;
}
#box_img img#poster {
 margin: 0 0 0 123px;
}
#box_img p {
 position: absolute;
 font-size: 16px;
 font-weight: bold;
 white-space: nowrap;
}
#box_depth {
 right: 88px;
 top: 108px;
}
#box_width {
 right: 115px;
 top: 145px;
}
#box_length {
 right: 201px;
 top: 170px;
}
#p_box_length {
 right: 36px;
 top: 50px;
}
#p_box_width {
 right: 200px;
 top: 173px;
}
/*=====箱の形式#formatBox=====*/
.rightBox {
 margin: 30px 0 0 0;
}
.rightBox h3 {
 margin: 0 0 10px 0;
}
#formatBox {
 position: relative;
 width: 460px;
 overflow: scroll;
 padding: 38px 0;
}
#formatBox h3 {
 margin: 15px 0 10px 0;
}
#format_scroll {
 width: 2454px;
}
#format_scroll div {
 width: 265px;
 height: 340px;
 position: relative;
 float: left;
}
#format_scroll div .format_contents_btn {
 position: static;
 float: none;
 height: auto;
 width: auto;
}
#format_scroll label {
 display: block;
 border: 3px #CCCCCC solid;
 border-radius: 5px;
 background: #F5F5F5;
 padding: 5px;
 cursor: pointer;
 height: 327px;
 position: relative;
}
#format_scroll strong {
 font-size: 15px;
 font-weight: bold;
 text-align: center;
 display: block;
}
#format_scroll div#more_box {
 width: 1015px;
 background: none;
 border: none;
 padding: 0 0 0 8px;
 box-shadow: none;
}
#more_box:before {
 display: none;
}
#format_scroll div strong {
 font-size: 15px;
 font-weight: bold;
 text-align: center;
}
#format_scroll div img {
 display: block;
 margin: 0 auto;
 height: 120px;
}
#format_scroll input:checked + label {
 border: 3px #E23619 solid;
 box-shadow: 0px 6px 3px #C4C4C4;
 background: #fff;
 position: relative;
}
#format_scroll input:checked + label:before {
 background-image: url(/imgs/common/checkbox.svg);
 background-repeat: no-repeat;
 background-position: center 2px;
 background-size: contain;
 background-color: #E23619;
 border: 2px solid #E23619;
}
#format_scroll div + div {
 margin: 0 0 0 7px;
}
.rank-1, .rank-2, .rank-3 {
 background-image: none;
}
.rank-1 label:after {
 display: block;
 content: '';
 position: absolute;
 top: -30px;
 left: 92px;
 bottom: 0;
 width: 63px;
 height: 63px;
 background-repeat: no-repeat;
 background-position: center 0;
 background-image: url(/imgs/common/rank-img1.png);
 background-size: 55px auto;
}
.rank-1 strong:after {
 display: block;
 content: '';
 position: absolute;
 top: 25px;
 left: -18px;
 bottom: 0;
 width: 63px;
 height: 63px;
 background-repeat: no-repeat;
 background-position: center 0;
 background-image: url(/imgs/common/icon_cheapest2.png);
 background-size: 55px auto;
}
.rank-1 input:checked + label strong:after {
 display: block;
 content: '';
 position: absolute;
 top: 23px;
 left: -18px;
 bottom: 0;
 width: 63px;
 height: 63px;
 background-repeat: no-repeat;
 background-position: center 0;
 background-image: url(/imgs/common/icon_cheapest1.png);
 background-size: 55px auto;
}
.rank-2 label:after {
 display: block;
 content: '';
 position: absolute;
 top: -30px;
 left: 92px;
 bottom: 0;
 width: 63px;
 height: 63px;
 background-repeat: no-repeat;
 background-position: center 0;
 background-image: url(/imgs/common/rank-img2.png);
 background-size: 55px auto;
}
.rank-3 label:after {
 display: block;
 content: '';
 position: absolute;
 top: -30px;
 left: 92px;
 bottom: 0;
 width: 63px;
 height: 63px;
 background-repeat: no-repeat;
 background-position: center 0;
 background-image: url(/imgs/common/rank-img3.png);
 background-size: 55px auto;
}
#format_scroll input {
 display: none;
}
#format_scroll .description {
 text-align: left;
 line-height: 1.5;
 padding: 5px 0;
 display: block;
}
#format_scroll .f_total_price {
 font-weight: bold;
 display: block;
 border-bottom: 1px #ccc solid;
 margin: 0 10px;
}
#format_scroll .f_total_price span {
 font-weight: bold;
 font-size: 18px;
}
#format_scroll .f_total_price span.small {
 font-weight: normal;
 font-size: 14px;
}
.keisiki_tanka, .mold_fee {
 display: block;
 margin: 0 10px;
}
#format_scroll .mold_fee .hosoku {
 display: block;
}
#format_scroll label:before {
 display: block;
 content: '';
 position: absolute;
 top: -1px;
 right: -1px;
 bottom: 0;
 margin: 0;
 width: 18px;
 height: 18px;
 background-color: #fff;
 border: 1px solid #CCC;
 border-radius: 3px;
}
#formatBox .see_more {
 position: absolute;
 top: 5px;
 right: 10px;
}
#more_format {
 display: none;
}
#formatBox .hosoku {
 font-size: 14px;
 line-height: 1.3;
 display: block;
}
/*=====フルート.flute_choices=====*/
.flute_choices {
 position: relative;
}
.flute_choices li {
 width: 218px;
 height: 100px;
 float: left;
 margin: 10px 5px 0px;
 position: relative;
}
.flute_choices input {
 display: none;
}
.flute_choices label {
 display: block;
 width: 200px;
 height: 84px;
 border: 3px #CCCCCC solid;
 border-radius: 5px;
 background: #F5F5F5;
 padding: 5px;
 cursor: pointer;
 position: relative;
}
.flute_choices li img {
 display: block;
}
.flute_choices li span {
 display: block;
 text-align: right;
 margin: -20px 0 0 0;
}
.flute_choices li strong {
 font-weight: bold;
 font-size: 16px;
 margin: 0 0 0 5px;
}
span#box_EF_zaisitu, span#ita_EF_zaisitu, span#box_BF_zaisitu, span#ita_BF_zaisitu, span#box_AF_zaisitu, span#ita_AF_zaisitu {
 display: inline;
 margin: 0;
 font-weight: bold;
}
.flute_choices input:checked + label {
 border: 3px #E23619 solid;
 box-shadow: 0px 6px 3px #C4C4C4;
 background: #fff;
}
.flute_choices span.red {
 margin: 5px 0 0 -8px;
 font-size: 15px;
 font-weight: bold;
}
.see_more {
 position: relative;
 color: #159DD9;
 clear: both;
 float: right;
}
.see_more:before {
 display: block;
 content: '';
 position: absolute;
 top: 10px;
 left: -18px;
 bottom: 0;
 width: 14px;
 height: 25px;
 margin: auto;
 background-repeat: no-repeat;
 background-position: center 0;
 background-image: url(/imgs/common/icon-link_question.png);
 background-size: 14px auto;
}
.flute_choices label:before {
 display: block;
 content: '';
 position: absolute;
 top: -1px;
 right: -1px;
 margin: 0;
 width: 18px;
 height: 18px;
 background-color: #fff;
 border: 1px solid #CCC;
 border-radius: 3px;
}
.flute_choices input:checked + label:before {
 background-image: url(/imgs/common/checkbox.svg);
 background-repeat: no-repeat;
 background-position: center 2px;
 background-size: contain;
 background-color: #E23619;
 border: 2px solid #E23619;
}
.flute_choices label:hover {
 border: 3px #E23619 solid;
 box-shadow: 0px 6px 3px #C4C4C4;
 background: #fff;
 position: relative;
 z-index: 100;
}
.flute_choices .unsupported:after {
 width: 217px;
 height: 100px;
 margin: 0;
}
.flute_choices .gray_out {
 text-align: center;
 position: absolute;
 top: 47px;
 left: 0;
 width: 216px;
 display: none;
}
/*=====フルートポップアップ.qualityBox=====*/
.flute_choices div.qualityBox {
 background: #fff;
 padding: 20px 7px 7px 7px;
 width: 442px;
 box-shadow: 0px 0px 10px 0px #C4C4C4;
 position: absolute;
 top: 209px;
 z-index: 10;
 left: 0px;
 border-radius: 5px;
 cursor: auto;
 display: none;
 border: 2px solid #58A3CC;
}
.qualityBox h3 {
 margin: 0 0 25px;
 padding: 0 7px 7px 7px;
 color: #53392B;
 font-size: 25px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 position: relative;
 line-height: 28px;
 background: none;
}
.quality_closeBtn {
 background: #fff;
 display: block;
 color: #333;
 line-height: 1;
 font-size: 32px;
 position: absolute;
 right: 11px;
 top: 10px;
 border-radius: 5px;
 cursor: pointer;
 width: 35px;
 text-align: center;
 z-index: 10;
}
.qualityBox table {
 border-top: solid 1px #C4C4C4;
 border-left: solid 1px #C4C4C4;
}
.qualityBox th {
 background: #FAF7EF;
 border-bottom: solid 1px #C4C4C4;
 border-right: solid 1px #C4C4C4;
}
.qualityBox tr.select {
 background: #FAF7EF;
}
.qualityBox td {
 border-bottom: solid 1px #C4C4C4;
 border-right: solid 1px #C4C4C4;
}
.qualityBox .graph {
 text-align: center;
 font-weight: bold;
 font-size: 16px;
 background: #53392B;
 color: #fff;
 display: inline-block;
 width: 200px;
 text-decoration: none;
 margin: 10px 0 0 0;
}
.qualityBox .strength10 {
 width: 200px;
}
.qualityBox .strength8 {
 width: 170px;
}
.qualityBox .strength6 {
 width: 150px;
}
.qualityBox .strength4 {
 width: 100px;
}
.qualityBox .strength3 {
 width: 50px;
}
.qualityBox .strength1 {
 width: 30px;
}
.qualityBox h4 {
 background: none;
 font-weight: bold;
 font-size: 20px;
 padding: 20px 0 6px;
}
.flute_guide div {
 background: none;
 width: 178px;
 border: 1px solid #CCCCCC;
 height: 229px;
 float: left;
 margin: 10px;
 padding: 10px;
}
.flute_guide div:hover {
 box-shadow: none;
 cursor: auto;
}
.flute_guide div p {
 text-align: left;
}
.flute_guide div:before {
 display: none;
}
.about_liner {
 width: 440px;
 border: none;
 background: #fff;
 margin-left: 0;
}
.about_liner:before {
 display: none;
}
.about_liner:hover {
 box-shadow: none;
 cursor: auto;
}
/*=====納期目安.delivery_date=====*/
.delivery_date {
 margin: 10px 0;
}
.delivery_date li {
 float: left;
 position: relative;
 width: 218px;
 margin: 10px 5px;
 height: 110px;
}
.delivery_date label {
 display: block;
 width: 202px;
 border: 3px #CCCCCC solid;
 border-radius: 5px;
 background: #F5F5F5;
 padding: 5px;
 cursor: pointer;
 position: relative;
 height: 95px;
}
.delivery_date input {
 display: none;
}
.delivery_date input:checked + label {
 border: 3px #E23619 solid;
 box-shadow: 0px 6px 3px #C4C4C4;
 background: #fff;
}
.delivery_date strong {
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 display: block;
}
.delivery_date strong span {
 display: block;
}
.delivery_date span {
 text-align: center;
}
.delivery_date label:before {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 right: -1px;
 bottom: 0;
 margin: 0;
 width: 18px;
 height: 18px;
 background-color: #fff;
 border: 1px solid #CCC;
 border-radius: 3px;
}
.delivery_date input:checked + label:before {
 background-image: url(/imgs/common/checkbox.svg);
 background-repeat: no-repeat;
 background-position: center 2px;
 background-size: contain;
 background-color: #E23619;
 border: 2px solid #E23619;
}
.delivery_date label:hover {
 border: 3px #E23619 solid;
 box-shadow: 0px 6px 3px #C4C4C4;
 background: #fff;
 position: relative;
 z-index: 100;
}
.delivery_date div input {
 display: none;
}
.d_ship_date {
 font-size: 16px;
}
.d_total_price {
 display: block;
 font-size: 14px;
}
.d_total_price span {
 font-weight: bold;
 font-size: 18px;
}
.d_total_price span.small {
 font-weight: normal;
 font-size: 14px;
}
.delivery_date li:after {
 width: 220px;
 height: 114px;
 margin: 0;
}
/*お問合せボタン*/
.delivery_date .unsupported .inqBtn {
 padding: 2px;
 z-index: 1;
 display: block;
 width: 152px;
 color: #159DD9;
 font-size: 14px;
 font-weight: bold;
 border: 1.5px solid #159DD9;
 border-radius: 50px;
 background: #fff;
 position: absolute;
 left: 31px;
 cursor: pointer;
 bottom: 10px;
}
.delivery_date .inqBtn {
 display: none;
}
/*非対応*/
.gray_out {
 display: none;
 z-index: 1;
 color: #E23619;
 position: relative;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 text-shadow: 2px 2px 10px #fff, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;
 margin-top: -80px;
}
.unsupported .gray_out {
 display: none;
}
.unsupported:after {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 width: 270px;
 height: 348px;
 background-repeat: no-repeat;
 background-position: center 0;
 background: #fff;
 opacity: 0.7;
 z-index: 0;
}
/*非対応お問合せボックス*/
.delivery_inqBox {
 background: #fff;
 padding: 32px 15px 32px 15px;
 width: 430px;
 box-shadow: 0px 0px 10px 0px #C4C4C4;
 position: absolute;
 z-index: 100;
 left: 6px;
 border-radius: 5px;
 cursor: auto;
 border: 2px solid #58A3CC;
 height: auto;
 display: none;
}
.delivery_date div#delivery_inqBox1 div {
 border: none;
 background: none;
 float: left;
 width: 420px;
 margin: 30px 0 0;
 height: auto;
 cursor: auto;
}
.delivery_inqBox h4 {
 color: #53392B;
 font-size: 25px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 margin: 0 0 25px;
 line-height: 28px;
}
.inqBox_closeBtn {
 background: #fff;
 display: block;
 color: #333;
 line-height: 1;
 font-size: 32px;
 position: absolute;
 right: 0;
 top: 0px;
 border-radius: 5px;
 cursor: pointer;
 width: 35px;
 text-align: center;
 z-index: 1;
}
.delivery_inqBox h5 {
 background: #E8F3F9;
 font-size: 18px;
 padding: 3px 6px;
 color: #53392B;
 font-weight: bold;
}
.delivery_inqBox p {
 text-align: left;
 font-size: 16px;
}
.delivery_date div#delivery_inqBox1 input {
 display: block;
}
.soushinBtn {
 width: 334px;
 margin: 0 auto;
 position: relative;
}
.desired_size dd {
 float: left;
 margin-right: 15px;
 font-size: 18px;
}
.phone_box {
 margin: 15px 0;
}
/*=====印刷方法.printing_method=====*/
.printing_method {
 border: 1px #C4C4C4 solid;
 margin: 25px 0 0 0;
 position: relative;
}
.printing_method h3 {
 width: 170px;
 background: #E8F3F9;
 font-size: 16px;
 padding: 8px 0 11px 10px;
 margin: -1px 0 -43px 0;
 border-top: 1px #C4C4C4 solid;
 position: relative;
 height: 120px;
}
.printing_method p {
 margin: -124px 13px 0 198px;
}
.printing_method p img {
 padding: 0 24px 0 0;
 margin: -5px 0 0px 1px;
 display: block;
}
.printing_method span.see_more {
 margin: 5px 8px 0 0;
}
/*=====印刷についてのポップアップ.about_print=====*/
.about_print {
 background: #fff;
 padding: 32px 10px 10px 10px;
 width: 440px;
 box-shadow: 0px 0px 10px 0px #C4C4C4;
 position: absolute;
 z-index: 10;
 border-radius: 5px;
 border: 2px solid #58A3CC;
 cursor: auto;
 display: none;
 text-align: left;
}
#about_print1 {
 left: -245px;
 top: 80px;
}
#about_print2 {
 left: -260px;
 top: 133px;
}
.about_print h2 {
 padding: 0px 7px 7px 7px;
}
.about_print p.about_p {
 float: none;
}
.notes {
 background: #FFF7F7;
 padding: 20px 20px;
}
.printing_method p.notes {
 margin: 0;
}
.about_print h3 {
 background: none;
 font-size: 20px;
 width: auto;
 height: auto;
 border: none;
 margin: 30px 0 0 0;
}
.about_jirei p {
 background: #FAF7EF;
 margin: 0 0 0 0;
 color: #53392B;
 font-weight: bold;
 border-radius: 5px 5px 0px 0px;
 width: auto;
 float: none;
}
.about_jirei li {
 width: 140px;
 padding: 0;
 float: left;
 margin: 6px 3px;
}
.about_jirei li img {
 width: 140px;
 height: auto;
}
.method p {
 background: #FAF7EF;
 margin: 0 0 0px 0;
 color: #53392B;
 font-weight: bold;
 border-radius: 5px 5px 0px 0px;
 width: auto;
 float: none;
 padding: 5px 8px;
}
.method li {
 width: 440px;
 float: left;
}
.method li img {
 display: block;
 margin: 20px auto;
 width: 425px;
}
.print_closeBtn {
 background: #fff;
 display: block;
 color: #333;
 line-height: 1;
 font-size: 32px;
 position: absolute;
 right: 0;
 top: 0px;
 border-radius: 5px;
 cursor: pointer;
 width: 35px;
 text-align: center;
}
/*=====金額.main_price_display=====*/
.main_price_display dl {
 margin: 22px 0 0 0;
}
.main_price_display dt {
 color: #333333;
 font-weight: normal;
 font-size: 16px;
 float: left;
 width: 340px;
}
.main_price_display dd {
 font-size: 18px;
 text-align: right;
 margin: 0 0 10px 0;
 font-weight: bold;
}
.main_price_display dd span {
 font-weight: bold;
}
.total_price {
 border-top: 1px #C4C4C4 solid;
 padding: 15px 0 0 0;
 font-size: 18px !important;
}
.total_price span {
 margin: -10px 0 0 0;
 display: inline-block;
 font-weight: bold;
}
.zei {
 font-weight: normal !important;
}
.cartSubmit {
 width: 300px;
 height: 52px;
 display: table-cell;
}
.main_add_cartBox, .simu_add_cartBox {
 position: relative;
 width: 300px;
 margin: 0 auto;
}
#box_main_cartSubmit:before {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 left: 55px;
 bottom: 0;
 width: 32px;
 height: 32px;
 margin: auto;
 background-image: url(/imgs/common/icon-title_cart2.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 cursor: pointer;
}
#box_main_cartSubmit, #box_simu_cartSubmit {
 position: relative;
}
.printing {
 position: relative;
 display: block;
}
.printing:before {
 display: block;
 content: '';
 position: absolute;
 top: 8px;
 left: -26px;
 bottom: 0;
 width: 21px;
 height: 25px;
 margin: auto;
 background-repeat: no-repeat;
 background-position: center 0;
 background-image: url(/imgs/common/icon-link_printing.png);
 background-size: 20px auto;
}
.main_price_display {
 position: relative;
}
.main_price_display .printing {
 position: absolute;
 top: 15px;
 right: 10px;
}
#coment {
 position: absolute;
 display: block;
 margin-top: 100px;
 width: 300px;
 float: right;
 font-size: 20px;
 color: #53392B;
 font-weight: bold;
 text-align: center;
 bottom: -70px;
 left: 87px;
}
#coment:after {
 width: 0px;
 height: 0;
 border-left: 50px solid transparent;
 border-right: 50px solid transparent;
 border-top: 30px solid #F6AC2B;
 content: "";
 position: absolute;
 top: 35px;
 left: 96px;
}
/*=====シミュレーション.simulationBox=====*/
.simulationBox {
 margin: 20px 0 0 0;
}
.simulation_open {
 color: #159DD9;
 margin: 0 0 0 1065px;
 position: relative;
 cursor: pointer;
 display: none;
}
.simulation_open:before {
 display: block;
 content: '';
 position: absolute;
 top: 8px;
 left: -26px;
 bottom: 0;
 width: 21px;
 height: 25px;
 margin: auto;
 background-repeat: no-repeat;
 background-position: center 0;
 background-image: url(/imgs/common/icon-link_simulation.png);
 background-size: 20px auto;
}
input#simulation1 {
 display: none;
}
#s_details1 {
 /*height: 0;
 padding: 0;
 overflow: hidden;
 opacity: 0;
 transition: 0.8s;
*/
 padding: 30px 0 10px;
}
/*
input#simulation1:checked ~ #s_details1 {
 padding: 30px 0 10px;
 height: auto;
 opacity: 1;
}
*/
#s_details1 h3, #s_details2 h3 {
 margin: 0 0 10px 0;
}
.simu_price_display {
 position: relative;
 border: 2px #CCCCCC solid;
 padding: 0px 15px 15px;
 border-radius: 8px;
 margin: 15px 0 0 0;
}
.simu_price_display dl {
 width: 390px;
 margin: 22px 0 0 0;
 float: left;
}
.simu_price_display dt {
 color: #333333;
 font-weight: normal;
 font-size: 16px;
 float: left;
 width: 125px;
}
.simu_price_display dd {
 font-size: 18px;
 text-align: right;
 margin: 0 0 10px 0;
 font-weight: bold;
}
/*=====グラフ#similarBox=====*/
.simulationGroup {
 width: 460px;
 height: 300px;
 position: relative;
 margin: 20px 0 0;
}
.linegraph {
 width: 400px;
 border: 1px #ccc solid;
 position: absolute;
 top: 0;
 left: 45px;
}
.graph_line {
 width: 400px;
 height: 280px;
}
.tanka_line {
 width: 400px;
 height: 280px;
 position: absolute;
 top: 0;
 left: 0;
}
.tanka_line li {
 position: absolute;
 left: 0;
 width: 400px;
 border-top: 1px #ccc solid;
 font-size: 14px;
 list-style: none;
}
.tanka_line li span {
 position: absolute;
 right: 405px;
 top: -10px;
 white-space: nowrap;
}
.linegraph ul {
 position: absolute;
 top: 0;
 left: 0px;
}
.linegraph ul li {
 width: 39px;
 height: 280px;
 float: left;
 position: relative;
 border-right: 1px #eee solid;
 list-style: none;
}
.linegraph ul li span {
 display: block;
}
.maru {
 position: absolute;
 right: -6px;
 width: 12px;
 height: 12px;
 background: #2878d6;
 /*	border: 5px #999 solid;*/
 border-radius: 50%;
 cursor: pointer;
 z-index: 1;
}
.maru:hover {
 background: #003399;
}
.simu_cnt {
 position: absolute;
 top: 290px;
 left: 5px;
 width: 60px;
 white-space: nowrap;
 font-size: 12px;
 line-height: 1;
 text-align: center;
}
.simu_gokei {
 border-top: 1px #ccc solid;
}
.simu_value {
 display: none;
 position: absolute;
 left: 0px;
 width: 140px;
 padding: 5px;
 border: 1px #999 solid;
 border-radius: 5px;
 background: #f5f5f5;
 font-size: 14px;
 text-align: right;
 z-index: 2;
}
.simu_value:after {
 content: "";
 display: block;
 background: #f5f5f5;
 border-bottom: 1px #999 solid;
 border-right: 1px #999 solid;
 position: absolute;
 bottom: -10px;
 left: 55px;
 width: 15px;
 height: 15px;
 transform: rotate(45deg);
}
.linegraph .simu_kei {
 display: none;
}
#linegraph2 .tanka_line li, #ita_linegraph2 .tanka_line li {
 display: none;
}
#linegraph2 ul li, #ita_linegraph2 ul li {
 border-right: 1px transparent solid;
}
#linegraph2 .maru, #ita_linegraph2 .maru {
 background: #f6ac2b;
}
#linegraph2 .maru:hover {
 background: #ff3300;
}
#linegraph2 .simu_cnt, #ita_linegraph2 .simu_cnt {
 display: none;
}
#gosokuHosoku {
 position: absolute;
 top: 100px;
 left: 220px;
 width: 200px;
 line-height: 1.8;
 background: #fff;
 border: 3px #ccc solid;
 padding: 10px;
 border-radius: 8px;
}
.graph_blue, .graph_orange {
 position: relative;
 padding: 0 0 0 25px;
 display: block;
}
.graph_blue:before {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 width: 20px;
 height: 20px;
 margin: auto;
 background-color: #2878D6;
 background-repeat: no-repeat;
 background-position: center;
 border-radius: 50px;
 cursor: pointer;
 left: 0;
}
.graph_orange:before {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 width: 20px;
 height: 20px;
 margin: auto;
 background-color: #F6AC2B;
 background-repeat: no-repeat;
 background-position: center;
 border-radius: 50px;
 cursor: pointer;
 left: 0;
}
/*=====デザインツール#designtool_Back=====*/
#printToolBox p {
 text-align: center;
}
#nav_illustrator {
 width: 319px;
 padding: 20px 0 15px 74px;
 margin: 70px 0 17px 25px;
 background: url(/imgs/flex-title1.png)no-repeat;
 background-size: 42px;
 background-position: 19px 7px;
}
#nav_illustrator a {
 font-size: 16px;
}
#nav_illustrator:after {
 display: none;
}
h3#printToolH3 {
 background: #F6AC2B;
 height: 30px;
 position: relative;
 border: none;
 color: #fff;
 font-size: 22px;
 padding: 10px 0 5px 94px;
 font-weight: bold;
 margin: 0 0 20px;
}
h3#printToolH3:before {
 display: block;
 content: '';
 width: 75px;
 height: 75px;
 border: none;
 background: url(/imgs/flex-title2.png)no-repeat;
 position: absolute;
 top: -33px;
 left: 8px;
}
#nav_illustrator button, #ita_nav_illustrator button {
 font-size: 16px;
 border: none;
 background: none;
 width: auto;
}
.print_comparison table {
 border: 1px #cccccc solid;
 border-collapse: collapse;
 margin: 20px auto 0;
}
.print_comparison th {
 border-bottom: 1px #cccccc solid;
 background: #FAF7EF;
 width: 88px;
 vertical-align: middle;
}
.print_comparison td {
 border-bottom: 1px #cccccc solid;
 border-left: 3px #cccccc solid;
 text-align: right;
 vertical-align: middle;
 padding: 10px 5px;
 position: relative;
}
.print_comparison td.method_td img {
 display: block;
 margin: 0 auto;
 width: 160px;
}
.print_comparison .sort select {
 width: 200px;
}
.print_comparison .cartSubmit {
 width: 190px;
 white-space: normal;
 padding: 0 5px;
 position: relative;
}
.print_comparison .add_arrow:after {
 display: none;
}
.print_comparison td.cheaper_price {
 background: #FFF76F;
 color: #E23619;
 position: relative;
}
.print_comparison td.cheaper_price:before {
 display: block;
 content: '';
 position: absolute;
 top: -29px;
 left: 6px;
 bottom: 0;
 width: 50px;
 height: 33px;
 margin: auto;
 background-repeat: no-repeat;
 background-position: center 0;
 background-image: url(/imgs/common/icon-crown_cheap.png);
 background-size: 50px auto;
}
#designToolFrame, #ita_designToolFrame {
 width: 456px;
 height: 1110px;
 overflow-y: scroll;
}
#design_color:not(.color12) {
 color: #fff;
}
#design_color.color12 {
 color: #333;
}
.color12 option:not(.color12) {
 color: #fff;
}
.sort select {
 width: 285px;
 position: relative;
 border: 1px solid #C4C4C4;
 border-radius: 5px;
 padding: 7px 7px;
 top: 9px;
}
.flexo_color .sort select {
 color: #fff;
 background: #1C1B15;
}
.color1, .flexo_color .sort select.color1 {
 background: #1C1B15;
}
.color2, .flexo_color .sort select.color2 {
 background: #CD3E3C;
}
.color3, .flexo_color .sort select.color3 {
 background: #FF6C1D;
}
.color4, .flexo_color .sort select.color4 {
 background: #FFB200;
}
.color5, .flexo_color .sort select.color5 {
 background: #297E50;
}
.color6, .flexo_color .sort select.color6 {
 background: #0098B3;
}
.color7, .flexo_color .sort select.color7 {
 background: #2A63C7;
}
.color8, .flexo_color .sort select.color8 {
 background: #3F51A0;
}
.color9, .flexo_color .sort select.color9 {
 background: #FF6D86;
}
.color10, .flexo_color .sort select.color10 {
 background: #8D526E;
}
.color11, .flexo_color .sort select.color11 {
 background: #6B412F;
}
.color12, .flexo_color .sort select.color12 {
 background: #F8F8F8;
 color: #333;
}
.color13, .flexo_color .sort select.color13 {
 background: #777669;
}
#tool_hosoku {
 margin: 8px auto 58px;
 position: relative;
 font-weight: bold;
 font-size: 20px;
 color: #53392B;
 display: none;
 width: 143px;
}
#tool_hosoku:after {
 content: "";
 display: block;
 background-image: url(/imgs/common/icon-arrow_orange.png);
 position: absolute;
 top: 27px;
 width: 56px;
 height: 50px;
 left: 40px;
}
#more_flexo1, #more_print1 {
 margin: 32px 0 0 -95px;
}
#more_print2 {
 margin: 32px 0 0 -92px;
}
.design_hosoku {
 margin: 23px auto -5px;
 position: relative;
 font-weight: bold;
 font-size: 20px;
 color: #53392B;
 width: 186px;
}
.design_hosoku:after {
 content: "";
 display: block;
 position: absolute;
 top: 27px;
 left: 47px;
 width: 0px;
 height: 0;
 border-left: 50px solid transparent;
 border-right: 50px solid transparent;
 border-top: 30px solid #F6AC2B;
}
/*=====#more_flexo1,2(フレキソ印刷とは　ポップアップ) =====*/
#more_flexo1, #more_flexo2 {
 width: 164px;
 padding: 0;
 margin: 15px 0;
}
.about_flexo {
 background: #fff;
 padding: 32px 15px 15px 15px;
 width: 415px;
 box-shadow: 0px 0px 10px 0px #c4c4c4;
 position: absolute;
 z-index: 10;
 border-radius: 5px;
 cursor: auto;
 display: none;
 border: 2px solid #58A3CC;
 text-align: left;
}
#about_flexo1 {
 left: -64px;
 top: 90px;
}
#about_flexo2 {
 left: -36px;
}
.flexo_closeBtn {
 background: #fff;
 display: block;
 color: #333;
 line-height: 1;
 font-size: 32px;
 position: absolute;
 right: 0;
 top: 0px;
 border-radius: 5px;
 cursor: pointer;
 width: 35px;
 text-align: center;
}
.about_flexo h2 {
 padding: 5px 0 5px 0px;
}
.about_flexo h3 {
 margin: 0 0 25px;
 padding: 0 0 5px 0px;
 color: #53392B;
 font-size: 20px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 position: relative;
 line-height: 28px;
 width: auto;
 background: none;
 border-top: none;
 height: auto;
}
.about_flexo h4 {
 background: #FAF7EF;
 font-size: 18px;
 padding: 3px 6px;
 color: #53392B;
 font-weight: 700;
 position: relative;
 line-height: 26px;
 margin: 10px 0;
}
.about_color {
 width: 415px;
}
.about_flexo p {
 text-align: left;
}
.about_color span {
 font-size: 14px;
}
.color_hange {
 width: 416px;
}
.color_hange img, .print_comparison td .color_hange img {
 height: 150px;
 margin: 25px 0 0 0;
 width: auto;
}
.color_hange p {
 float: left;
}
.arrow {
 position: relative;
 padding: 0 82px 0 0;
}
.arrow:after {
 display: block;
 content: '';
 position: absolute;
 top: 47px;
 right: 10px;
 bottom: 0;
 width: 55px;
 height: 54px;
 background-image: url(/imgs/common/icon-arrow_brown.png);
 background-repeat: no-repeat;
}
.image_float1 {
 margin: 20px;
 float: left;
}
.image_float2, .print_comparison td img.image_float2 {
 width: 280px !important;
 margin: 10px auto !important;
 float: right;
}
.method p span {
 display: block;
}
.about_color img, .print_comparison td .about_color img {
 width: 390px;
 margin: 0 0 0 0;
}
/*#price_comparison(注文回数別価格の比較) 
===============================*/
#price_comparison {
 width: 470px;
 overflow-x: scroll;
}
#price_comparison table {
 border: 2px #cccccc solid;
 border-collapse: collapse;
 margin: 40px auto 0;
}
#price_comparison th {
 border-bottom: 1px #cccccc solid;
 background: #FAF7EF;
 padding: 5px 5px;
}
#price_comparison td {
 border-bottom: 1px #cccccc solid;
 border-left: 2px #cccccc solid;
 text-align: right;
 vertical-align: middle;
 padding: 10px;
}
#price_comparison td.border_left {
 border-left: 4px #cccccc solid;
}
#price_comparison td img {
 width: 160px;
 margin: 0 auto;
 display: block;
}
#price_comparison td.title {
 text-align: center;
 background: #FAF7EF;
 font-weight: normal;
 padding: 15px 0;
 width: 80px;
}
.total_price {
 border-top: 1px #C4C4C4 solid;
 padding: 15px 0 0 0;
 font-size: 18px;
}
.total_price span {
 font-weight: bold;
}
#price_comparison td.total_price span.small {
 font-size: 80%;
 font-weight: normal;
}
#price_comparison h3 {
 background: none;
 margin: 31px 0 -32px 0px;
 font-size: 20px;
}
.cheaper_price {
 background: #FFF76F;
 color: #E23619;
 position: relative;
}
/*=====エラー表示.errorBox=====*/
.errorBlock {
 padding: 10px;
}
.errorBox {
 background: #FFF7F7;
 border-radius: 8px;
 padding: 10px;
 position: relative;
}
.errorBox:after {
 display: block;
 content: '';
 position: absolute;
 width: 0px;
 height: 0;
 border-left: 50px solid transparent;
 border-right: 50px solid transparent;
 border-top: 30px solid #F6AC2B;
 left: 168px;
 bottom: -30px;
}
.errorBox h3 {
 color: #E23619;
 background: url(/imgs/err-hakomaru.png)no-repeat;
 padding: 8px 0 45px 80px;
 font-size: 22px;
}
.err_p {
 margin: -40px 0 30px 78px;
}
.hintBox {
 background: #fff;
 border: 2px #E23619 solid;
 padding: 15px;
 position: relative;
}
.hintBox {
 padding: 10px 10px 10px 70px;
}
.hintBox:before {
 display: block;
 content: '';
 position: absolute;
 background: url(/imgs/common/icon-attention.png)no-repeat;
 width: 50px;
 height: 50px;
 left: 10px;
 top: 10px;
}
.inqBox div {
 width: 435px;
 margin-top: 30px;
}
.inqBox h4 {
 border-bottom: 2px solid #DBBD94;
 font-weight: bold;
 margin: 40px 0 10px 0;
 font-size: 20px;
}
.inqBox div h5 {
 background: #E8F3F9;
 font-size: 18px;
 padding: 3px 6px;
 color: #53392B;
 font-weight: 700;
 position: relative;
 line-height: 26px;
}
.phone_box img {
 margin: 10px auto;
 width: 430px;
 display: block;
}
.phone_box p {
 text-align: center;
 margin: 15px 0 0 0;
 font-size: 15px;
 color: #53392B;
}
.phonenumber {
 background: url(/imgs/top-icon_phone.png)no-repeat;
 padding: 5px 0 10px 60px;
 background-position: 0px 0px;
 background-size: 50px;
}
.phonenumber a {
	font-size: 30px;
	font-weight: bold;
	color: #58A3CC;
	line-height: 1;
}
.sub_kana {
 font-size: 15px;
 color: #58A3CC;
 font-weight: bold;
 margin-left: 60px;
}
.sub_kana span.hakoya {
 font-weight: bold;
}
.hours {
 color: #58A3CC;
 font-weight: bold;
 margin: 0 0 0 60px;
 font-size: 18px;
}
.mail_box p {
 margin: 15px 0 0 0;
}
.mail_box dl {
 margin: 20px 0 0 0;
}
.mail_box dt {
 font-weight: normal;
 font-size: 16px;
 width: 135px;
}
.mail_box dd {
 padding: 10px 0 4px 150px;
 margin: -40px 0 15px 0;
}
.mail_box dd input {
 width: 280px;
 height: 25px;
 margin: 0;
}
.mail_box dd textarea {
 width: 280px;
 height: 85px;
}
.inqBox input {
 display: block;
 position: relative;
 margin: 0 0 0 57px;
 width: 330px;
}
.advice {
 position: relative;
 width: 300px;
 margin: 0 0 -53px 0;
}
.advice:after {
 display: block;
 content: '';
 position: relative;
 background: url(/imgs/top-estimate-retry.png)no-repeat;
 width: 267px;
 height: 106px;
 right: -95px;
 top: -59px;
}
/*ダンボール板(#estimate_boardBox)
===============================*/
#estimate_boardBox {
 border: 2px solid #58A3CC;
 border-radius: 8px;
 background: #fff;
 padding: 20px 10px;
 position: relative;
}
#estimate_boardBox .heading {
 background: #58A3CC;
 border-radius: 8px 8px 0px 0px;
 position: relative;
 margin: -20px 0 0 -11px;
 width: 478px;
}
#estimate_boardBox h2 {
 color: #fff;
 border: none;
 padding: 10px 0 10px 149px;
 background-position: 4px 2px;
 margin: 0;
 position: relative;
}
#estimate_boardBox h2:before {
 display: block;
 content: '';
 position: absolute;
 top: 0px;
 left: 0;
 bottom: 0;
 width: 132px;
 height: 60px;
 background: url(/imgs/top-icon_estimate_board.png) no-repeat;
}
#estimate_boardBox .inputBox1 h3, .inputBox2 h3 {
 background: none;
}
#estimate_boardBox .inputBox2 ul li h3 {
 float: left;
}
#estimate_boardBox .inputBox2 .unit_item label {
 padding: 5px 0;
}
#estimate_boardBox .inputBox2 ul li {
 width: 297px;
 float: left;
 margin: 0 0 20px 0;
}
#estimate_boardBox .unit_item li input {
 display: none;
}
#estimate_boardBox .inputBox2 ul li.input_li {
 width: 211px;
 float: left;
 margin: 0 7px;
 position: relative;
}
#estimate_boardBox .inputBox2 .unit_item {
 margin: -28px 0 0 0;
}
#estimate_boardBox .inputBox2 ul li ul {
 float: right;
}
#estimate_boardBox .unit_item {
 width: 138px;
 clear: both;
}
#estimate_boardBox .inputBox1 .unit_item {
 position: absolute;
 top: -36px;
 right: 0px;
}
#estimate_boardBox .inputBox2 select#f2_prefecture2 {
 position: relative;
 background-color: #fff;
 border: 1px solid #C4C4C4;
 border-radius: 5px;
 padding: 7px 7px;
 top: 9px;
 width: 135px;
 margin: -10px 0 0 73px;
 display: block;
}
#estimate_boardBox .inputBox2 li input[type="tel"] {
 left: 375px;
 top: 14px;
 width: 112px;
 height: 30px;
 font-size: 18px;
 border-radius: 5px;
 border: 2px #C4C4C4 solid;
 margin: 0 6px 0 17px;
 background: #fff4f4;
}
#estimate_boardBox .unit_item li:not(.active) {
 color: #6C6C6C;
 background: #F5F5F5 0% 0% no-repeat;
}
#estimate_boardBox .unit_item input:checked + label {
 color: #fff;
 background: transparent linear-gradient(180deg, #963 0%, #53392B 100%) 0% 0% no-repeat padding-box;
}
#estimate_boardBox .unit_item label {
 display: block;
}
#estimate_boardBox .unit_item li {
 width: 38px;
 float: left;
 display: block;
 text-align: center;
 border: 1px solid #C4C4C4;
 color: #6C6C6C;
 background: #F5F5F5 0% 0% no-repeat;
}
#estimate_boardBox .unit_item-right {
 border-radius: 0px 5px 5px 0px;
}
#estimate_boardBox .unit_item-left {
 border-radius: 5px 0px 0px 5px;
}
#estimate_boardBox .inputBox2 .unit_item li {
 width: 66px;
}
#estimate_boardBox #board_size {
 width: 418px;
 position: relative;
 margin: 60px auto 0;
}
#board_size p {
 font-weight: bold;
 color: #53392B;
 font-size: 18px;
}
#board_size p.length {
 left: 0px;
}
#estimate_boardBox .inputBox1 input[type="tel"] {
 left: 375px;
 top: 14px;
 width: 95px;
 height: 30px;
 font-size: 18px;
 border-radius: 5px;
 border: 2px #C4C4C4 solid;
 margin: 0 6px 0 10px;
 background: #fff4f4;
}
#estimate_boardBox .inputBox1 input[type="tel"]::placeholder {
 color: #C4C4C4;
}
#estimate_boardBox .inputBox1 .width {
 position: absolute;
 top: 74px;
 right: 0px;
}
#estimate_boardBox .inputBox1 {
 width: 460px;
 position: relative;
 margin: 15px 0 0 0;
}
#standard_size {
 margin: 25px 0 0 0;
 position: relative;
}
#standard_size .sort select {
 width: 250px;
}
#standard_size label {
 margin: -42px 0 25px 198px;
 display: block;
}
#estimate_boardBox .heading h2 span {
 font-size: 16px;
 display: block;
}
#estimate_boardBox .inputBox {
 position: relative;
}
#ita_prefecture_id {
 position: relative;
 background-color: #fff;
 border: 1px solid #C4C4C4;
 border-radius: 5px;
 padding: 7px 7px;
 width: 135px;
 margin: -35px 0 0 73px;
 display: block;
 float: right;
}
#liner_h3 {
 margin: 30px 0 5px;
 padding: 3px 6px;
 line-height: 26px;
 background: #FAF7EF;
}
#liner_h3 span {
 display: block;
 font-size: 15px;
 line-height: 1.2;
}
#liner_ul li {
 width: 140px;
 height: 46px;
}
#liner_ul li label {
 width: 124px;
 height: 30px;
 line-height: 30px;
}
#liner_ul li span {
 display: inline-block;
 margin-left: 20px;
}
#liner_ul #w_txt {
 display: none;
 width: 280px;
 color: #E23619;
}
#more_quality2 {
 margin-top: 15px;
}
#board_img {
 position: relative;
 border: 1px #C4C4C4 solid;
 height: 220px;
}
#board_img p {
 position: absolute;
 font-size: 16px;
 font-weight: bold;
}
#board_width {
 left: 300px;
 bottom: 70px;
 line-height: 1;
 white-space: nowrap;
}
#board_length {
 left: 120px;
 bottom: 20px;
 line-height: 1;
 white-space: nowrap;
}
#board_img img {
 position: absolute;
 display: block;
}
#bigboard {
 object-fit: none;
 object-position: 100% 0;
 left: 120px;
 bottom: 20px;
}
#box_img #hito2 {
 position: relative;
 transform-origin: left bottom;
}
#estimate_boardBox .about_print h2 {
 margin: 0 0 25px;
 padding: 0px 7px 7px 7px;
 color: #53392B;
 font-size: 25px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 position: relative;
 line-height: 28px;
}
#estimate_boardBox .about_print h2:before {
 display: none;
}
#estimate_boardBox .about_print p.about_p {
 float: none;
 position: relative;
 margin: 0 0 0 0;
}
#estimate_boardBox .about_print {
 width: 443px;
 left: -4px;
 top: 168px;
}
#estimate_boardBox .about_jirei li + li {
 margin-left: 5px;
}
#estimate_boardBox .about_jirei li {
 width: 140px;
 height: auto;
}
#estimate_boardBox .method li {
 width: 443px;
 float: left;
}
/*事例集(#sampleBox)
===============================*/
div#sampleBox {
 width: 460px;
}
#sampleBox h2 {
 background: url(/imgs/common/icon-title_danboru1.svg) no-repeat;
}
#sampleBox #resultBox > div {
 width: 460px;
 margin: 15px 0 0 0;
}
#sampleBox #resultBox div img {
 width: 200px;
 height: 210px;
}
#sampleBox #resultBox div.sm_left {
 width: 200px;
 float: left;
}
#sampleBox #resultBox div.sm_right {
 width: 250px;
 float: right;
 margin: 0 0 0 10px;
}
#sampleBox p.request {
 border: 1px #58A3CC solid;
 border-radius: 8px 8px 0px 8px;
 background: #58A3CC;
 padding: 2px 5px;
 color: #fff;
 width: 237px;
 height: 72px;
 overflow: hidden;
}
#sampleBox p.answer {
 border: 1.5px #58A3CC solid;
 border-radius: 8px 8px 8px 0px;
 background: #fff;
 padding: 2px 5px;
 margin: 18px 0 5px 0;
 position: relative;
 width: 237px;
 height: 72px;
}
#sampleBox .answer:before {
 display: block;
 content: '';
 position: absolute;
 top: 62px;
 left: -61px;
 bottom: 0;
 width: 48px;
 height: 48px;
 border-radius: 50px;
 cursor: pointer;
}
#sampleBox .iwasa:before {
 background: url(/imgs/top-icon_iwasa.png)no-repeat;
 background-size: 48px;
}
#sampleBox .seki:before {
 background: url(/imgs/top-icon_seki.png)no-repeat;
 background-size: 48px;
}
#sampleBox .nakaya:before {
 background: url(/imgs/top-icon_nakaya.png)no-repeat;
 background-size: 48px;
}
#sampleBox .honda:before {
 background: url(/imgs/top-icon_honda.png)no-repeat;
 background-size: 48px;
}
#sampleBox .mieda:before {
 background: url(/imgs/top-icon_mieda.png)no-repeat;
 background-size: 48px;
}
#sampleBox .kato:before {
 background: url(/imgs/top-icon_kato.png)no-repeat;
 background-size: 48px;
}
#sampleBox .daisuke:before {
 background: url(/imgs/top-icon_daisuke.png)no-repeat;
 background-size: 48px;
}
#sampleBox .maeno:before {
 background: url(/imgs/top-icon_maeno.png)no-repeat;
 background-size: 48px;
}
#sampleBox .takeuchi:before {
 background: url(/imgs/top-icon_takeuchi.png)no-repeat;
 background-size: 48px;
}
#sampleBox .hayama:before {
 background: url(/imgs/top-icon_hayama.png)no-repeat;
 background-size: 48px;
}
#sampleBox .aita:before {
 background: url(/imgs/top-icon_aita.png)no-repeat;
 background-size: 48px;
}
#sampleBox #resultBox div p a {
 display: block;
 margin: 25px 0 0 0;
}
#sample_search {
 text-align: center;
 padding: 9px 0 9px;
}
#sample_search:after {
 display: block;
 content: '';
 left: 308px;
 width: 10px;
 height: 10px;
 border: none;
 background-image: url(/imgs/common/icon-arrow_blue_xs.svg);
 -webkit-transform: translate(0, 0) rotate(90deg);
 transform: translate(0, 0) rotate(90deg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 -webkit-transition: .2s;
 transition: .2s;
 position: absolute;
 top: 15px;
}
#sampleBox input#sample {
 display: none;
}
#sampleBox #search_box {
 height: 0;
 padding: 0;
 overflow: hidden;
 opacity: 0;
 transition: 0.8s;
}
#sampleBox input:checked ~ #search_box {
 height: auto;
 opacity: 1;
}
#search_box ul {
 width: 220px;
 margin: 10px 5px;
 float: left;
 height: 195px;
}
#search_box li {
 font-size: 15px;
 margin: 10px 0;
}
#search_box ul.search_last {
 height: 300px;
}
#search_box label span {
 padding-left: 32px;
 position: relative;
}
#search_box label.checkbox input {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 display: none;
}
#search_box label.checkbox span:after {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 left: 3px;
 bottom: 0;
 margin: auto;
 width: 16px;
 height: 16px;
 background-color: #fff;
 border: 2px solid #ccc;
 border-radius: 5px;
}
#search_box label.checkbox input[type="checkbox"]:checked + span:after {
 background-image: url(/imgs/common/checkbox.svg);
 background-repeat: no-repeat;
 background-position: center 2px;
 background-size: contain;
 background-color: #159DD9;
 border: 2px solid #159DD9;
}
#sampleBox h2 span {
 font-size: 20px;
 padding: 0 0 0 15px;
}
#itemSearch {
 width: 440px;
 position: relative;
 height: 26px;
 background-color: #f2ecdb;
 border: 4px solid #f2ecdb;
 border-radius: 20px;
}
#search_lists li:before {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 width: 58px;
 height: 50px;
 margin: auto;
}
.itemSearch_text {
 background-color: transparent;
 border: none;
 color: #53392B;
 word-wrap: break-word;
 outline: none;
 display: block;
 -webkit-tap-highlight-color: transparent;
 overflow: hidden;
 width: 255px;
 padding: .2em .3em .2em .7em;
}
.itemSearch_submit {
 position: absolute;
 top: -2px;
 right: -1px;
 width: 30px;
 height: 30px;
 text-indent: 50px;
 background: url(/imgs/common/icon_head_search.png) no-repeat center center;
 background-size: 50% auto;
 background-color: #53392B;
 border-radius: 20px;
 overflow: hidden;
 border: none;
}
/*お問合せ(#contactBox)
===============================*/
#contactBox {
 width: 460px;
}
#contactBox > div {
 position: relative;
}
#contactBox img {
	width: 460px;
	height: auto;
}
#contactBox #tel_goro9 {
 font-size: 16px;
 color: #5897C0;
 font-weight: bold;
 margin-left: 60px;
}
#contactBox #tel_goro9 span {
	font-weight: bold;
}
#contactBox #tel9 {
 letter-spacing: 0;
 background: url(/imgs/top-icon_phone.png)no-repeat;
 padding: 10px 0 10px 60px;
 background-position: 0 0px;
 background-size: 50px;
 font-family: sans-serif;
}
#contactBox #tel9 a {
	line-height: 1;
	color: #5897C0;
	font-size: 25px;
	font-weight: bold;
}
#contactBox #customlimite {
 color: #5897C0;
 font-weight: bold;
 margin: 0px 0 0 60px;
 font-size: 18px;
}
#contactBox #message {
 margin: 16px 0 0 0;
}
#contactBox #message h3 {
 background: none;
 border-bottom: 6px #E8F3F9 dotted;
 margin: 0 0 10px 0;
 padding: 0;
}
div#contactBox h2 {
 background: #FAF7EF;
 border-bottom: none;
 padding: 10px 11px;
 text-align: center;
}
/*かんたんオーダーダンボール販売一覧(#easyOrderBox)
===============================*/
#easyOrderBox {
 width: 460px;
}
#easyOrderBox div {
 margin: 15px 0;
 border-radius: 8px;
 padding: 3px 10px 28px 10px;
 position: relative;
}
#easyOrderBox h2 {
 background: url(/imgs/common/icon-title_danboru2.svg) no-repeat;
}
#easyOrderBox h3 {
 background: none;
 padding: 12px 3px;
 width: 324px;
}
#easyOrderBox div img {
 width: 190px;
}
#easyOrderBox div p {
 width: 238px;
 float: right;
 font-size: 15px;
}
#easyOrderBox div .more_right {
 position: absolute;
 bottom: 5px;
 left: 348px;
}
#easyOrderBox div#cardboard-box {
 background: #EFEAE8;
}
#easyOrderBox div#estimate-bn {
 background: #EEEEEE;
}
#easyOrderBox div#estimate-board {
 background: #F3F3F0;
}
#easyOrderBox div#packing {
 background: #F9F6EC;
}
#easyOrderBox div#semi-order {
 background: #F5EDE2;
}
#easyOrderBox div#box-print {
 background: #E3E7EE;
}
#easyOrderBox div#estimate-p {
 background: #F1F1F2;
}
/*特殊ダンボール箱(#specialBox)
===============================*/
#specialBox {
 width: 460px;
}
#specialBox h2 {
 background: url(/imgs/common/icon-title_display.svg) no-repeat;
 background-size: 23px;
 padding: 14px 0 0 41px;
 background-position: 8px 2px;
}
#specialBox h3 {
 font-size: 20px;
}
#specialBox div.special_l div {
 width: 460px;
 margin: 20px 0 0 0;
}
#specialBox .special_m div {
 width: 260px;
 float: right;
 margin: 20px 0 0 0;
}
#specialBox .special_l img {
 width: 460px;
}
#specialBox h4 {
 border-bottom: 6px #E23619 dotted;
 font-weight: bold;
 padding: 5px 0;
 margin: 0 0 15px 0;
}
#specialBox p {
 font-size: 15px;
}
#specialBox p.button {
 margin: 15px 0 0 -130px;
}
#specialBox .special_m {
 margin: 15px 0;
}
.special_m p.button {
 width: 323px;
}
.special_m p.button a {
 width: 323px;
 padding: 8px 0;
}
#specialBox .special_m img {
 margin: 28px 0 0 0;
 width: 180px;
}
.special_l p.button a {
 padding: 8px 0;
}
#specialBox .special_l p.button {
 margin: 15px auto 0;
}
/*#newsBox
===============================*/
#comBox {
 width: 460px;
}
#comBox h2 {
 background: url(/imgs/common/icon-title_danboru2.svg) no-repeat;
}
#comBox div {
 background: #EEEBE3;
 border: 2px solid #CFB188;
 border-radius: 5px;
 padding: 8px 7px;
 margin: 0 0 10px 0;
}
#comBox a.com_a {
 color: #333;
}
#comBox div h3 {
 background: none;
 text-align: left;
}
#comBox div p {
 float: right;
 width: 200px;
 margin: -5px 0 0 0;
 color: #333333;
}
#comBox .more_right {
 margin: -25px 0 0 0;
}
/*#newsBox
===============================*/
#newsBox {
 width: 460px;
}
#newsBox h2 {
 background: url(/imgs/common/icon-title_news.svg) no-repeat;
}
.category-product {
 background-color: #F6AC2B;
}
.category-news {
 background-color: #2878D6;
}
.category-price {
 background-color: #EF3939;
}
.category {
 display: inline-block;
 margin-left: 15px;
 padding: 4px;
 width: 64px;
 color: #fff;
 font-size: 12px;
 text-align: center;
 line-height: 1;
 border-radius: 3px;
}
#newsBox .strong {
 color: #159DD9;
 font-weight: bold;
 text-decoration: underline;
 line-height: 1;
 margin: 15px 0;
}
.news_detail img {
 width: 100px;
}
#newsBox dt {
 margin-top: 20px;
}
.news_detail p {
 color: #333;
}
#newsBox dl {
 margin: 0 0 30px 0;
}
/*#voiceBox
===============================*/
#voiceBox {
 width: 460px;
 margin: -527px 0 0 0;
}
#voiceBox h2 {
 background: url(/imgs/common/icon-title_chat.svg) no-repeat;
}
#voiceBox dt {
 width: 40px;
 height: 40px;
 padding: 10px 0;
 clear: both;
}
#voiceBox dd {
 padding: 15px 15px;
 float: right;
 width: 380px;
}
.user_voice {
 background-color: #FAF7EF;
 border-radius: 5px;
 margin: -55px 0 22px 58px;
}
#voiceBox div {
 border-bottom: 1px solid #DBBD94;
 margin: 0 0 20px 0;
}
.answer {
 margin: -70px 0 0 50px;
}
#voiceBox .comment {
 padding: 0 0 0 10px;
 color: #EF3939;
 font-size: 14px;
 font-weight: bold;
 display: block;
 margin: 7px 0 0 -42px;
 position: absolute;
 top: 45px;
}
#voiceBox .comment span {
 font-weight: bold;
 font-size: 35px;
}
#voiceBox dl {
 height: 400px;
 overflow-y: scroll;
 margin: 55px 0 30px 0;
}
#voiceBox .answer {
 background: #FFF7F7;
 margin-bottom: 20px;
 border-radius: 5px;
}
/*こんなお悩み解決できます！(#worriesBox)
===============================*/
#worriesBox {
 width: 460px;
}
#worriesBox h2 {
 background: url(/imgs/common/icon-title_idea.svg) no-repeat;
 background-size: 25px;
 background-position: 3px 3px;
 padding: 19px 0 0 36px;
}
#worriesBox ul {
 padding: 10px;
 margin-top: 10px;
 background: #E8F3F9;
 height: 285px;
}
#worriesBox li {
 width: 410px;
 float: left;
 height: 50px;
 padding-left: 10px;
 line-height: 50px;
 background: #fff;
 margin: 10px;
}
#worriesBox li span {
 font-size: 16px;
 font-weight: bold;
 background: linear-gradient(transparent 75%, #ffdc00 75%);
}
#worriesBox div {
 background: #E8F3F9;
 padding: 0 0 10px 0;
}
#worriesBox p {
 text-align: center;
 margin: 0 auto 10px;
}
/*ダンボールの厚さについて(#fluteBox)
===============================*/
#fluteBox {
 width: 460px;
}
#fluteBox h2 {
 background: url(/imgs/common/icon-title_flute.svg) no-repeat;
 background-size: 50px;
 padding: 0 0 0 50px;
 background-position: -3px 6px;
}
#fluteBox li {
 position: relative;
 float: left;
 width: 212px;
 margin: 8px;
 border: dotted 1px #c4c4c4;
}
#fluteBox li label {
 background-position: top 10px left 0px;
 background-size: 30px;
 font-size: 18px;
 color: #4E372E;
 font-weight: bold;
 display: block;
 padding: 14px 40px;
}
#fluteBox h4 {
 text-align: center;
 height: 100px;
 background-repeat: no-repeat;
 background-position: top 63px left 0px;
 padding-bottom: 50px;
}
.fluteA_img {
 background-image: url(/imgs/top-fluteA.jpg);
}
.fluteB_img {
 background-image: url(/imgs/top-fluteB.jpg);
}
.fluteC_img {
 background-image: url(/imgs/top-fluteC.jpg);
}
.fluteY_img {
 background-image: url(/imgs/top-fluteY.jpg);
}
.fluteE_img {
 background-image: url(/imgs/top-fluteE.jpg);
}
.fluteF_img {
 background-image: url(/imgs/top-fluteF.jpg);
}
.fluteG_img {
 background-image: url(/imgs/top-fluteG.jpg);
}
.fluteW_img {
 background-image: url(/imgs/top-fluteW.jpg);
}
.fluteAA_img {
 background-image: url(/imgs/top-flute2.jpg);
}
.fluteAAA_img {
 background-image: url(/imgs/top-flute3.jpg);
}
#fluteBox li label:hover {
 cursor: pointer;
 cursor: hand;
 opacity: 0.8;
}
.flute_box input {
 display: none;
}
.flute_box .hidden_box {
 height: 0;
 padding: 0;
 overflow: hidden;
 opacity: 0;
 transition: 0.8s;
}
.flute_box input:checked ~ .hidden_box {
 padding: 10px;
 height: auto;
 opacity: 1;
}
#fluteBox p {
 margin: 15px 0;
}
/*非対応*/
.flute_choices div.gray_out {
 width: auto;
 float: none;
 border: none;
 border-radius: 0;
 background: none;
 padding: 0;
 cursor: pointer;
 position: absolute;
 height: auto;
 margin: -30px 0 0 72px;
}
.flute_choices div.gray_out:before {
 display: none;
}
.flute_choices div.gray_out:after {
 display: block;
 content: '';
 position: absolute;
 top: -49px;
 left: -81px;
 bottom: 0;
 width: 217px;
 height: 90px;
 margin: auto;
 background-repeat: no-repeat;
 background-position: center 0;
 background: #fff;
 opacity: 0.7;
 z-index: 0;
}
.flute_choices div.unsupported:hover {
 border: 3px #CCCCCC solid;
 box-shadow: none;
 background: #F5F5F5;
}
.flute_choices div.gray_out:hover {
 box-shadow: none;
}
/*ダンボールの材質について(#materialBox)
===============================*/
#materialBox input {
 display: none;
}
#materialBox .hidden_box {
 height: 0;
 padding: 0;
 overflow: hidden;
 opacity: 0;
 transition: 0.8s;
}
#materialBox input:checked ~ .hidden_box {
 padding: 10px;
 height: auto;
 opacity: 1;
}
#materialBox .button-blue {
 width: 430px;
 display: block;
 text-align: center;
 font-size: 18px;
 margin: 0 auto;
}
#materialBox .button-blue {
 width: 430px;
 display: block;
 text-align: center;
 font-size: 18px;
 margin: 0 auto;
 position: relative;
 padding: 9px 0 12px;
}
#materialBox a.button-blue:after {
 display: block;
 content: '';
 position: absolute;
 left: auto;
 width: 17px;
 height: 17px;
 top: 13px;
 right: 79px;
}
.material_table {
 display: block;
 padding-left: 100px;
 background-image: url(../imgs/2019-guide-chart.jpg);
 background-repeat: no-repeat;
 background-size: 44px;
 background-position: top 60px left 20px;
 border-collapse: collapse;
 border-spacing: 0;
}
.material_table th {
 padding: 10px;
 color: #644f45;
 border: solid 1px #999;
 background: #E8F3F9;
 text-align: center;
 font-weight: normal;
}
.material_table td {
 border: solid 1px #999;
 padding: 10px;
}
.material_table .td1 {
 width: 50px;
 font-size: 20px;
 font-weight: bold;
 color: #644f45;
 text-align: center;
}
.material_table .td2 {
 width: 250px;
 font-weight: bold;
 text-align: center;
}
.material_table .td3 {
 letter-spacing: 1px;
 font-size: 24px;
 font-weight: bold;
 text-align: center;
 width: 25px;
}
.material_table .td4 {
 width: 600px;
}
.material_table .yellow1 {
 color: #FB8700;
}
/*よくあるご質問(#faqBox)
===============================*/
#faqBox {
 width: 460px;
 margin-bottom: 50px;
}
#faqBox h2 {
 background: url(/imgs/common/icon-title_q.svg) no-repeat;
}
#faqBox h3 {
 background: none;
}
#faqBox li {
 padding: 5px;
 border: solid 2px #ececec;
 border-radius: 8px;
 margin: 10px 0;
}
#faqBox li label {
 background: url(/imgs/top-icon_question.png) no-repeat;
 background-position: top 10px left 10px;
 background-size: 30px;
 font-size: 18px;
 color: #4E372E;
 font-weight: bold;
 display: block;
 padding: 14px 50px 0px;
}
#faqBox li label:hover {
 cursor: pointer;
 cursor: hand;
 opacity: 0.8;
}
#faqBox .hidden_box {
 background: url(/imgs/top-icon_answer.png) no-repeat;
 background-position: top 10px left 10px;
 background-size: 28px;
 padding: 10px 10px 5px 50px;
 height: 0;
 overflow: hidden;
 opacity: 0;
 transition: 0.8s;
}
#faqBox .sentence {
 width: 384px;
}
#faqBox .sentence p {
 text-align: center;
}
#faqBox .imgBox li img {
 width: 175px;
}
#faqBox .sentence2 {
 width: 800px;
 float: left;
 margin-right: 20px;
}
#faqBox #label1 li {
 border: none !important;
 float: left;
}
#faqBox .imgBox li {
 width: 167px;
 float: left;
 border: none !important;
 margin: 0 8px;
}
#faqBox .imgBox p {
 text-align: center;
}
#faqBox input {
 display: none;
}
#faqBox input:checked ~ .hidden_box {
 padding: 10px 10px 5px 50px;
 height: auto;
 opacity: 1;
}
#faqBox .up_arrow:after {
 transform: translate(0, 0) rotate(90deg);
 width: 17px;
 height: 17px;
 right: -25px;
}
/*ご注文から納品までの流れ(#order_flowBox)
===============================*/
div#order_flowBox {
 width: 460px;
}
#order_flowBox h2 {
 background: url(/imgs/common/icon-title_truck.svg) no-repeat;
}
#order_flowBox h4 span {
 display: inline-block;
 font-size: 18px;
 font-weight: bold;
 color: #58A3CC;
}
#order_flowBox li {
 position: relative;
 border: solid #efefef 2px;
 width: 432px;
 height: 93px;
 margin-bottom: 25px;
 padding: 12px 12px 20px 12px;
 border-radius: 8px;
}
#order_flowBox li img {
 margin-right: 12px;
 margin-bottom: 12px;
 float: left;
}
#order_flowBox li:after {
 content: "";
 position: absolute;
 bottom: -28px;
 left: 50%;
 margin-left: -17px;
 border: 14px solid transparent;
 border-top: 14px solid #efefef;
 z-index: 1;
}
#order_flowBox li.last:before {
 display: none;
}
#order_flowBox p {
 width: 440px;
 font-size: 15px;
 margin-top: 2px;
 color: #666;
}
#order_flowBox p.button {
 width: 402px;
}
#order_flowBox h3 {
 margin: 0 0 20px 0;
}
/*#reasonBox
===============================*/
#reasonBox {
 background-image: url(/imgs/top-bk_point.png);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: cover;
}
#reasonBox h2 {
 border: none;
 margin: 0 auto 30px;
 width: 390px;
 padding: 30px 0 0;
}
#reasonBox h3 {
 margin: -46px 0 67px 52px;
 background: none;
 width: 397px;
}
#reasonBox li img {
 margin: -72px 0 63px 0;
}
#reasonBox ul {
 width: 480px;
 margin: 0 auto;
}
#reasonBox li {
 width: 460px;
 float: left;
 margin: 0 12px;
}
#reasonBox p {
 color: #333;
 width: 260px;
 float: right;
 margin: -62px 0 0 0;
}
#reasonBox li span {
 background: #5897C0;
 width: 32px;
 height: 35px;
 display: block;
 border-radius: 50px;
 color: #fff;
 padding: 12px 0 0 15px;
 font-size: 30px;
}
/*#business_partner
===============================*/
#business_partner {
 width: 460px;
}
#business_partner h2 {
 background: url(/imgs/common/icon-title_user.svg) no-repeat;
 background-position: 0px -2px;
}
#business_partner h3 {
 text-align: center;
 font-size: 23px;
 padding: 0 0 15px;
 background: none;
}
#business_partner p {
 text-align: center;
}
#business_partner h3 span {
 color: #EF3939;
 font-weight: bold;
 padding: 0 10px;
 font-size: 37px;
}
#business_partner img {
 width: 460px;
}
/*#staffBox
===============================*/
#staffBox {
 width: 460px;
}
#staffBox h2 {
 background: url(/imgs/common/icon-title_chat.svg) no-repeat;
}
#staffBox dt span {
 display: inline-block;
 padding: 5px 0;
 margin-right: 10px;
 min-width: 92px;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 background-color: #5897C0;
 border-radius: 5px;
}
#staffBox dl {
 width: 460px;
 margin: 30px auto 50px;
}
#staffBox dt {
 margin: 0 0 0 154px;
 padding: 63px 0 35px 0;
}
#top_message {
 background: url(/imgs/top-staff1.png) no-repeat;
 background-size: 130px;
}
#staff_message1 {
 background: url(/imgs/top-staff2.png) no-repeat;
}
#staff_message2 {
 background: url(/imgs/top-staff3.png) no-repeat;
}
#staff_message3 {
 background: url(/imgs/top-staff4.png) no-repeat;
}
#top #footer_info .calendar + .youtube {
 margin-left: 25px;
}
#top #footer_info .youtube {
 width: 240px;
}
#top .movie iframe {
 width: 240px;
 height: 240px;
}
#top #footer_info .youtube + .twitter {
 margin-left: 25px;
}
.twitter.pc {
 margin: -12px 0 0 0;
}
/*#aboutBlock
===============================*/
#aboutBlock dl {
 float: left;
 width: 307px;
 padding: 0 62px;
 border-right: 1px #DBBD94 solid;
}
#aboutBlock dl#about_policy {
 border-right: none;
}
/*#waitBox
================================*/
#waitBox {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 200px;
 left: 0;
 background-color: rgba(255, 255, 255, 0.7);
 display: none;
 z-index: 100;
}
#waitBox p {
 font-size: 24px;
 color: #026DB8;
 background: #fff;
 border: 1px #026DB8 solid;
 padding: 10px;
 text-align: center;
 position: fixed;
 top: 40%;
 left: 60%;
 margin: 0 0 0 -7em;
}
/*よくある質問*/
#top_faqBox {
 width: 480px;
 display: block;
 margin: 40px auto !important;
}
#top_faqBox h2 {
 text-align: center;
 position: relative;
}
#top_faqBox h2 {
 font-weight: bold;
}
#top_faqBox h2:before {
 content: url(/imgs/top-faqh3_1.png);
 position: absolute;
 left: 10px;
 top: 0;
}
#top_faqBox h2:after {
 content: url(/imgs/top-faqh3_2.png);
 position: absolute;
 right: 10px;
 top: 6px;
}
#top_faqBox #faq_all {
 height: 375px;
 overflow-y: scroll;
 padding: 15px 15px 0 0;
 background: #E8F3F9;
}
#top_faqBox #faq_all .faq_contents {
 border-radius: 5px;
 width: 400px;
 background: #fff;
 padding: 12px 20px;
 float: left;
 margin-left: 24px;
 margin-bottom: 21px;
 overflow: hidden;
}
#top_faqBox #faq_all .faq_contents p {
 height: 95px;
 font-size: 15px;
 line-height: 25px;
}
#top_faqBox h2 span, #top_faqBox #faq_Box_link h3 span {
 display: block;
 text-align: center;
 font-weight: bold !important;
}
#top_faqBox #faq_all .faq_contents .h3_box h3 {
 width: 343px;
 background: #fff;
 padding: 0;
 left: 45px;
 font-weight: normal;
 height: 30px;
 line-height: 32px;
}
#top_faqBox #faq_all .h3_box.smline_2 h3 {
 line-height: 21px;
 font-size: 15px;
}
#top_faqBox #faq_all .h3_box.smline_3 h3 {
 line-height: 16px;
 font-size: 14px;
 position: relative;
 top: -6px;
}
#top_faqBox #faq_all .faq_contents .h3_box span {
 position: absolute;
 background: #F08414;
 margin-right: 10px;
 border-radius: 50%;
 color: #fff;
 font-weight: bold;
 padding: 6px;
}
#top_faqBox #faq_all .acd-check {
 display: none;
}
#top_faqBox #faq_all .acd-label {
 color: #fff;
 display: block;
 margin-bottom: 1px;
 position: relative;
}
#top_faqBox #faq_all .acd-label:after {
 box-sizing: border-box;
 content: url(/imgs/top_faq_acd.png);
 color: #F08414;
 display: block;
 position: absolute;
 right: -6px;
 top: 5px;
}
#top_faqBox #faq_all .acd-content {
 border: 1px solid #c4c4c4;
 display: block;
 border-radius: 5px;
 height: 0;
 opacity: 0;
 padding: 0 10px;
 transition: .5s;
 visibility: hidden;
}
#top_faqBox #faq_all .acd-check:checked + .acd-label:after {
 content: url(/imgs/top_faq_acd.png);
 transform: rotate(-180deg);
}
#top_faqBox #faq_all .acd-check:checked + .acd-label + .acd-content {
 margin-top: 15px;
 overflow-y: scroll;
 height: 250px;
 opacity: 1;
 padding: 5px;
 visibility: visible;
}
#top_faqBox #faq_Box_link {
 text-align: center;
 background: #E8F3F9;
 padding: 1px 25px 25px;
}
#top_faqBox #faq_Box_link h3 {
 position: relative;
 width: 350px;
 background: none;
 margin: 20px auto 0;
}
#top_faqBox #faq_Box_link h3:before {
 position: absolute;
 left: 0;
 top: 5px;
 border-left: solid #53392B 2px;
 display: block;
 content: '';
 width: 3px;
 height: 52px;
 transform: rotate(-30deg);
}
#top_faqBox #faq_Box_link h3:after {
 position: absolute;
 right: 0;
 top: 0;
 border-left: solid #53392B 2px;
 display: block;
 content: '';
 width: 3px;
 height: 52px;
 transform: rotate(30deg);
}
#top_faqBox #faq_Box_link .button-brown {
 position: relative;
 margin: 15px auto 0px;
}
/*===== 比較説明 =====*/
.format_contents h4 {
 position: absolute;
 color: #159DD9;
 background: #fff;
 text-align: center;
 display: block;
 width: 52px;
 margin: 0 auto;
 position: absolute;
 top: -180px;
 right: 11px;
 border: solid 2px;
 border-radius: 15px;
 padding: 0;
 font-size: 14px;
}
.format_contents h4:hover {
 cursor: pointer;
}
.format_contents h4 .small {
 font-size: 12px;
}
.format_contents h4 span {
 font-weight: bold;
}
.format_contents_box {
 width: 251px !important;
 height: 180px !important;
 z-index: 50;
 position: absolute;
 top: 30px;
 left: 0px;
 display: none;
 opacity: 0;
 padding: 5px;
 border-radius: 5px;
 background-color: rgba(255, 255, 255, 1);
 border: solid 2px #c4c4c4;
 box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, ), inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 1px 0 0 rgba(255, 255, 255, 0.3), inset -1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.2);
 animation-duration: 0.5s;
 animation-name: show-balloon;
}
.format_contents .format_contents_btn:hover .format_contents_box {
 display: inline-block;
 opacity: 1 !important;
 top: -125px;
}
#format_scroll > .format_contents > .format_contents_btn > .format_contents_box:nth-child(3) {
 left: 50px !important;
}
.format_contents_btn:hover {
 opacity: 1;
}
.format_contents_box .format_box1 {
 height: 100px !important;
 width: 251px !important;
 border-bottom: dashed 1px #c4c4c4;
 margin: 0 !important;
}
.format_contents_box .format_box1 h4 {
 position: absolute;
 top: 0;
 left: 0;
 border-radius: 0;
 width: 251px;
 background: #E8F3F9;
 border: none;
 color: #5895BE;
 font-weight: bold;
}
.format_contents_box .format_box1 ul {
 position: absolute;
 top: 35px;
 padding-left: 18px;
}
.format_contents_box .format_box2 {
 width: 251px !important;
 height: 60px !important;
 margin: 0 !important;
}
.format_contents_box .format_box2 ul {
 float: left;
 margin: 5px;
 width: 100px;
 margin: 8px 7px 5px 0;
}
.format_contents_box .format_box2 p {
 font-size: 15px;
 line-height: 19px;
 color: #666666;
 margin: 5px 0 5px 0;
 width: 141px;
 position: absolute;
 right: 0px;
}
.format_contents_box .format_box2 li span {
 position: absolute;
 right: 0;
 color: #F6AC2B;
}
.format_contents_box .format_box1 li, .format_contents_box .format_box2 li {
 line-height: 18px;
 color: #666666;
 position: relative;
}
.format_contents_box .format_box1 li:before {
 content: '◎';
 color: #5895BE;
 font-size: 16px;
 position: absolute;
 left: -18px;
 top: 0;
}
#format_scroll .format_contents {
 z-index: 102;
 bottom: 43px;
 height: 40px !important;
}
.format_contents_a .format_box1 {
 background: url(/imgs/format_contents_a.png) no-repeat;
 background-position: right -3px top 36px;
 background-size: 105px;
}
.format_contents_bk .format_box1 {
 background: url(/imgs/format_contents_bk.png) no-repeat;
 background-position: right -21px top 27px;
 background-size: 140px;
}
.format_contents_bo .format_box1 {
 background: url(/imgs/format_contents_bo.png) no-repeat;
 background-position: right -10px top 25px;
 background-size: 140px;
}
.format_contents_bs .format_box1 {
 background: url(/imgs/format_contents_bs.png) no-repeat;
 background-position: right -21px top 27px;
 background-size: 140px;
}
.format_contents_ng .format_box1 {
 background: url(/imgs/format_contents_ng.png) no-repeat;
 background-size: 123px;
 background-position: right -9px top 33px;
}
.format_contents_nk .format_box1 {
 background: url(/imgs/format_contents_nk.png) no-repeat;
 background-size: 120px;
 background-position: right -6px top 28px;
}
.format_contents_ns .format_box1 {
 background: url(/imgs/format_contents_ns.png) no-repeat;
 background-position: right -10px top 30px;
 background-size: 135px;
}
.format_contents_p .format_box1 {
 background: url(/imgs/format_contents_p.png) no-repeat;
 background-position: right 0 top 30px;
 background-size: 135px;
}
.format_contents_t .format_box1 {
 background: url(/imgs/format_contents_t.png) no-repeat;
 background-position: right -6px top 23px;
 background-size: 140px;
}
@keyframes show-balloon {
 0% {
  display: none;
  opacity: 0;
  top: -0px;
 }
 1% {
  display: inline-block;
  opacity: 0;
  top: -50px;
 }
 100% {
  display: inline-block;
  opacity: 1;
  top: -125px;
 }
}
}