/*トップページ全体設定
===============================*/
html{
scroll-behavior: smooth;
}
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: 30px auto 0;
 width: 500px;
 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 {
 min-width: 1300px;
 overflow: hidden;
 position: relative;
 height: 200px;
 padding: 50px 0 25px;
 top: 0px;
}
#carouselBlock #appealBox {
 width: 10000px;
 height: 200px;
 position: absolute;
 background: #fff;
}
#carouselBlock img {
 box-shadow: 0 0 8px grey;
}
#carouselBlock .appealItem {
 width: 480px;
 height: 200px;
 position: relative;
 float: left;
 padding: 0 10px 0 10px;
 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 .slide_arrow:before {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 width: 48px;
 height: 48px;
 margin: auto;
 background-color: #53392B;
 background-repeat: no-repeat;
 background-position: center;
 border-radius: 50px;
 cursor: pointer;
}
#carouselBlock #left_slide:before {
 background-image: url(/imgs/common/icon-arrow_white.svg);
 background-size: 15px auto;
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 left: 0;
 z-index: 10;
}
#carouselBlock #right_slide:before {
 background-image: url(/imgs/common/icon-arrow_white.svg);
 background-size: 15px auto;
 -webkit-transform: rotate(90deg);
 transform: rotate(0deg);
 right: 0;
 z-index: 10;
}
#carouselBlock .pagination {
 margin: 205px 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;
}
/*段ボール箱 比較オーダー(#estimateBox)
===============================*/
#estimateBox {
 border: 2px solid #5895BE;
 border-radius: 8px;
 background: #fff;
 padding: 20px 10px;
 position: relative;
}
#estimateBox .heading {
 background: #5895BE;
 border-radius: 8px 8px 0px 0px;
 position: relative;
 margin: -20px 0 0 -11px;
 width: 1299px;
}
#estimateBox .heading p {
 color: #fff;
 font-size: 17px;
 margin: 10px 0 0px 90px;
}
#estimateBox .heading h2 {
 color: #fff;
 border: none;
 padding: 20px 0 20px 90px;
 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 p#moreBtn1 {
 position: absolute;
 right: 43px;
 bottom: -4px;
}
#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: 53px;
 height: 25px;
 background: url(/imgs/common/parts.png)no-repeat;
}
#appeal_box {
 position: absolute;
 top: -33px;
 right: 0;
 width: 600px;
}
#appeal_box h3 {
 background: none;
 text-align: center;
 position: relative;
 color: #2B2F74;
}
#estimateBox #appeal_box p {
 width: 156px;
 border-radius: 5px;
 padding: 5px 10px;
 color: #fff;
 font-weight: bold;
 float: left;
 margin: 0 12px;
 position: relative;
 font-size: 16px;
}
#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: -10px;
 right: -38px;
 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: -10px;
 right: -40px;
 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: -10px;
 right: -35px;
 bottom: 0;
 width: 100px;
 height: 100px;
 background-image: url(/imgs/top-image_estimate3.png);
 background-repeat: no-repeat;
 z-index: 1;
 background-size: cover;
}
#appeal_box h3:before {
 display: block;
 content: '';
 background: url(/imgs/txt-left.svg)no-repeat;
 position: absolute;
 top: 4px;
 left: 120px;
 width: 18px;
 height: 18px;
}
#appeal_box h3:after {
 display: block;
 content: '';
 background: url(/imgs/txt-right.svg)no-repeat;
 position: absolute;
 top: 4px;
 right: 120px;
 width: 18px;
 height: 18px;
}
#box_size {
 float: left;
 position: relative;
 width: 450px;
 height: 235px;
}
#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: 25px;
 left: 90px;
}
p.depth {
 position: absolute;
 top: 120px;
 left: 250px;
}
p.width {
 position: absolute;
 top: 190px;
 left: 240px;
}
#box_size input[type="tel"] {
 width: 60px;
 height: 24px;
 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: 220px;
 float: left;
 position: relative;
 margin: 30px 0 0 0;
}
#box_hosoku {
 background: #FFF7F7;
 padding: 5px;
 border-radius: 5px;
 margin-bottom: 10px;
}
/* 開くボタン */
/*
.open {
 margin: 10px auto -15px;
 display: block;
 width: 145px;
 position: relative;
 font-size: 16px;
 cursor: pointer;
}
#open2 {
 width: 193px;
}
.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;
}
*/
#estimateBox .inputBox1 h3, .inputBox2 h3 {
 background: none;
}
#estimateBox .inputBox1 .unit_item {}
#estimateBox .inputBox1 .sort select {
 width: 200px;
 top: 0;
 margin: 8px 0;
}
#estimateBox .inputBox2 {
 width: 595px;
 float: right;
}
#estimateBox .inputBox2 ul li.input_li {
 width: 230px;
 float: left;
 margin: 30px 0px 0 50px;
}
#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: 24px;
 font-size: 18px;
 border-radius: 5px;
 border: 2px #C4C4C4 solid;
 margin: 0 6px 0 25px;
 background: #fff4f4;
}
#estimateBox .inputBox2 ul.unit_item.printselect{
 width: 165px;	
}
#estimateBox .inputBox2 .unit_item .noneBtn,#estimateBox .inputBox2 .unit_item .yesBtn{
 width: 75px;
} 
#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 .unit_item {
 margin: -28px 0 0 0;
}
.rito_label {
 display: block;
 margin: 20px 0 0;
 text-align: right;
 font-size: 16px;
}
.rito_label input {
 margin-right: 5px;
}
#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;
}
select#prefecture_id, select#ita_prefecture_id {
 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;
}
#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 {
 width: 155px;
 clear: both;
}
#estimateBox .unit_item label {
 display: block;
}
#estimateBox .inputBox2 .unit_item label {
 padding: 5px 0;
}
#estimateBox .inputBox2 .unit_item li {
 width: 66px;
}
#estimateBox .inputBox {
 position: relative;
 /*display: none;*/
}
#estimateBox .unit_item-left label {
 border-radius: 5px 0px 0px 5px;
}
#estimateBox .unit_item-right label {
 border-radius: 0px 5px 5px 0px;
}
/*=====.resultBox=====*/
.resultBox {
 margin: 20px 0 0 0;
 display: none;
}
.resultBox .leftBox {
 width: 420px;
 float: left;
}
.resultBox .leftBox dt {
 width: 170px;
 background: #E8F3F9;
 font-size: 16px;
 padding: 7px 0 11px 10px;
 margin: -1px 0 -43px 0;
 display: flow-root;
 border-top: 1px #C4C4C4 solid;
 z-index: 1;
 position: relative;
}
.resultBox .leftBox dd {
 width: 219px;
 padding: 10px 10px 5px 10px;
 border-bottom: 1px #C4C4C4 solid;
 line-height: 2;
 border-left: #E8F3F9 180px solid;
 position: relative;
}
.resultBox .rightBox {
 width: 810px;
 float: right;
}
.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: 420px;
 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 {
 position: relative;
 width: 220px;
 height: 220px;
}
#box_img p {
 position: absolute;
 font-size: 16px;
}
#box_depth {
 right: 88px;
 bottom: 90px;
 white-space: nowrap;
 line-height: 1;
}
#box_width {
 right: 115px;
 bottom: 55px;
 white-space: nowrap;
 line-height: 1;
}
#box_length {
 right: 201px;
 bottom: 30px;
 white-space: nowrap;
 line-height: 1;
}
#inputType {
 display: block;
}
/*=====フルート.flute_choices=====*/
.resultBox .flute_choices {
 padding: 0;
 margin: 20px 0 0 0;
}
.flute_choices ul {}
.flute_choices li {
 width: 192px;
 height: 100px;
 float: left;
 margin: 0px 10px 3px 0;
 position: relative;
}
.flute_choices input {
 display: none;
}
.flute_choices label {
 display: block;
 width: 180px;
 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;
 cursor: pointer;
}
.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;
}
#more_print1, #more_print2 {
 position: absolute;
 width: 100px;
 top: 47px;
 right: 20px;
}
#more_print2 {
 top: 74px;
}
.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: 198px;
 height: 100px;
 margin: 0;
}
.flute_choices .gray_out {
 text-align: center;
 position: absolute;
 top: 47px;
 left: 0;
 width: 196px;
 display: none;
}
.flute_choices .unsupported .gray_out {
 display: none;
}
/*=====フルートポップアップ.qualityBox=====*/
.flute_choices div.qualityBox {
 background: #fff;
 padding: 32px 7px 7px 7px;
 width: 1095px;
 box-shadow: 0px 0px 10px 0px #C4C4C4;
 position: absolute;
 top: 209px;
 z-index: 10;
 left: -9px;
 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: 21px;
 border-radius: 5px;
 cursor: pointer;
 width: 35px;
 text-align: center;
 z-index: 1;
}
.qualityBox:before {
 content: '▲';
 position: absolute;
 left: 513px;
 top: -35px;
 color: #FFF;
 font-size: 28px;
}
.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;
}
div.qualityBox td {
 border-bottom: solid 1px #C4C4C4;
 border-right: solid 1px #C4C4C4;
}
.flute_choices div.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;
}
.flute_choices div.qualityBox .strength10 {
 width: 200px;
}
.flute_choices div.qualityBox .strength8 {
 width: 170px;
}
.flute_choices div.qualityBox .strength6 {
 width: 150px;
}
.flute_choices div.qualityBox .strength4 {
 width: 100px;
}
.flute_choices div.qualityBox .strength3 {
 width: 50px;
}
.flute_choices div.qualityBox .strength1 {
 width: 30px;
}
.qualityBox h4 {
 background: none;
 font-weight: bold;
 font-size: 20px;
 padding: 20px 0 6px;
}
.flute_choices div.flute_guide {
 border: none;
 background: #fff;
 width: 1070px;
}
.flute_choices div.flute_guide:hover {
 box-shadow: none;
}
.flute_choices div.flute_guide:before {
 display: none;
}
.flute_choices div.flute_guide div {
 background: none;
 width: 152px;
 border: 1px solid #CCCCCC;
 height: 273px;
 float: left;
 margin: 0 12px;
}
.flute_choices div.flute_guide div:hover {
 box-shadow: none;
 cursor: auto;
}
.flute_choices div.flute_guide div p {
 text-align: left;
}
.flute_choices div.flute_guide div:before {
 display: none;
}
.flute_choices div.about_liner {
 width: 1070px;
 border: none;
 background: #fff;
 margin-left: 0;
}
.flute_choices div.about_liner:before {
 display: none;
}
.flute_choices div.about_liner:hover {
 box-shadow: none;
 cursor: auto;
}
.flute_choices h3 {
 margin: 0 0 10px 0;
}
/*=====箱の形式#formatBox=====*/
#formatBox {
 position: relative;
}
#formatBox h3 {
 margin: 0 0 10px 0;
}
#format_scroll {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-between;
 overflow: hidden;
 position: relative;
 padding: 35px 0 0 0;
 height: 375px;
 transition: height 0.5s ease-out;
}
#format_scroll div {
 width: 257px;
 height: 350px;
 position: relative;
 margin-bottom: 30px;
}
#format_scroll div.format_contents_btn {
 position: static;
 margin: 0;
 display: inline;
}
#format_scroll label {
 display: block;
 width: 240px;
 border: 3px #CCCCCC solid;
 border-radius: 5px;
 background: #F5F5F5;
 padding: 5px;
 cursor: pointer;
 height: 310px;
 position: relative;
}
#format_scroll strong {
 font-size: 15px;
 font-weight: bold;
 text-align: center;
 display: block;
}
#format_scroll 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 label:hover {
 border: 3px #E23619 solid;
 box-shadow: 0px 6px 3px #C4C4C4;
 background: #fff;
 position: relative;
 z-index: 100;
}
.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 span {}
#format_scroll .mold_fee {
 display: block;
}
#format_scroll .description {
 text-align: left;
 line-height: 1.5;
 padding: 5px 0;
 display: block;
 font-size: 14px;
}
#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 {
color: #159DD9;
position: absolute;
top: 372px;
left: 220px;
width: 360px;
text-align: center;
display: block;
cursor: pointer;
border: 1.5px solid #159DD9;
border-radius: 50px;
padding: 2px;
background: #fff;
z-index: 525;
}
#more_format:after {
 display: block;
 content: '';
 left: 335px;
 width: 15px;
 height: 15px;
 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: 7px;
}
#more_format.less:after {
 -webkit-transform: translate(0, 0) rotate(-90deg);
 transform: translate(0, 0) rotate(-90deg);
}
#formatBox .hosoku {
 font-size: 14px;
 line-height: 1.3;
 display: block;
}
/*非表示*/
#format_scroll .unsupported label:hover {
 border: 3px #ccc solid;
 box-shadow: none;
 background: #f5f5f5;
 position: relative;
 z-index: 0;
}
.gray_out {
 display: none;
 z-index: 1;
 color: #E23619;
 position: relative;
 text-align: center;
 font-size: 18px;
 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: -1px;
 left: -1px;
 bottom: 0;
 width: 257px;
 height: 326px;
 background-repeat: no-repeat;
 background-position: center 0;
 background: #fff;
 opacity: 0.7;
 z-index: 0;
}
/*=====納期目安#delivery_date=====*/
.delivery_date {
 margin: 10px 0;
}
.delivery_date h3 {
 margin: 0 0 10px 0;
}
.delivery_date li {
 float: left;
 position: relative;
}
.delivery_date li:after {
 width: 200px;
}
.delivery_date label {
 display: block;
 width: 181px;
 border: 3px #CCCCCC solid;
 border-radius: 5px;
 background: #F5F5F5;
 padding: 5px;
 cursor: pointer;
 position: relative;
 height: 95px;
}
.delivery_date li + li {
 margin: 0 0 0 7px;
}
.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: 17px;
}
.d_total_price span.small {
 font-weight: normal;
 font-size: 14px;
}
/*非対応*/
.delivery_date .unsupported:after {
 height: 115px;
 margin: 0;
}
.delivery_date .unsupported label {
 z-index: 0;
}
.delivery_date .unsupported label:hover {
 border: 3px #ccc solid;
 box-shadow: none;
 background: #F5F5F5;
 z-index: 0;
}
.delivery_date .gray_out {
 display: none;
}
.delivery_date .unsupported .gray_out {
 margin: 0;
 display: block;
 position: absolute;
 top: 50px;
 height: auto;
 width: 200px;
 z-index: 1;
 color: #E23619;
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 text-shadow: 2px 2px 10px #fff, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;
 display: none;
}
.delivery_date .inqBtn {
 display: none;
}
.delivery_date .unsupported .inqBtn {
 padding: 2px;
 z-index: 1;
 display: block;
 width: 180px;
 color: #159DD9;
 font-size: 14px;
 font-weight: bold;
 border: 1.5px solid #159DD9;
 border-radius: 50px;
 background: #fff;
 position: absolute;
 bottom: 5px;
 left: 5px;
 cursor: pointer;
}
.delivery_date .button-blue:after {
 display: none;
}
.delivery_date .gray_out:before {
 display: none;
}
/*非対応お問合せボックス*/
.delivery_inqBox {
 background: #fff;
 padding: 32px 15px 32px 15px;
 width: 1255px;
 box-shadow: 0px 0px 10px 0px #C4C4C4;
 position: absolute;
 top: 1140px;
 z-index: 105;
 left: -2px;
 border-radius: 5px;
 cursor: auto;
 border: 2px solid #58A3CC;
 height: auto;
}
.delivery_inqBox input[readonly="readonly"] {
 width: auto;
 display: inline;
 border: 0;
 outline: none;
}
div.delivery_inqBox div {
 border: none;
 background: none;
 float: left;
 width: 603px;
 margin: 30px 7px 0;
 height: auto;
 cursor: auto;
}
div.delivery_inqBox:before {
 display: none;
}
div.delivery_inqBox div:hover {
 box-shadow: none;
}
div.delivery_inqBox div:before {
 display: none;
}
.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;
}
div.delivery_inqBox input {
 display: block;
}
.soushinBtn {
 width: 334px;
 margin: 0 0 0 270px;
}
.desired_size dd {
 float: left;
 margin-right: 15px;
 font-size: 18px;
}
/*=====印刷方法#printing_method=====*/
.printing_method {
 border: 1px #C4C4C4 solid;
 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: 60px;
}
.printing_method p {
 float: right;
 width: 595px;
 margin: -27px 0 0 0;
}
.printing_method p img {
 padding: 0 24px 0 0;
 margin: 0 0 -15px 0;
}
.printing_method span.see_more {
 margin: 5px 8px 0 0;
}
/*=====印刷についてのポップアップ#about_print=====*/
.about_print {
 background: #fff;
 padding: 32px 15px 15px 15px;
 width: 1090px;
 box-shadow: 0px 0px 10px 0px #C4C4C4;
 position: absolute;
 top: 95px;
 z-index: 10;
 left: -315px;
 border-radius: 5px;
 cursor: auto;
 display: none;
 border: 2px solid #58A3CC;
 text-align: left;
}
#about_print2 {
 left: -482px;
}
.about_print h2 {
 padding: 0px 7px 7px 7px;
}
.about_print p.about_p {
 float: none;
 background: url(/imgs/top-estimate_image1.png)no-repeat;
 padding: 31px 306px 124px 0;
 width: 785px;
 background-position: 816px 0;
 background-size: 260px;
}
.about_print .notes {
 background: #FFF7F7;
 padding: 20px 20px;
 margin: -111px 0 0 0;
 float: none;
 width: 713px;
}
.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;
 color: #53392B;
 font-weight: bold;
 padding: 3px 0;
 text-align: center;
 width: auto;
 float: none;
}
.about_jirei li {
 width: 160px;
 height: 190px;
 padding: 0;
 float: left;
}
.about_jirei li + li {
 margin-left: 26px;
}
.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: 353px;
 float: left;
}
.method li + li {
 margin-left: 15px;
}
.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;
 z-index: 1;
}
/*=====金額#price_display=====*/
.main_price_display dl {
 width: 470px;
 margin: 22px 0 0 0;
 float: left;
}
.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-size: 18px;
 font-weight: bold;
}
.total_price {
 border-top: 1px #C4C4C4 solid;
 padding: 15px 0 0 0;
 margin: 0 !important;
 font-size: 18px;
}
.total_price span#total_gokei {
 margin: -10px 0 0 0;
 display: inline-block;
 font-size: 35px;
 font-weight: bold;
}
.zei {
 font-weight: normal !important;
}
.cartSubmit {
 width: 300px;
 height: 52px;
 display: table-cell;
}
#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_simu_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, #box_fure_cartSubmit1, #box_fure_cartSubmit2, #box_mira_cartSubmit1, #box_mira_cartSubmit2, #board_main_cartSubmit, #board_simu_cartSubmit {
 position: relative;
}
#box_simu_cartSubmit {
 display: block;
 clear: both;
}
.main_add_cartBox {
 float: right;
 margin: 200px 0 0 0;
 position: relative;
}
.soryo_over, .sougaku_over {
 float: right;
 width: 280px;
 padding: 10px;
 background: #fff6f7;
 color: #e1361a;
 margin: 140px 0 0 0;
 position: relative;
 display: none;
}
.soryo_over:after, .sougaku_over:after {
 content: "";
 display: block;
 border: 50px transparent solid;
 border-top: 30px #f6ab2b solid;
 position: absolute;
 left: 100px;
 bottom: -80px;
}
.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: relative;
 display: block;
 width: 300px;
 font-size: 20px;
 color: #53392B;
 font-weight: bold;
 text-align: center;
 margin: 0px 410px 0px 0;
}
#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;
}
.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 {
 margin: 0 0 10px 0;
}
.simu_price_display {
 position: relative;
 float: right;
 border: 2px #CCCCCC solid;
 padding: 0px 15px 15px;
 border-radius: 8px;
 margin: -43px 0 0 0;
}
.simu_price_display:before {
 content: "";
 display: block;
 width: 20px;
 height: 20px;
 border-right: 2px #ccc solid;
 border-bottom: 2px #ccc solid;
 background: #fff;
 transform: rotate(135deg);
 position: absolute;
 bottom: 50px;
 left: -12px;
 top: 0;
 margin: auto;
}
.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;
}
.simu_add_cartBox {
 margin: 0 0 0 50px;
 width: 300px;
}
.add_arrow {
 position: relative;
}
/*=====グラフ#similarBox=====*/
.simulationGroup {
 float: left;
 width: 810px;
 height: 300px;
 position: relative;
 margin: 20px 0 0;
}
.linegraph {
 width: 730px;
 height: 280px;
 border: 1px #ccc solid;
 position: absolute;
 top: 0;
 left: 80px;
}
.graph_line {
 width: 730px;
 height: 280px;
}
.tanka_line {
 width: 730px;
 height: 280px;
 position: absolute;
 top: 0;
 left: 0;
}
.tanka_line li {
 position: absolute;
 left: 0;
 width: 730px;
 border-top: 1px #ccc solid;
 font-size: 14px;
 list-style: none;
}
.tanka_line li span {
 position: absolute;
 right: 735px;
 top: -10px;
 white-space: nowrap;
}
.linegraph ul {
 position: absolute;
 top: 0;
 left: 0px;
}
.linegraph ul li {
 width: 65px;
 height: 280px;
 float: left;
 position: relative;
 border-right: 1px #eee solid;
 list-style: none;
}
.linegraph ul li span {
 display: block;
}
.maximum {
 background: #E23619;
 color: #fff;
 width: 74px;
 border-radius: 5px;
 padding: 0 3px;
 font-size: 13px;
 position: absolute;
 bottom: -55px;
 left: 28px;
}
.maximum:after {
 content: "";
 display: block;
 width: 0;
 height: 0;
 border-left: 10px transparent solid;
 border-right: 10px transparent solid;
 border-bottom: 13px #E23619 solid;
 position: absolute;
 right: 31px;
 top: -11px;
}
.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: 285px;
 left: 45px;
 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: 165px;
 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 {
 display: none;
}
#linegraph2 ul li {
 border-right: 1px transparent solid;
}
#linegraph2 .maru, #ita_linegraph2 .maru {
 background: #f6ac2b;
}
#linegraph2 .maru:hover {
 background: #ff3300;
}
#graph_ul2 .simu_cnt {
 display: none;
}
#gosokuHosoku {
 position: absolute;
 top: 100px;
 left: 400px;
 width: 240px;
 line-height: 1.8;
 background: #fff;
 border: 3px #ccc solid;
 padding: 20px;
 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;
}
.graph_hosoku {
 margin-top: 10px;
}
/*=====サイズの近い既製品#similarBox=====*/
#s_resultBox .product_box + .product_box {
 margin: 0 0 0 7px;
}
#similarBox p {
 margin: 10px 0;
}
/*=====デザインツール#designtool_Back=====*/
iframe#designToolFrame, iframe#ita_designToolFrame {
 max-width: 1270px;
 background-color: #f4f4f4;
 margin: 0 0 0 2px;
 width: 1272px;
 height: 1190px;
}
.printSiteiBox p {
 margin: -45px 0 25px 148px;
 position: absolute;
 bottom: -20px;
 left: -20px;
}
#tool_hosoku {
 margin: 10px 0 58px 832px;
 position: relative;
 font-weight: bold;
 font-size: 20px;
 color: #53392B;
 display: none;
}
#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;
}
#nav_illustrator, #ita_nav_illustrator {
 width: 319px;
 padding: 20px 0 15px 74px;
 margin: 0 0 10px 880px;
 background: url(/imgs/flex-title1.png)no-repeat;
 background-size: 42px;
 background-position: 19px 7px;
}
#nav_illustrator button, #ita_nav_illustrator button {
 font-size: 16px;
 border: none;
 background: none;
 width: auto;
}
#nav_illustrator:after, #ita_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;
}
#printToolBox, #ita_printToolBox {
 position: relative;
 width: 1272px;
 margin: -20px auto 0px;
 padding-bottom: 30px;
 background-color: #f4f4f4;
 border: 2px solid #F6AC2B;
}
.print_comparison .small {
 font-weight: normal;
 font-size: 80%;
}
.print_comparison table {
 border: 2px #cccccc solid;
 border-collapse: collapse;
 width: 1275px;
 margin: 40px auto 0;
}
.print_comparison th {
 border-bottom: 1px #cccccc solid;
 background: #e1ecf4;
 padding: 15px;
}
.print_comparison td {
 border-bottom: 1px #cccccc solid;
 border-left: 4px #cccccc solid;
 text-align: right;
 vertical-align: middle;
 padding: 0 23px;
 position: relative;
}
.print_comparison td.flexo_color {
 padding: 20px 23px 40px;
 position: relative;
}
#more_flexo1 {
 position: absolute;
 width: 163px;
 top: 47px;
 right: 20px;
}
.print_comparison td.cheaper img {
 margin: 20px auto;
}
.print_comparison td.cheaper_price {
 background: #FFF76F;
 color: #E23619;
 position: relative;
}
.print_comparison td.cheaper_price:before {
 display: block;
 content: '';
 position: absolute;
 top: -2px;
 left: 20px;
 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;
}
.print_comparison td img {
 display: block;
 margin: 10px auto 20px;
}
.print_comparison span.hosoku {
 margin: 28px 73px 0 0;
 display: block;
}
.print_comparison .cart_button form {
 margin: 15px 47px 15px 0;
 position: relative;
}
.total_price {
 font-size: 23px;
 padding-top: 6px !important;
}
.total_price span {
 font-size: 27px;
 padding: 0 5px 0 0;
 font-weight: bold;
}
#print_comparison1 .total_price .tax, #print_comparison1 .total_price .tax span, #print_comparison2 .total_price .tax, #print_comparison2 .total_price .tax span {
 font-size: 16px !important;
 font-weight: normal;
}
#design_color:not(.color12) {
 color: #fff;
}
#design_color.color12 {
 color: #333;
}
.color12 option:not(.color12) {
 color: #fff;
}
.print_comparison .sort {
 margin: -41px 55px 20px 0;
 display: block;
}
.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;
}
.attention {
 position: relative;
 padding: 0 0 0 0;
 z-index: 0;
 color: #E23619;
 font-size: 16px;
}
.attention:after {
 display: block;
 content: '';
 position: absolute;
 top: -73px;
 right: 0;
 bottom: 0;
 width: 460px;
 height: 56px;
 margin: auto;
 background-repeat: no-repeat;
 background-position: center 0;
 background: #fff;
 opacity: 0.5;
 z-index: 0;
}
.method_td span.furekiso_icon1 {
 background: url(/imgs/top-icon_furekiso1.png)no-repeat;
 padding: 47px 0 8px;
 display: block;
 float: left;
 background-position: 7px 0;
 margin: 0px 0 0 50px;
}
.furekiso_icon2 {
 background: url(/imgs/top-icon_furekiso2.png)no-repeat;
 display: block;
 float: left;
 background-position: 3px 0;
}
.method_td span.furekiso_icon3 {
 background: url(/imgs/top-icon_furekiso3.png)no-repeat;
 display: block;
 float: left;
 background-position: 53px 0;
 width: 138px;
}
.method_td span.mirapuri_icon1 {
 background: url(/imgs/top-icon_mirapuri1.png)no-repeat;
 display: block;
 float: left;
 background-position: 45px 0;
 width: 170px;
 margin: 0 14px 0 27px;
}
#print_comparison1 .method_td span.mirapuri_icon1 {
 margin: 0 14px 0 85px;
}
.mirapuri_icon2 {
 background: url(/imgs/top-icon_mirapuri2.png)no-repeat;
 display: block;
 float: left;
 background-position: 8px -2px;
}
.mirapuri_icon3 {
 background: url(/imgs/top-icon_mirapuri3.png)no-repeat;
 display: block;
 float: left;
 background-position: 11px 10px;
}
.method_td span {
 margin: 0 15px;
 width: 92px;
 text-align: center;
 padding: 50px 0 0 0px;
}
.design_hosoku {
 margin: 23px auto -5px;
 position: relative;
 font-weight: bold;
 font-size: 20px;
 color: #53392B;
 width: 280px;
}
.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;
}
/*=====フレキソ印刷についてポップアップ.about_flexo=====*/
.about_flexo {
 background: #fff;
 padding: 32px 15px 15px 15px;
 width: 1090px;
 box-shadow: 0px 0px 10px 0px #C4C4C4;
 position: absolute;
 top: 95px;
 z-index: 10;
 left: -265px;
 border-radius: 5px;
 cursor: auto;
 display: none;
 border: 2px solid #58A3CC;
}
#about_flexo1 > div {
 margin: 15px 0 0 0;
}
.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 {
 text-align: left;
 padding: 0 0 5px 0px;
}
.about_flexo p {
 text-align: left;
}
.about_color {
 width: 510px;
}
.about_color span {
 font-size: 14px;
}
.color_hange {
 width: 510px;
 float: right;
 margin: -270px 0 0 0;
}
.color_hange p {
 float: left;
}
.arrow {
 position: relative;
 padding: 0 50px 0 0;
}
.arrow:after {
 display: block;
 content: '';
 position: absolute;
 top: 93px;
 right: 0;
 bottom: 0;
 width: 55px;
 height: 54px;
 background-image: url(/imgs/common/icon-arrow_brown.png);
 background-repeat: no-repeat;
}
.image_float1 {
 margin: 20px 29px;
 float: left;
}
.about_flexo h3 {
 text-align: left;
 background: none;
 font-size: 16px;
 padding: 0;
}
.about_flexo div.box_left:after {
 width: 0px;
 height: 0;
 border-top: 50px solid transparent;
 border-bottom: 50px solid transparent;
 border-left: 45px solid #F6AC2B;
 content: "";
 position: absolute;
 top: 136px;
 left: 526px;
}
.osusume {
 background: #FAF7EF;
 margin: 0 0 15px;
 padding: 15px;
 width: 690px;
}
.osusume li {
 line-height: 25px;
 color: #53392B;
 text-align: left;
}
.osusume li span {
 font-size: 24px;
 float: left;
 color: #FB8700;
 font-weight: bold;
 margin-right: 5px;
}
.print_comparison td img.image_float2 {
 width: 280px;
 margin: -50px 0 10px 0 !important;
 float: right;
}
.print_comparison td img.image_float3 {
 margin: -237px 0 0 805px !important;
}
#print_comparison2 .titleBox {
 display: block;
 width: 470px;
 margin: 0 auto;
}

/*=====エラー表示.errorBox=====*/
.errorBlock {
 padding: 10px;
 margin: 15px 0 0 0;
}
.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: 610px;
 bottom: -38px;
}
.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: 20px;
 top: 7px;
 background-size: 32px;
}
.history {
 margin: 20px 0 0 0;
}
.inqBox div {
 float: left;
 width: 603px;
 margin-top: 30px;
}
.inqBox h4 {
 border-bottom: 2px solid #DBBD94;
 font-weight: bold;
 margin: 40px 0 10px 0;
 font-size: 20px;
}
.inqBox div + div {
 margin-left: 50px;
}
.inqBox div h5 {
 background: #E8F3F9;
 font-size: 18px;
 padding: 3px 6px;
 color: #53392B;
 font-weight: 700;
 position: relative;
 line-height: 26px;
}
#err_order {
	height: 64pt;
}
.phone_box img {
 margin: 15px auto;
 width: 480px;
 display: block;
}
.phone_box p {
 text-align: center;
 margin: 15px 0 0 0;
 font-size: 16px;
 color: #53392B;
}
.phonenumber {
 letter-spacing: 3px;
 margin-left: 53px;
 color: #58A3CC;
 margin-top: 5px;
 background: url(/imgs/top-icon_phone.png)no-repeat;
 padding: 14px 0 19px 70px;
 background-position: 3px 0px;
}
.phonenumber a {
	font-size: 66px;
	font-weight: bold;
}
.sub_kana {
 font-size: 16px;
 letter-spacing: 6px;
 color: #58A3CC;
 font-weight: bold;
 margin-left: 152px;
}
.sub_kana span.hakoya {
 font-weight: bold;
 padding: 0 64px;
}
.hours {
 color: #58A3CC;
 font-weight: bold;
 margin: 5px 0 0 130px;
 font-size: 18px;
	width: 430px;
	text-align: center;
}
.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: 170px;
}
.mail_box dd {
 padding: 10px 0 4px 200px;
 margin: -40px 0 15px 0;
}
.mail_box dd input {
 width: 390px;
 height: 25px;
 margin: 0;
}
.mail_box dd input.post {
 width: 60px;
 display: inline-block;
}
.mail_box dd textarea {
 width: 390px;
 height: 85px;
 font-size: 16px;
 padding: 5px;
}
.mail_box dd textarea.address {
 height: 50px;
}
.mail_box dd textarea[readonly="readonly"] {
 border: 0;
 width: 330px;
 height: auto;
 outline: 0;
 resize: none;
}
.mail_box select {
 height: 25px;
 margin-bottom: 5px;
}
.inqBox input {
 display: block;
 position: relative;
 margin: 0 0 0 245px;
 width: 330px;
}
.advice {
 position: relative;
 padding: 0 260px 0 0;
}
.advice:after {
 display: block;
 content: '';
 position: absolute;
 background: url(/imgs/top-estimate-retry.png)no-repeat;
 width: 268px;
 height: 106px;
 right: -28px;
 top: -61px;
}
/*=====注文回数別価格の比較#price_comparison=====*/
#price_comparison table {
 border: 2px #cccccc solid;
 border-collapse: collapse;
 width: 1275px;
 margin: 40px auto 0;
}
#price_comparison th {
 border-bottom: 1px #cccccc solid;
 background: #e1ecf4;
 padding: 15px 15px;
}
#price_comparison td {
 border-bottom: 1px #cccccc solid;
 border-left: 2px #cccccc solid;
 text-align: right;
 vertical-align: middle;
 padding: 0 30px;
 font-size: 18px;
}
#price_comparison td.border_left {
 border-left: 5px #cccccc solid;
}
#price_comparison td.total_price span {
 font-size: 25px;
}
#price_comparison td.total_price span.small {
 font-size: 80%;
 font-weight: normal;
}
.cheaper_price {
 background: #FFF76F;
 color: #E23619;
 position: relative;
}
.cheaper_price:before {
 display: block;
 content: '';
 position: absolute;
 top: -2px;
 left: 10px;
 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;
}
#price_comparison td.title {
 text-align: center;
 background: #e1ecf4;
 font-weight: normal;
 padding: 15px 0;
}
#price_comparison td img {
 width: 235px;
 margin: 0 auto;
 display: block;
 padding: 20px 80px;
}
#price_comparison h3 {
 background: none;
 margin: 31px 0 -32px 0px;
 font-size: 20px;
}
/*ダンボール板(#estimate_boardBox)
===============================*/
#estimate_boardBox {
 border: 2px solid #58A3CC;
 border-radius: 8px;
 background: #fff;
 padding: 20px 10px;
 position: relative;
 margin-top: 40px;
}
#estimate_boardBox .heading {
 background: #58A3CC;
 border-radius: 8px 8px 0px 0px;
 position: relative;
 margin: -20px 0 0 -11px;
 width: 1299px;
}
#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: -18px;
 left: 0;
 bottom: 0;
 width: 132px;
 height: 60px;
 background: url(/imgs/top-icon_estimate_board.png) no-repeat;
}
#estimate_boardBox .inputBox2 {
 width: 595px;
 float: right;
}
#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: 210px;
 float: left;
 margin: 30px 43px -20px;
}
#estimate_boardBox .inputBox2 .unit_item {
 margin: -28px 0 0 0;
}
#estimate_boardBox .inputBox2 ul li ul {
 float: right;
}
#estimate_boardBox .unit_item {
 margin: 0 auto;
 width: 138px;
 clear: both;
}
#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: 24px;
 font-size: 18px;
 border-radius: 5px;
 border: 2px #C4C4C4 solid;
 margin: 0 6px 0 25px;
 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 .flute_choices {
 margin: -87px 32px 130px 0;
 float: right;
}
#ita_flute_choices li {
 width: 198px;
 height: 100px;
 float: left;
 margin: 3px 10px 3px 0;
 position: relative;
}
#liner_h3 {
 margin: 30px 0 5px;
 font-weight: bold;
 padding: 3px 6px;
}
#liner_h3 span {
 font-size: 15px;
 margin-left: 10px;
}
#liner_ul li {
 height: 46px;
}
#liner_ul li label {
 height: 30px;
 line-height: 30px;
}
#liner_ul li span {
 display: inline-block;
 margin-left: 20px;
}
#liner_ul #w_txt {
 display: none;
 width: 300px;
 line-height: 46px;
 color: #E23619;
}
#liner_ul input:checked + label {
 border: 3px #E23619 solid;
 box-shadow: 0px 6px 3px #C4C4C4;
 background: #fff;
}
#liner_ul 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;
}
#more_quality2:hover {
 text-decoration: underline;
}
#estimate_boardBox .flute_choices h3 {
 background: none;
}
#estimate_boardBox #board_size {
 float: left;
 width: 390px;
 height: 235px;
 position: relative;
}
#board_size img {
 margin: 40px 0 0 14px;
}
#board_size .unit_item {
 position: absolute;
 top: 8px;
 left: 233px;
}
#estimate_boardBox p#ita_moreBtn {
 position: absolute;
 right: 197px;
 bottom: 57px;
}
#estimate_boardBox .inputBox1 input[type="tel"] {
 left: 375px;
 top: 14px;
 width: 60px;
 height: 24px;
 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 #board_size p {
 font-weight: bold;
 color: #53392B;
 font-size: 18px;
}
#estimate_boardBox p.length {
 position: absolute;
 top: 6px;
 left: 24px;
}
#estimate_boardBox p.width {
 position: absolute;
 top: 128px;
 left: 211px;
}
#estimate_boardBox .inputBox1 {
 width: 670px;
 float: left;
 position: relative;
 margin: 15px 0 0 0;
}
#estimate_boardBox #board_size {
 float: left;
 width: 390px;
 position: relative;
}
#board_size img {
 margin: 40px 0 0 14px;
}
#board_size .unit_item {
 position: absolute;
 top: 8px;
 left: 233px;
}
#estimate_boardBox p#moreBtn3 {
 position: absolute;
 right: 50px;
 bottom: 20px;
}
#estimate_boardBox .inputBox1 input[type="tel"] {
 left: 375px;
 top: 14px;
 width: 60px;
 height: 24px;
 font-size: 18px;
 border-radius: 5px;
 border: 2px #C4C4C4 solid;
 margin: 0 6px 0 10px;
}
#estimate_boardBox .inputBox1 #board_size p {
 font-weight: bold;
 color: #53392B;
 font-size: 18px;
}
#estimate_boardBox p.length {
 position: absolute;
 top: 6px;
 left: 24px;
}
#estimate_boardBox p.width {
 position: absolute;
 top: 128px;
 left: 211px;
}
#estimate_boardBox .inputBox1 {
 width: 670px;
 float: left;
 position: relative;
 margin: 15px 0 0 0;
}
#estimate_boardBox #standard_size {
 float: right;
 width: 260px;
 position: relative;
}
#estimate_boardBox #standard_size .sort select {
 width: 250px;
}
#estimate_boardBox #standard_size label {
 margin: 0 0 25px 0;
 display: block;
}
#estimate_boardBox .heading h2 span {
 font-size: 18px;
 padding: 0 0 0 10px;
}
#estimate_boardBox .inputBox {
 position: relative;
 /*display: none;*/
}
#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: 150px;
 bottom: 20px;
 line-height: 1;
 white-space: nowrap;
}
#board_img img {
 position: absolute;
 display: block;
}
#bigboard {
 object-fit: none;
 object-position: 100% 0;
 left: 150px;
 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;
 background: url(/imgs/top-estimate_image2.png)no-repeat;
 padding: 110px 306px 124px 0;
 width: 450px;
 background-position: 482px 30px;
 background-size: 260px;
 margin: -106px 0 15px 0;
 position: relative;
}
#estimate_boardBox .about_print {
 width: 755px;
 left: 20px;
}
#estimate_boardBox .about_jirei li + li {
 margin-left: 25px;
}
#estimate_boardBox .about_jirei li {
 width: 235px;
 height: auto;
}
#estimate_boardBox .method li {
 width: 370px;
 float: left;
}
#ita_delivery_inqBox {
 top: 740px;
 display: none;
}
#ita_total_gokei {
 font-size: 35px;
 font-weight: bold;
}
/*事例集(#sampleBox)
===============================*/
#sampleBox {
 margin-top: -50px;
 padding-top: 110px;
}
#sampleBox h2 {
 background: url(/imgs/common/icon-title_danboru1.svg) no-repeat;
 padding: 0 0 5px 40px;
}
#sampleBox #resultBox > div {
 width: 230px;
 float: left;
 margin: 15px 15px;
 min-height: 170px;
 position: relative;
}
#sampleBox #resultBox div.sm_left {
 margin: 60px 0 0 0;
}
#sampleBox #resultBox div img {
 width: 230px;
 height: 240px;
}
#sampleBox .request {
 position: absolute;
 top: 0;
 border: 1px #58A3CC solid;
 border-radius: 8px 8px 0px 8px;
 background: #58A3CC;
 padding: 2px 5px;
 color: #fff;
 width: 218px;
 height: 48px;
 overflow: hidden;
}
#sampleBox .answer {
 border: 1.5px #58A3CC solid;
 border-radius: 0px 8px 8px 8px;
 background: #fff;
 padding: 2px 5px;
 margin: 0 0 5px 0;
 position: relative;
}
#sampleBox .answer span {
 overflow: hidden;
 width: 218px;
 height: 48px;
 display: block;
}
#sampleBox .answer:before {
 display: block;
 content: '';
 position: absolute;
 top: -117px;
 left: -2px;
 bottom: 0;
 width: 48px;
 height: 48px;
 margin: auto;
 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: 710px;
 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 {
 padding: 10px;
 height: auto;
 opacity: 1;
}
#search_box ul {
 width: 235px;
 float: left;
}
#search_box ul + ul {
 margin-left: 26px;
}
#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 {
 position: relative;
 margin: 0 0 0 -1040px;
 width: 300px;
 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;
}
#search_lists li input {
 -webkit-appearance: none;
}
.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 div {
 background: rgba(255, 255, 255, 0.70);
 margin: -50px 0 0 0;
 width: 1300px;
 position: relative;
}
#contactBox img {
	width: 1300px;
	height: auto;
}
#contactBox #tel_goro9 {
 font-size: 16px;
 letter-spacing: 6px;
 color: #58A3CC;
 font-weight: bold;
 margin-left: 110px;
 padding: 10px 0 0 0;
}
#contactBox #tel9 {
 font-size: 66px;
 letter-spacing: 3px;
 margin-left: 6px;
 color: #58A3CC;
 margin-top: 18px;
 background: url(/imgs/top-icon_phone.png)no-repeat;
 padding: 14px 0 19px 70px;
 background-position: 2px 0px;
}
#contactBox #tel9 a {
 font-size: 66px;
 font-weight: bold;
 color: #58A3CC;
}
#contactBox #customlimite {
 color: #58A3CC;
 font-weight: bold;
 margin: 20px 0 0 80px;
 font-size: 18px;
	width: 430px;
	text-align: center;
}
#contactBox #message {
 width: 755px;
 float: right;
 margin: -107px 0 0 0;
}
#contactBox #message h3 {
 background: none;
 border-bottom: 6px #E8F3F9 dotted;
 margin: 0 0 10px 0;
}
#tel_goro9 #hakoya {
 font-weight: bold;
 padding: 0 64px;
}
div#contactBox h2 {
 background: #FAF7EF;
 border-bottom: none;
 padding: 10px 11px;
 text-align: center;
}
textarea#inq_order, textarea#ita_inq_order {
	width: 1180px;
	height: auto;
	resize: none;
	border: none;
	outline: none;
}
/*かんたんオーダーダンボール販売一覧(#easyOrderBox)
===============================*/
#easyOrderBox div {
 width: 610px;
 float: left;
 margin: 10px 10px;
 border-radius: 8px;
 padding: 3px 10px;
 position: relative;
}
#easyOrderBox h2 {
 background: url(/imgs/common/icon-title_danboru2.svg) no-repeat;
 padding: 0 0 5px 40px;
}
#easyOrderBox h3 {
 background: none;
 padding: 12px 3px;
 width: 324px;
}
#easyOrderBox div p {
 width: 374px;
 float: left;
 font-size: 15px;
}
#easyOrderBox img {
 margin: -44px 0 0 15px;
}
#easyOrderBox div .more_right {
 position: absolute;
 bottom: 30px;
 left: 285px;
}
#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 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 {
 float: right;
 width: 720px;
 margin: 20px 0 0 0;
}
#specialBox .special_m div {
 width: 323px;
 float: right;
 margin: 20px 0 0 0;
}
#specialBox .special_m {
 width: 630px;
 float: left;
 height: 365px;
 margin: 0 10px;
}
.special_m + .special_m {
 margin-left: 40px;
}
#specialBox h4 {
 border-bottom: 6px #E23619 dotted;
 font-weight: bold;
 padding: 5px 0;
 margin: 0 0 15px 0;
}
#specialBox p {
 font-size: 15px;
}
.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;
}
.special_l p.button a {
 padding: 8px 0;
}
/*#newsBox
===============================*/
#comBox h2 {
 background: url(/imgs/common/icon-title_danboru2.svg) no-repeat;
 padding: 0 0 5px 40px;
}
#comBox div {
 width: 230px;
 background: #EEEBE3;
 border: 2px solid #CFB188;
 border-radius: 5px;
 padding: 8px 7px;
 float: left;
}
#comBox div + div {
 margin: 0px 0 0 15px;
}
#comBox a.com_a {
 color: #333;
}
#comBox div h3 {
 background: none;
 text-align: center;
}
/*#newsBox
===============================*/
#newsBox h2 {
 background: url(/imgs/common/icon-title_news.svg) no-repeat;
 padding: 0 0 5px 40px;
}
.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: 1300px;
}
#voiceBox h2 {
 background: url(/imgs/common/icon-title_chat.svg) no-repeat;
 padding: 0 0 5px 40px;
}
#voiceBox dl {
 height: 400px;
 overflow-y: scroll;
 margin: 0 0 30px 0;
}
#voiceBox dt {
 width: 40px;
 float: left;
 clear: both;
 padding: 10px 0;
}
#voiceBox dd {
 padding: 15px 15px;
 float: left;
 width: 1165px;
}
.user_voice {
 background-color: #FAF7EF;
 border-radius: 5px;
 width: 480px;
 margin: -58px 0 0 58px;
}
#voiceBox div {
 margin: 0 0 20px 0;
}
#voiceBox .comment {
 color: #EF3939;
 font-size: 14px;
 font-weight: bold;
 padding: 0 0 0 10px;
}
#voiceBox .comment span {
 font-weight: bold;
 font-size: 35px;
}
#voiceBox .answer {
 background: #FFF7F7;
 margin: 20px;
 border-radius: 5px;
}
/*こんなお悩み解決できます！(#worriesBox)
===============================*/
#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: 610px;
 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 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: 242px;
 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 57px;
}
.flute_choices div.gray_out:before {
 display: none;
}
.flute_choices div.gray_out:after {
 display: block;
 content: '';
 position: absolute;
 top: -41px;
 left: -66px;
 bottom: 0;
 width: 201px;
 height: 83px;
 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 41px 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 {
 margin-bottom: 50px;
}
#faqBox h2 {
 background: url(/imgs/common/icon-title_q.svg) no-repeat;
 padding: 0 0 5px 40px;
}
#faqBox h3 {
 background: none;
}
#faqBox li {
 padding: 5px;
 margin: 10px;
 border: solid 2px #ececec;
 border-radius: 8px;
}
#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: 550px;
 float: left;
}
#faqBox .sentence p {
 text-align: center;
}
#faqBox .sentence2 {
 width: 800px;
 float: left;
 margin-right: 20px;
}
#faqBox #label1 li {
 border: none !important;
 float: left;
}
#faqBox .imgBox li {
 width: 220px;
 float: left;
 border: none !important;
 margin-left: 15px;
}
#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)
===============================*/
#order_flowBox h2 {
 background: url(/imgs/common/icon-title_truck.svg) no-repeat;
 padding: 0 0 5px 40px;
}
#flow1 li {
 width: 205px;
 height: 255px;
 position: relative;
 border: solid 3px #EAEAEA;
 float: left;
 padding: 12px 12px 20px 12px;
 border-radius: 8px;
 text-align: center;
 margin-top: 15px;
 margin-bottom: 15px;
}
#flow1 li + li {
 margin-left: 31px;
}
#flow1 li:before {
 content: "";
 position: absolute;
 top: 50%;
 left: 100%;
 margin-top: -15px;
 border: 15px solid transparent;
 border-left: 15px solid #eaeaea;
}
#flow1 li.last:before {
 display: none;
}
#flow2 li {
 width: 271px;
 height: 230px;
 position: relative;
 border: solid 3px #EAEAEA;
 float: left;
 margin-top: 15px;
 margin-bottom: 15px;
 padding: 12px 12px 20px 12px;
 border-radius: 8px;
 text-align: center;
}
#flow2 li:before {
 content: "";
 position: absolute;
 top: 50%;
 left: 100%;
 margin-top: -15px;
 border: 15px solid transparent;
 border-left: 15px solid #eaeaea;
}
#flow2 li + li {
 margin-left: 31px;
}
#flow2 li.last:before {
 display: none;
}
/*#reasonBox
===============================*/
#reasonBox {
 padding: 5em 0;
 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: 570px;
}
#reasonBox h3 {
 background: none;
}
#reasonBox ul {
 width: 1320px;
 margin: 0 auto;
}
#reasonBox li {
 width: 240px;
 float: left;
 margin: 0 12px;
}
#reasonBox p {
 color: #333;
}
#reasonBox li span {
 background: #58A3CC;
 width: 32px;
 height: 35px;
 display: block;
 border-radius: 50px;
 color: #fff;
 padding: 12px 0 0 15px;
 font-size: 30px;
 margin: 0 auto 15px;
}
/*#business_partner
===============================*/
#business_partner h2 {
 background: url(/imgs/common/icon-title_user.svg) no-repeat;
 background-position: 0px -2px;
 padding: 0 0 5px 40px;
}
#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: 1300px;
}
/*#staffBox
===============================*/
#staffBox h2 {
 background: url(/imgs/common/icon-title_chat.svg) no-repeat;
 padding: 0 0 5px 40px;
}
#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: #58A3CC;
 border-radius: 5px;
}
#staffBox div {
 width: 650px;
 float: left;
}
#staffBox dl {
 width: 400px;
 padding-left: 250px;
 margin: 30px 0 50px 0;
}
#top_message {
 background: url(/imgs/top-staff1.png) no-repeat;
 height: 220px;
}
#staff_message1 {
 background: url(/imgs/top-staff2.png) no-repeat;
 background-position: 100px 0;
}
#staff_message2 {
 background: url(/imgs/top-staff3.png) no-repeat;
 height: 120px;
 background-position: 100px 0;
}
#staff_message3 {
 background: url(/imgs/top-staff4.png) no-repeat;
 height: 120px;
 background-position: 100px 0;
}
#top #footer_info .access + .calendar {
 margin-left: 19px;
}
#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: 0px;
 left: 0;
 background-color: rgba(255, 255, 255, 0.7);
 display: none;
 z-index: 500;
}
#waitBox p {
 font-size: 24px;
 color: #026DB8;
 background: #fff;
 border: 1px #026DB8 solid;
 padding: 10px;
 text-align: center;
 position: fixed;
 top: 40%;
 left: 50%;
 margin: 0 0 0 -7em;
}
/*よくある質問*/
#top_faqBox {
 width: 1300px;
 display: block;
 margin: 70px auto;
}
#top_faqBox h2 {
 text-align: center;
}
#top_faqBox h2 span {
 font-weight: bold;
}
#top_faqBox h2:before {
 content: url(/imgs/top-faqh3_1.png);
}
#top_faqBox h2:after {
 content: url(/imgs/top-faqh3_2.png);
}
#top_faqBox #faq_all {
 height: 395px;
 overflow-y: scroll;
 padding: 25px 25px 0 0;
 background: #E8F3F9;
}
#top_faqBox #faq_all .faq_contents {
 width: 560px;
 background: #fff;
 padding: 12px 20px;
 float: left;
 margin-left: 25px;
 margin-bottom: 25px;
 overflow: hidden;
}
#top_faqBox #faq_all .faq_contents p {
 height: 95px;
 font-size: 15px;
 line-height: 25px;
}
#top_faqBox #faq_all h2 span {
 font-weight: bold;
}
#top_faqBox #faq_all .faq_contents .h3_box h3 {
 width: 475px;
 background: #fff;
 padding: 0;
 left: 45px;
 font-weight: normal;
 height: 30px;
 line-height: 32px;
}
#top_faqBox #faq_all .h3_box.line_2 h3 {
 line-height: 18px;
 font-size: 17px;
}
#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: 3px 7px;
}
#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: 15px;
 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: 245px;
 opacity: 1;
 padding: 5px;
 visibility: visible;
}
p.f_left {
 width: 165px;
}
img.f_right {
 margin: -92px 0 0 177px;
}
#top_faqBox #faq_Box_link {
 text-align: center;
 background: #E8F3F9;
 padding: 1px 25px 25px;
}
#top_faqBox #faq_Box_link h3 {
 position: relative;
 width: 505px;
 margin: 20px auto 0;
}
#top_faqBox #faq_Box_link h3 span {
 font-weight: bold;
}
#top_faqBox #faq_Box_link h3:before {
 position: absolute;
 left: 0;
 top: 5px;
 border-left: solid #53392B 2px;
 display: block;
 content: '';
 width: 3px;
 height: 20px;
 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: 20px;
 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: 242px !important;
 height: 165px !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: 240px !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: 240px;
 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: 245px !important;
 height: 60px !important;
 margin: 0 !important;
}
.format_contents_box .format_box2 ul {
 float: left;
 margin: 5px;
 width: 90px;
 margin: 0 7px 5px 0;
}
.format_contents_box .format_box2 p {
 line-height: 18px;
 color: #666666;
 margin: 5px 5px 5px 0;
}
.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;
 }
}
}