/*===beginner===*/
#contents {
 width: 1300px;
 position: relative;
 line-height: 1.7;
}
a:hover {
 cursor: pointer;
}
html {
 scroll-behavior: smooth;
}
/* pan 
====================*/
#pan {
 width: 1200px;
 height: 30px;
 background: url(/img/panBack.png);
 position: absolute;
 top: 0;
}
#pan li {
 height: 30px;
 line-height: 30px;
 float: left;
 background: url(/img/panNow.png) no-repeat;
}
#pan li a {
 display: block;
 padding-left: 20px;
 line-height: 30px;
 color: #fff;
 background: url(/img/panMid.png);
}
#pan li a:hover {
 color: #006600;
}
#pan #panTop {
 background: url(/img/panTop.png);
}
#panNow {
 padding-left: 30px;
}
#pan #panNow a {
 background: url(/img/panBack.png) no-repeat;
 cursor: text;
 color: #555;
 padding: 0;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 -webkit-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}
/*　/beginner/(初めての方へ）
============================*/
#b_contents {
 width: 1300px;
 display: block;
 margin: 50px auto;
}
#b_contents h1 {
 position: relative;
 line-height: 65px;
}
#b_contents h1 span {
 display: inline-block;
 border-radius: 10px;
 padding: 5px 20px;
 margin-left: 25px;
 margin-top: 30px;
 color: #FFF;
 font-size: 47px;
 font-weight: bold;background-color: #E89B43;
}
#b_contents h2 {
 padding: 0;
 margin-bottom: 30px;
 font-size: 30px;
 border: none;
 text-align: center;
 line-height: 42px;
}
#b_contents h2:after {
 margin: 10px auto 0;
 display: block;
 background: #E89B43;
 content: '';
 width: 70px;
 height: 5px;
 border-radius: 15px;
}
#b_contents #b_main {
 position: relative;
 margin: -35px 0 70px;
 padding-top: 15px;
 background: #FAF6EE;
}
#b_contents #b_main img{
 width: 1300px;
 margin-top: -60px;
}
#b_contents #b_main #b_main_appeal {
 height: 412px;
 padding-left: 520px;
 margin-bottom: 20px;
 background: url(/img/beginner-top.png)no-repeat;
}
#b_contents #b_main_award {
 background: url(/img/beginner-top2.png)no-repeat;
 position: absolute;
 top: 70px;
 right: 70px;
 width: 253px;
 height: 281px;
}
#b_contents #b_main_award p {
 text-align: center;
 font-size: 28px;
 padding-top: 50px;
 color: #D5381C;
 font-weight: bold;
 text-shadow:
  1px 0 0 white, 0 1px 0 white, -1px 0 0 white, 0 -1px 0 white
}
#b_contents #b_main_award .b_main_award2 {
 padding-top: 10px !important;
 font-size: 32px !important;
 letter-spacing: 3px;
}
#b_contents #b_main #b_main_appeal li p {
 line-height: 50px;
 font-size: 26px;
 font-weight: bold;
 color: #52382B;
}
#b_contents #b_main #b_main_appeal li p span {
 font-weight: bold;
 font-size: 72px;
 color: #E89B43;
}
#b_contents #b_main #b_main_appeal li + li {
 margin-top: 15px;
}
#b_contents #b_main #b_main_appeal .b_main_appeal3 {
 margin-top: 40px;
}
#b_contents #b_main #b_main_appeal .b_main_appeal3 p {
 line-height: 40px;
}
#b_contents #b_main #b_main_appeal .b_main_appeal3 p span {
 font-size: 48px;
}
#b_contents #b_main .b_main_btn_box {
 width: 600px;
 display: block;
 margin: 0 auto;
}
#b_contents #b_main .b_main_btn_box a {
 display: block;
 margin: 0 auto;
 width: 600px;
 height: 60px;
 line-height: 60px;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 color: #ffffff;
 background: #E89B43;
 border-radius: 5px;
 position: absolute;
 bottom: -20px;
 box-shadow: 0 0 2px gray;
}
#b_contents #b_main .sub_text {
 font-size: 12px;
 width: 338px;
 line-height: 16px;
 position: absolute;
 right: 3px;
 color: #777777;
 text-align: justify;
}
#b_contents #b_main .b_main_btn_box p {
 display: block;
 margin: 0 auto;
 width: 600px;
 position: relative;
 text-align: center;
 font-size: 20px;
}
#b_contents #b_main .b_main_btn_box p:before {
 transform: rotate(-30deg);
 position: absolute;
 content: '';
 top: 3px;
 left: 0;
 display: block;
 height: 20px;
 width: 2px;
 background: #E89B43;
}
#b_contents #b_main .b_main_btn_box p:after {
 transform: rotate(30deg);
 position: absolute;
 top: 3px;
 right: 0;
 content: '';
 display: block;
 height: 25px;
 width: 2px;
 background: #E89B43;
}
#b_contents #b_message {
position: relative;
padding: 45px 0 30px;
font-size:18px;
text-align: center;
background: #FAF6EE;
height: 525px;
}
#b_contents #b_message h2:after {
display:none;
}
#b_contents #b_message p {
font-size:18px;
line-height: 40px;
}
#b_contents #b_message img {
width: 120px;
}
#b_contents #b_message .b_staff1 {
 position: absolute;
 left: 265px;
}
#b_contents #b_message .b_staff2 {
 position: absolute;
 right: 265px;
 bottom: 85px;
}
#b_contents #b_contents1 {
 margin: 70px 0 90px;
 height: 610px;
}
#b_contents #b_contents1 h3 {
 text-align: center;
 font-weight: bold;
 font-size: 25px;
 margin-bottom: 10px;
}
.merit_detail {
 width: 550px;
 padding: 35px 40px 0px 40px;
 float: left;
 height: 465px;
 margin: 10px 10px;
 background-color: #FAF6EE;
}
.imgBox img {
 width: 530px;
 margin: 0 auto;
 display: block;
 padding: 15px 0;
}

#b_contents #b_contents3 {
 margin-top: 75px;
}
#b_contents #b_contents3 .discription {
 font-size: 18px;
 text-align: center;
 font-weight: bold;
 color: #53392B;
 margin-bottom: 15px;
}
#b_contents #b_contents3 .b_contents3_1 li {
 position: relative;
 margin: 0 15px 15px 0;
 float: left;
 padding: 25px 25px 25px 190px;
 background: #FAF6EE;
 border-radius: 5px;
 width: 420px;
 height: 120px;
}
#b_contents #b_contents3 h4 {
 margin-bottom: 15px;
}
#b_contents #b_contents3 .b_contents3_1_1:before {
 position: absolute;
 top: 5px;
 left: 7px;
 background: url(/img/beginner-contents3-1-1.png)no-repeat;
 background-size: 160px;
 display: block;
 content: '';
 height: 160px;
 width: 160px;
}
#b_contents #b_contents3 .b_contents3_1_2:before {
 position: absolute;
 top: 5px;
 left: 7px;
 background: url(/img/beginner-contents3-1-2.png)no-repeat;
 background-size: 160px;
 display: block;
 content: '';
 height: 160px;
 width: 160px;
}
#b_contents #b_contents3 .b_contents3_1_3:before {
 position: absolute;
 top: 5px;
 left: 7px;
 background: url(/img/beginner-contents3-1-3.png)no-repeat;
 background-size: 160px;
 display: block;
 content: '';
 height: 160px;
 width: 160px;
}
#b_contents #b_contents3 .b_contents3_1_4:before {
 position: absolute;
 top: 5px;
 left: 7px;
 background: url(/img/beginner-contents3-1-4.png)no-repeat;
 background-size: 160px;
 display: block;
 content: '';
 height: 160px;
 width: 160px;
}
#b_contents #b_contents3 .b_contents3_2 {
 margin-top: 30px;
}
#b_contents #b_contents3 .b_contents3_2 li {
 padding-top: 226px;
 margin-top: 30px;
 position: relative;
 width: 225px;
 float: left;
 text-align: center;
 color: #666666;
}
#b_contents #b_contents3 .b_contents3_2 li + li {
 margin-left: 35px;
}
#b_contents #b_contents3 .b_contents3_2 li .point {
 background: #F6AC2B;
 width: 85px;
 height: 85px;
 position: absolute;
 border-radius: 50px;
 color: #ffffff;
 top: -20px;
 left: -20px;
 box-shadow: 3px 0 0 #ffffff, 0 2px 0 #ffffff, -3px 0 0 #ffffff, 0 -3px 0 #ffffff;
}
#b_contents #b_contents3 .b_contents3_2 li .point1 {
 font-weight: bold;
 position: absolute;
 font-size: 32px;
 width: 85px;
 top: 23px;
 left: 0;
}
#b_contents #b_contents3 .b_contents3_2 li .point2 {
 display: block;
 position: absolute;
 top: 46px;
 width: 85px;
 font-weight: bold;
}
#b_contents #b_contents3 .b_contents3_2_1 {
 background: url(/img/beginner-contents3-2-1.png)no-repeat;
 margin-left: 30px;
}
#b_contents #b_contents3 .b_contents3_2_2 {
 background: url(/img/beginner-contents3-2-2.png)no-repeat;
}
#b_contents #b_contents3 .b_contents3_2_3 {
 background: url(/img/beginner-contents3-2-3.png)no-repeat;
}
#b_contents #b_contents3 .b_contents3_2_4 {
 background: url(/img/beginner-contents3-2-4.png)no-repeat;
}
#b_contents #b_contents3 .b_contents3_2_5 {
 background: url(/img/beginner-contents3-2-5.png)no-repeat;
}
#b_contents3 .b_main_btn_box {
 width: 600px;
 display: block;
 margin: 30px auto 0;
}
#b_contents3 .b_main_btn_box p {
 display: block;
 margin: 0 auto;
 width: 600px;
 position: relative;
 text-align: center;
 font-size: 20px;
}
#b_contents3 .b_main_btn_box p:before {
 transform: rotate(-30deg);
 position: absolute;
 top: 3px;
 left: 0;
 content: '';
 display: block;
 height: 25px;
 width: 2px;
 background: #E89B43;
}
#b_contents3 .b_main_btn_box p:after {
 transform: rotate(30deg);
 position: absolute;
 top: 3px;
 right: 0;
 content: '';
 display: block;
 height: 25px;
 width: 2px;
 background: #E89B43;
}
#b_contents3 .b_main_btn_box a {
 display: block;
 margin: 0 auto;
 width: 600px;
 height: 60px;
 line-height: 60px;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 color: #ffffff;
 background: #E89B43;
 border-radius: 5px;
 margin-top: 10px;
 box-shadow: 0 0 2px gray;
}
#b_contents4 li {
 padding: 10px;
 margin: 10px;
 border: solid 2px #c4c4c4;
 border-radius: 8px;
}
#b_contents4 li label {
 background: url(/img/cardboard-icon_q.png) no-repeat;
 background-position: top 10px left 12px;
 background-size: 30px;
 font-size: 16px;
 font-weight: bold;
 color: #53392B;
 display: block;
 padding: 16px 0px 10px 50px;
}
#b_contents4 li label:hover {
 opacity: 0.8;
}
#b_contents4 li p {
 background: url(/img/cardboard-icon_a.png) no-repeat;
 background-position: top 10px left 12px;
 background-size: 28px;
 padding: 15px 15px 10px 50px;
}
/*#b_contents4表示・非表示*/
#b_contents4 {
 margin-top: 100px;
}
#b_contents4 .hidden_box, .hidden_box2 {
 margin: 15px 0;
 padding: 0;
}
#b_contents4 .hidden_box input {
 display: none;
}
#b_contents4 .hidden_box .hidden_show {
 height: 0;
 padding: 0;
 overflow: hidden;
 opacity: 0;
 transition: 0.8s;
}
#b_contents4 .hidden_box input:checked ~ .hidden_show {
 padding: 10px 0;
 height: auto;
 opacity: 1;
}
#b_contents4 .more_right {
 float: right;
}
#voice_box {
 margin-top: 100px;
}
#voice_box {
 margin-left: -25px;
}
#voice_box li h4 {
 line-height: 55px;
 height: 55px;
 width: 333px;
 margin-left: -15px;
 margin-top: -15px;
 padding-left: 70px;
 background: #FAF7EF;
}
#voice_box li h4:before {
 display: block;
 content: '';
 left: 23px;
 width: 40px;
 height: 40px;
 border: none;
 background-image: url(/img/common/icon-uservaice_user.png);
 background-size: contain;
 position: absolute;
 top: 5px;
}
#voice_box li .voice_staff:after {
 display: block;
 content: '';
 width: 50px;
 height: 50px;
 border: none;
 background-image: url(/img/common/icon-uservaice_responsible.png);
 background-size: contain;
 position: absolute;
 top: 30px;
 left: 15px;
}
#voice_box li .voice_response {
 background: #FFF7F7;
 margin: 20px 0 0 98px;
 padding: 10px;
 border-radius: 5px;
 position: relative;
}
#voice_box li .voice_response:before {
 content: "";
 display: block;
 width: 0;
 height: 0;
 border-right: 20px transparent solid;
 border-top: 17px #FFF7F7 solid;
 position: absolute;
 left: -9px;
 top: 20px;
 transform: translate(0, 0) rotate(-50deg);
}
#voice_box .voice_response {
 background: #FFF7F7;
 margin: 20px 0 0 98px;
 padding: 10px;
 border-radius: 5px;
 position: relative;
}
#voice_box #voice_box li .voice_staff:after {
 display: block;
 content: '';
 left: 13px;
 width: 50px;
 height: 50px;
 border: none;
 background-image: url(/img/common/icon-uservaice_responsible.png);
 background-size: contain;
 position: absolute;
 top: 20px;
}
#voice_box li {
 border: 1px #DBBD94 solid;
 border-radius: 5px;
 width: 374px;
 padding: 20px;
 margin: 0 0 25px 25px;
 float: left;
 height: 350px;
 overflow: hidden;
 position: relative;
}
#voice_box li .voice_name {
 background: #FAF7EF;
 position: relative;
 padding: 18px 0 19px 80px;
 width: 320px;
 margin: -15px 0 15px -15px;
}
#voice_box li .voice_name:before {
 display: block;
 content: '';
 left: 23px;
 width: 50px;
 height: 50px;
 border: none;
 background-image: url(/img/common/icon-uservaice_user.png);
 background-size: contain;
 position: absolute;
 top: 5px;
}
#voice_box li .voice_detail {
 font-size: 14px;
 margin-top: 15px;
 background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #ffff 50%, #ffff 50%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #7F592E 97%, #7F592E 100%);
 background-size: 8px 100%, 100% 2em;
 line-height: 2;
}
#voice_box li .voice_staff {
 position: relative;
 width: 90px;
 float: left;
 text-align: center;
 padding-top: 90px;
}
#voice_box .more_right {
 float: right;
}
/*more_link*/
#more_link {
 display: flex;
 justify-content: space-between;
 width: 1300px;
}
#consumer_btn {
 position: relative;
 display: block;
 border: solid 1px #c4c4c4;
 background: url(/img/2019-consumer.png) no-repeat;
 background-size: cover;
 width: 630px;
 height: 160px;
 font-weight: normal;
 text-align: center;
 margin: 30px 0;
}
#consumer_btn .btn_txt {
 color: #53392B;
 font-size: 30px;
 line-height: 26px;
 display: inline-block;
 background: rgba(255, 255, 255, .7);
 margin: 20px auto 0;
 text-align: center;
 padding: 15px 15px 0;
 border-radius: 5px;
}
#consumer_btn .btn_txt span {
 display: block;
 border-top: 1px #5c4232 solid;
 color: #53392B;
 font-size: 22px;
 width: 455px;
 margin: 10px auto 5px;
 padding: 10px 0 5px 0;
}
#consumer_btn .more_right {
 font-size: 16px;
 position: absolute;
 bottom: 5px;
 right: 10px;
 color: #159DD9;
 text-decoration: underline;
 padding: 5px 20px 5px 5px;
 border-radius: 5px;
}
#consumer_btn .more_right:after {
 top: 10px;
 right: 5px;
}
#corporation_btn {
 position: relative;
 display: block;
 border: solid 1px #c4c4c4;
 background: url(/img/corporation-top.jpg) no-repeat;
 background-size: cover;
 width: 630px;
 height: 160px;
 font-weight: normal;
 text-align: center;
 margin: 30px 0;
}
#corporation_btn .btn_txt {
 color: #53392B;
 font-size: 30px;
 line-height: 26px;
 display: inline-block;
 background: rgba(255, 255, 255, .7);
 margin: 20px auto 0;
 text-align: center;
 padding: 15px 15px 0;
 border-radius: 5px;
}
#corporation_btn .btn_txt span {
 display: block;
 border-top: 1px #5c4232 solid;
 color: #53392B;
 font-size: 22px;
 width: 455px;
 margin: 10px auto 5px;
 padding: 10px 0 5px 0;
}
#corporation_btn .more_right {
 font-size: 16px;
 position: absolute;
 bottom: 5px;
 right: 10px;
 color: #159DD9;
 text-decoration: underline;
 padding: 5px 20px 5px 5px;
 border-radius: 5px;
}
#corporation_btn .more_right:after {
 top: 10px;
 right: 5px;
}
#b_contents6 {
 margin-top: -100px;
 padding-top: 170px;
}
#videoBox div {
 float: left;
 width: 500px;
 margin: 30px 75px;
 min-height: 350px;
}
#videoBox div p {
 font-size: 16px;
 font-weight: bold;
 color: #53392B;
 margin: 10px 0 0 0;
}
#b_contents7 {
 background: #FAF7EF;
 position: relative;
 width: 1260px;
 padding: 20px 0 20px 40px;
 height: 90px;
 margin: 60px auto 0;
 text-align: center;
}
#b_contents7 h3 {
 margin-bottom: 10px;
 font-weight: bold;
}
#b_contents7:before {
 position: absolute;
 left: 0px;
 top: 0px;
 display: block;
 content: '';
 width: 268px;
 height: 100px;
 background-position: top -22px left 10px;
 background: url(/img/konpo-thinImg-tablet.png) no-repeat left 0px top -25px;
 background-size: 270px;
 height: 130px;
}
#b_contents7:after {
 position: absolute;
 right: 0px;
 top: 0px;
 display: block;
 background-repeat: no-repeat;
 content: '';
 width: 242px;
 background: url(/img/konpo-thinImg-cd.png) right -16px top -92px;
 background-size: 255px;
 height: 130px;
}
#b_contents7 {
 font-weight: bold;
 margin-bottom: 10px;
}
#b_contents8 {
 margin-top: 100px;
}
#b_contents8 h3 {
 margin-top: 0;
 font-weight: bold;
 margin-bottom: 10px;
}
#b_contents8 #tel a {
 color: #6B553E;
 font-size: 38px;
 font-weight: bold;
 display: inline-block;
 background: url(/img/beginner-contents8-1.png) no-repeat;
 background-size: 41px;
 background-position: top 23px left 0;
 padding: 25px 0px 10px 55px;
}
#b_contents8 #tel span, #m_contents #tel span {
 font-size: 25px;
 padding-left: 18px;
 font-weight: bold;
 color: #6B553E;
}
#b_contents8 #contact_form {
 width: 1300px;
 padding: 30px 0;
 background: #FAF7EF;
}
#b_contents8 #contact_form h3 {
 background: url(/img/inquiry-icon-mail.png) no-repeat;
 background-size: 34px;
 text-align: center;
 background-position: left 480px top 0;
 margin-bottom: 20px !important;
}
#b_contents8 .bold {
 margin-top: 20px;
 color: #DBBE84;
 font-size: 36px;
 font-weight: bold;
}
#m_contents .bold {
 color: #DBBE84;
 font-size: 36px;
 font-weight: bold;
}
#b_contents8 #inqBox ul {
 border-top: solid 1px #C4C4C4;
 border-left: solid 1px #C4C4C4;
 border-right: solid 1px #C4C4C4;
 background: #fff;
}
#b_contents8 #inqBox li {
 width: 1099px;
 height: 68px;
 border-bottom: solid 1px #C4C4C4;
}
#b_contents8 #soushinBtn {
 display: block;
 position: relative;
 margin: 20px auto 0;
 width: 400px;
 line-height: 40px;
 color: #fff;
 font-weight: bold;
 background: -moz-linear-gradient(top, #916941, #5A3D2B);
 background: -webkit-linear-gradient(top, #916941, #5A3D2B);
 background: linear-gradient(to bottom, #916941, #5A3D2B);
 height: 46px;
 border-radius: 8px;
 border: none;
 text-align: center;
}
div#inqBox {
 width: 1100px;
 margin: 0 auto;
}
#inqBox li:first-child {
 line-height: 50px;
}
#inqBox li:last-child {
 border-bottom: none;
}
#inqBox li textarea {
 width: 695px;
 height: 100px;
 border-radius: 5px;
 border: solid #C4C4C4 1px;
 margin: 15px;
}
#inqBox #textarea {
 height: 140px !important;
}
#inqBox #textarea p {
 line-height: 98px;
}
#inqBox li input {
 width: 420px;
 height: 30px;
 border-radius: 5px;
 border: solid #C4C4C4 1px;
 margin: 15px;
}
#inqBox li p {
 padding: 20px;
 float: left;
 width: 320px;
 background: #FAFAFA;
}
#inqBox li p span {
 background: #E23619;
 color: #fff;
 font-size: 14px;
 border-radius: 5px;
 padding: 3px 8px;
 margin-right: 10px;
}
/*　/beginner/=END
============================*/
/*mirapuri-technical.html
====================*/
#mt_contents #contents {
 margin: 0 auto;
 width: 1300px;
}
#mt_contents1, #mt_contents2 {
 margin: 50px 0 20px;
}
div#mt_contents2 h4 {
 margin-top: 35px;
}
#mt_contents #h1_box {
 background: #f8f5ec;
}
#mt_contents h1 {
 background-image: url(/img/mirapuri-techinical-logo.png);
 background-repeat: no-repeat;
 background-size: 55px;
 padding-left: 70px;
 margin: 30px 0 15px;
 padding-bottom: 5px;
 border-bottom: solid 2px #E4CEAF;
 font-size: 24px;
 color: #53392B;
 font-weight: bold;
}
#mt_contents h1 span {
 font-size: 14px;
 display: block;
}
#mt_contents h2 {
 background: #FAF7EF;
 border: none;
 font-size: 22px;
 padding: 10px;
 margin: 0 0 25px;
 color: #53392B;
 font-weight: bold;
 position: relative;
 line-height: 28px;
}
#mt_contents h3 {
 margin: 20px 0 0;
 font-weight: bold;
}
#mt_contents h4 {
 font-size: 18px;
 margin-top: 20px;
 padding-bottom: 10px;
}
#mt_contents .halfbox {
 float: left;
 margin-bottom: 50px;
 width: 625px;
 height: 325px;
}
#mt_contents .fullbox, #mt_contents .fullbox2 {
 margin-top: 70px;
}
#mt_contents p {
 margin-bottom: 30px;
}
#mt_contents .fullbox li {
 float: left;
 width: 400px;
}
#mt_contents .fullbox2 li {
 float: left;
 width: 625px;
}
#mt_contents .fullbox2 li p {
 text-align: center;
 margin: 10px 0;
}
#mt_contents .fullbox2 li img {
 margin: 0 auto;
 display: block;
}
#mt_contents .m_left {
 margin-left: 50px;
}
.halfbox + .halfbox {
 margin-left: 50px;
}
#mt_contents .halfbox img {
 float: left;
 margin-right: 25px;
}
#mt_contents .left {
 float: left;
 margin-right: 50px;
}
.reason1-2, .reason2-1 {
 margin-right: 45px;
}
/*mirapuri-technical.html=END
====================*/
/* mirapuri.html
====================*/
#m_contents h1 {
 font-size: 30px;
 text-align: center;
}
#m_contents h2 {
 padding: 5px 0px;
}
#m_contents2, #m_contents3, #m_contents4 {
 position: relative;
 margin: 50px 0;
}
#m_contents #r-movie {
 margin: 50px auto 40px;
 display: block;
}
#m_contents2 img {
 width: 180px;
 height: 180px;
 float: left;
 margin-right: 50px;
}
#m_contents2 h5 {
 margin: 10px 0 20px;
}
#m_contents2 li {
 margin: 40px 0;
}
#m_contents3 li {
 float: left;
 width: 600px;
 margin: 25px;
}
#m_contents3 img {
 width: 600px;
 margin: 15px 0;
}
#m_contents4 img {
 float: left;
 margin: 30px 50px 30px 0;
}
#m_contents4 h5 {
 margin-top: 30px;
}
#m_contents5 h5 {
 text-align: center;
 font-weight: bold;
 font-size: 20px;
 color: #53392B;
}
#m_contents5 li {
 float: left;
 width: 600px;
 margin: 15px;
 padding: 10px;
 height: 600px;
 position: relative;
}
#m_contents5 img {
 height: 300px;
 width: auto;
 display: block;
 margin: 30px auto;
}
div #mirapuristart {
 background-image: url(/img/mirapuri-banna01.jpg);
 background-repeat: no-repeat;
 width: 1300px;
 background-size: 1300px;
 height: 225px;
 margin-top: -46px;
 margin-bottom: 30px;
}
div #mirapuristart p {
 font-size: 18px;
 color: #52392b;
 padding: 202px 0 0 0;
}
div.okomari {
 width: 447px;
 height: 681px;
 border: 3px #686868 dotted;
 float: left;
 margin: 69px 40px 68px 34px;
}
img#okomariboy {
 position: relative;
 top: -61px;
 left: -9px;
}
div.h8 {
 margin-top: -60px;
}
div.h8 li {
 font-size: 18px;
 width: 321px;
 text-align: center;
 height: 70px;
 background: url(/img/m-top13.png) no-repeat;
 background-size: 316px;
 padding-top: 55px;
 margin-left: 62px;
}
div.mirapurinara {
 width: 289px;
 margin-top: 69px;
 margin-left: -6px;
 float: left;
}
span#shirushi img {
 margin-top: -40px;
}
a.A {
 display: inline-block;
 width: 171px;
 height: 34px;
 line-height: 34px;
 background: #FB8700;
 color: #fff;
 padding: 0 30px;
 border-radius: 8px;
 font-size: 16px;
}
a.A#aa {
 margin: -105px 0 0 777px;
}
a.A#aaa {
 margin: -105px 0 0 777px;
}
a.m_btn {
 position: absolute;
 bottom: 0;
 right: 0;
 float: right;
 display: block;
}
#mujihako {
 margin-left: 130px;
}
#r-movie {
 margin: 15px;
}
/*20200302追加*/
#possible1, #possible3, #possible5, #possible7 {
 width: 640px;
 height: 575px;
 float: left;
 margin-left: 15px;
}
#fulldown, #possible2, #possible4 {
 width: 630px;
 height: 575px;
 float: left;
 margin-right: 15px;
}
/* mirapuri.html=END
====================*/
/* お問い合わせ
====================*/
.contact h5 {
 float: left;
 height: 35px;
 margin-left: 30px;
 margin-top: 20px;
 font-size: 25px;
 font-weight: 500;
 padding: 20px 0 0 70px;
}
div.contact {
 width: 1092px;
 height: auto;
 border-color: #9d7249;
 border-style: solid;
 border-width: 2px;
 border-radius: 20px;
 margin: 0 0 40px 31px;
 padding: 10px;
}
.contact .phone {
 line-height: 0.5;
 background: url(/img/beginner-icon4.png) no-repeat;
}
.contact .tel {
 float: left;
}
.contact .tel p {
 clear: both;
 width: 330px !important;
 margin-bottom: 25px !important;
 padding-top: 5px !important;
 margin-left: 102px;
}
.contact #telBox {
 clear: both;
 float: left;
 width: 400px;
 margin: 0 0 20px 50px;
 padding: 10px;
 background: #fbf7ee !important;
}
.contact #NO a {
 font-size: 48px;
 font-weight: bold;
 text-decoration: none;
 color: #996c43;
}
.contact li {
 color: #4f392e;
 font-size: 16px;
 font-weight: bold;
}
.contact #staff {
 float: right;
 width: 403px;
 height: 315px;
 padding: 30px 70px 10px 0;
}
.mail {
 line-height: 0.1;
 background: url(/img/beginner-icon-mail.png) no-repeat;
}
.contact #mailBox p {
 width: 750px;
 float: left;
 padding: 5px 0 28px 105px;
}
.contact #mailBox p img {
 padding: 0;
 float: none;
}
.contact_box {
 margin: 35px 0;
 text-align: center;
 width: 625px;
 height: 120px;
 float: left;
 padding: 20px 0;
 background: #FAF7EF;
}
.contact_box + .contact_box {
 margin-left: 50px;
}
.inqBox {
 clear: both;
 background: #EADAC8;
 padding: 30px;
 margin: 35px 50px;
 width: 875px;
}
.inqBox form {
 width: 875px;
 margin: 0 50px;
}
.inqBox dl dt {
 float: left;
 width: 150px;
 padding: 10px 20px;
}
.inqBox em {
 color: #C00;
}
.inqBox dl dd input {
 width: 400px;
 font-size: 20px;
 margin-bottom: 20px;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
}
.inqBox dl dd textarea {
 width: 400px;
 font-size: 20px;
 margin-bottom: 20px;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
}
.inqBox #soushinBtn {
 margin: 0 175px;
 display: block;
}
.inqBox li {
 list-style-type: none;
 margin: 10px 140px;
}
.contact li {
 color: #4f392e;
 font-size: 16px;
 font-weight: bold;
}
/* 引越しコンテンツ
====================*/
#contents-h {
 width: 1300px;
 margin: 0 auto;
 position: relative;
 line-height: 1.7;
 background: #FFF;
}
#b-title h1 {
 width: 1260px;
 margin: 30px auto 10px;
 border-bottom: solid 2px #E4CEAF;
 font-size: 26px;
 color: #53392B;
 font-weight: bold;
 background: url(/img/common/icon-title_danboru2.svg) no-repeat;
 padding: 5px 0 5px 40px;
 background-repeat: no-repeat;
}
p.h-h3 {
 width: 1300px;
 margin: 0 auto;
}
#contents-h h2 {
 border-bottom: solid 2px #53392B;
 padding-bottom: 5px;
}
#contents-h h5 {
 height: 34px;
 margin: 20px 0px -60px 0px;
 padding: 42px 0 20px 80px;
 font-size: 25px;
 font-weight: bold;
 color: #52392b;
}
.h-caution ul h3 {
 color: #E23619;
}
h5#one {
 background: url(/img/beginner-hikkoshi7.png) no-repeat;
 background-size: 60px;
}
h5#two {
 background: url(/img/beginner-hikkoshi8.png) no-repeat;
 padding-left: 160px;
}
h5#three {
 background: url(/img/beginner-hikkoshi9.png) no-repeat;
 margin-bottom: -53px;
 padding: 57px 0 15px 284px;
}
.sentence2 {
 width: 643px;
 float: left;
 margin: 15px 0 0 55px;
 font-size: 14px;
}
.sentence2 h3 {
 font-weight: bold;
 margin-bottom: 10px;
}
.sentence2 p {
 margin-bottom: 50px;
}
p.sentence3 {
 margin: 50px 0 0 60px;
 font-size: 14px;
}
p.sentence4 {
 margin: 10px 0;
 font-size: 14px;
}
p.sentence5 {
 width: 650px;
 float: left;
 margin: 8px 0 44px 113px;
 font-size: 14px;
}
p.sentence span.goods {
 color: #E15D30;
 font-size: 18px;
 font-weight: bold;
}
p.sentence span {
 color: #3F210E;
 font-size: 18px;
 font-weight: 100;
 line-height: 43px;
}
p.sentence2 span {
 display: block;
 color: #3F210E;
 padding-bottom: 0px;
 font-size: 18px;
 font-weight: 100;
}
div#hikkoshiMenu {
 width: 1300px;
 height: auto;
}
#hikkoshiMenu li {
 width: 403px;
 height: 37px;
 margin: 5px;
 float: left;
 padding: 10px;
 border-radius: 5px;
 background: #FAF7EF;
}
#hikkoshiMenu a {
 color: #51392B;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
 display: block;
 line-height: 37px;
}
#hikkoshiMenu li span {
 display: block;
 width: 30px;
 height: 30px;
 border-radius: 50%;
 color: #fff;
 text-align: center;
 margin-right: 10px;
 background: #F6AC2B;
 float: left;
}
div.h-caution {
 height: auto;
 overflow: hidden;
}
div.h-caution2 {
 height: 534px;
 margin: -36px 10px 10px 100px;
 overflow: hidden;
 background: url(/img/beginner-hikkoshi10.png) no-repeat;
}
.h-caution2 p {
 width: 271px;
 float: left;
 margin: 109px 0 0 83px;
}
#contents-h .h-size_inner {
 margin-bottom: 100px;
 border-top: 1px dashed #8B7149;
}
#contents-h .h-size_inner h4 {
 background: none;
 font-size: 18px;
 padding: 0;
 font-weight: normal;
}
#contents-h .h-size_inner h5 {
 padding: 5px 10px;
 margin: 0 0 10px;
 height: auto;
 background: #FAF7EF;
 font-size: 16px;
}
#contents-h .h-size_inner li {
 width: 390px;
 min-height: 240px;
 float: left;
 padding: 10px;
 border: solid 3px #f4f4f4;
 position: relative;
}
#contents-h .h-size_inner li .more_right {
 position: absolute;
 right: 10px;
 bottom: 10px;
}
#contents-h .h-size_inner li + li {
 margin-left: 25px;
}
#contents-h .h-size_inner img {
 float: left;
 margin-right: 15px;
}
#contents-h .h-size_inner .button-brown {
 position: relative;
 display: block;
 margin: 30px auto 0;
}
.cf:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
p.photo {
 width: 572px;
 clear: both;
 margin: 22px 0 0 0;
}
p.photo2 {
 margin: 45px 0 0 0;
}
p.photo em {
 font-size: 18px;
 color: #51392B;
}
.photo2 {
 position: relative;
}
p#kaiketu {
 margin: 224px 0 0 0;
 width: 1133px;
 font-size: 23px;
 color: #51392B;
 font-weight: bold;
 text-align: center;
}
p#choose {
 font-size: 15px;
}
div.product {
 width: 380px;
 height: 380px;
}
.product em {
 font-size: 20px;
 width: 340px;
 line-height: 25px;
 display: block;
 margin: 20px 0 -36px 0px;
}
div.details {
 width: 875px;
 height: 455px;
 position: relative;
 float: left;
 margin: -386px 0 0 420px;
}
.details p {
 margin: 0px 0 4px 0px;
}
.details .item_name {
 font-size: 20px;
 display: block;
 margin: 0 0 5px;
}
.details li {
 width: 200px;
 height: 200px;
 float: left;
 margin: 0px 9px 0px;
 text-align: center;
 font-size: 14px;
}
.details li img {
 width: 200px;
 height: 200px;
 padding: 0 0 0 0;
}
.details span {
 display: block;
}
.details h6 {
 font-size: 20px;
 font-weight: normal;
 text-align: center;
 border-bottom: 1px solid #51392B;
 margin: 15px 0 10px 0;
}
p.button a {
 background: #53392B;
 border-radius: 5px;
 width: 242px;
 float: right;
 text-align: center;
 line-height: 47px;
 color: #FFF;
 text-decoration: none;
 font-weight: bold;
}
p.button a:hover {
 background-position: 0 -45px;
}
p.button {
 position: absolute;
 bottom: 0;
 right: 0;
}
p.button2 a:hover {
 background-position: 0 -58px;
}
p.button2 {
 margin-top: 10px;
 float: right;
}
p.button2 span {
 display: inline-block;
 transform: rotate(28deg);
 margin: 0 8px 0 3px;
}
.photo img {
 margin: 12px 0 38px 0 !important;
 float: left;
}
div.point {
 border-bottom: 1px dashed #8B7149;
 overflow: hidden;
 padding: 0 0 50px;
}
div#point {
 border: none;
}
div.point img {
 float: left;
}
#contents-h .point h5 {
 font-size: 20px;
 color: #51392B;
 font-weight: normal;
 background: none;
 padding: 20px 0;
 margin: 0;
}
#contents-h h2 {
 background: #FAF7EF;
 font-weight: bold;
 border: none;
 padding: 15px;
 margin: 35px 0 10px;
 font-size: 22px;
}
#contents-h h2 span {
 display: block;
 width: 30px;
 height: 28px;
 padding-top: 2px;
 font-weight: bold;
 position: relative;
 top: -4px;
 border-radius: 50%;
 color: #fff;
 text-align: center;
 margin-right: 10px;
 background: #F6AC2B;
 float: left;
}
#contents-h #h4-cont {
 border-top: 1px dashed #8B7149;
 margin: 0 0 20px;
 background: no-repeat;
 font-weight: normal;
 padding: 60px 0 40px 100px;
}
ul#konpo li {
 float: left;
 width: 224px;
 height: 214px;
 padding-left: 36px;
 text-align: center;
 font-size: 14px;
}
ul#konpo img {
 margin: 10px;
}
p.top {
 font-size: 14px;
 text-align: right;
 margin: -24px 34px 20px -1px;
}
p.photo2 span.price {
 position: absolute;
 right: 0;
 bottom: 7px;
 width: 195px;
 height: 30px;
 background: #FB8700;
 color: #fff;
 padding: 3px 6px 6px 10px;
 font-size: 20px;
 text-align: left;
}
.member {
 background: #fdfad9;
 width: 1035px;
 margin: 0 0 37px 85px;
 border: 1px #fdfad9 solid;
 border-radius: 20px;
}
h4.other {
 font-size: 30px;
 background: none;
 margin: -5px 0px -28px -39px;
}
.kakomi {
 background: #fff;
 border: 1px #fff solid;
 border-radius: 4px;
 float: left;
 width: 460px;
 margin: 0px 0 29px 24px;
 padding: 10px;
}
#contents p.otherP {
 width: 1000px;
 float: none;
 margin: 0px 0 32px 110px;
}
.member h5 {
 background: none;
 font-size: 24px;
}
.kakomi h6 {
 font-size: 22px;
 font-weight: normal;
 padding: 12px 0 0 17px;
}
.kakomi img {
 padding: 5px 0 28px 20px;
 float: left;
}
#contents .kakomi p {
 width: 415px;
 margin: -27px -19px 15px 0px;
}
.member a.F {
 background: url(/img/2018-beginner-button1.png) no-repeat;
}
.member a {
 display: block;
 width: 800px;
 height: 60px;
 margin: 0px 0 27px 132px;
 font-size: 25px;
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 line-height: 2.4;
 clear: both;
}
.member a:hover {
 background-position: 0px -60px;
}
/*202020303*/
.mira_box {
 width: 600px;
 float: left;
}
/* puradan.html
============================*/
#contents-p {
 width: 1300px;
}
#contents-p h1, #contents-h h1 {
 margin: 0 auto 10px;
 border-bottom: solid 2px #E4CEAF;
 font-size: 26px;
 color: #53392B;
 font-weight: bold;
 background: url(/img/common/icon-title_danboru2.svg) no-repeat;
 background-position: top 10px left 0px;
 padding: 5px 0 5px 40px;
 background-repeat: no-repeat;
}
#contents-p h2 {
 background: #FAF7EF;
 border: none;
 font-size: 22px;
 padding: 10px;
 margin: 0 0 25px;
 color: #53392B;
 font-weight: bold;
 position: relative;
 line-height: 28px;
}
#contents-p h3 {
 text-align: center;
 font-weight: bold;
 margin: 30px 0 10px;
}
#contents-p p {
 font-size: 16px;
}
#contents-p #b_contents8 {
 padding: 0;
}
#contents-p #faqBox {
 width: 1300px;
 margin-bottom: 50px;
}
#contents-p #faqBox li h3 {
 text-align: left;
 margin: 0;
}
#contents-p .contact_box h3 {
 margin: 5PX 0;
}
#contents-p #contact_form LI {
 height: 70PX;
 BORDER: SOLID 1PX #C4C4C4;
 background: #FFF;
}
#contents-p #contact_form {
 PADDING: 30PX;
 BACKGROUND: #FAF7EF;
}
#contents-p #contact_form #soushinBtn {
 position: relative;
 margin: 0 auto;
}
.p-tokutyou {
 display: flex;
}
.p-titlebox {
 background-image: url(/img/pura-h1.jpg);
 height: 160px;
}
.p-titlebox h1 {
 padding-top: 45px;
 font-size: 32px;
 font-weight: bold;
 color: #51382b;
 text-align: center;
 margin-top: 5px;
}
.p-titlebox p {
 color: #51382b;
 text-align: center;
}
.p-text {
 width: 860px;
}
.p-merit h4 {
 margin: 20px 0 10px;
 color: #5a4d43;
 background-image: url(/img/pura-check.jpg);
 background-position: top 3px left 14px;
 background-repeat: no-repeat;
 background-size: 22px;
 padding-left: 50px;
 font-size: 18px;
}
.p-merit p {
 padding-left: 50px;
}
.img_box {
 display: flex;
}
.p-syurui {
 margin-bottom: 30px;
}
.p-syurui h4 {
 background: #51382b;
 color: #fff;
 padding: 10px;
 font-size: 20px;
}
.p-syurui h5 {
 color: #51382b;
 margin-top: 20px;
 font-size: 18px;
 font-weight: bold;
}
.p-syurui li {
 font-size: 16px;
}
.p-syurui a {
 position: absolute;
 right: 15px;
 bottom: 15px;
 font-size: 16px;
 text-decoration: underline;
}
.p-syurui p {
 padding: 10px;
}
.p-syurui img {
 float: left;
 display: block;
 margin: 0 30px;
}
.p-syurui1 {
 position: relative;
 background: #fff;
 height: 295px;
 margin: 20px 0;
 border: solid 2px #efefef;
 box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}
.p-syurui2 {
 position: relative;
 background: #fff;
 height: 295px;
 margin: 20px 0;
 border: solid 2px #efefef;
 box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}
.p-syurui3 {
 position: relative;
 background: #fff;
 height: 295px;
 border: solid 2px #efefef;
 box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}
.btn {
 padding-right: 10px;
 text-align: right;
}
.btn a {
 font-size: 18px;
}
.toku1 {
 background-image: url(/img/pura-toku1.png);
 background-repeat: no-repeat;
 background-size: 420px;
 padding-top: 200px;
 width: 420px;
 margin: 0 10px 0 0;
 text-align: center;
}
.toku2 {
 background-image: url(/img/pura-toku2.png);
 background-repeat: no-repeat;
 background-size: 420px;
 padding-top: 200px;
 width: 420px;
 margin: 0 10px;
 text-align: center;
}
.toku3 {
 background-image: url(/img/pura-toku3.png);
 background-repeat: no-repeat;
 background-size: 420px;
 padding-top: 200px;
 width: 420px;
 margin: 0 0 0 10px;
 text-align: center;
}
.p-nagare li {
 width: 280px;
 margin: 0 20px 0 0px;
 font-size: 18px;
}
.p-nagare ul {
 background-repeat: no-repeat;
 background-size: 383px;
 width: 1190px;
 margin: 0 10px;
 display: flex;
}
.flow1 {
 background-image: url(/img/pura-flow1.jpg);
 background-repeat: no-repeat;
 background-size: 277px;
 padding-top: 180px;
}
.flow2 {
 background-image: url("/img/pura-flow2.jpg");
 background-repeat: no-repeat;
 background-size: 277px;
 padding-top: 180px;
}
.flow3 {
 background-image: url("/img/pura-flow3.jpg");
 background-repeat: no-repeat;
 background-size: 277px;
 padding-top: 180px;
}
.flow4 {
 background-image: url(/img/pura-flow4.jpg);
 background-repeat: no-repeat;
 background-size: 277px;
 padding-top: 180px;
}
.p-img {
 margin-left: 50px;
 margin-top: 54px;
}
.p-FAQ {
 width: 1190px;
}
.p-FAQ div {
 margin: 30px 0;
}
.p-FAQ h3 {
 background-image: url(/img/pura-Q.jpg);
 background-repeat: no-repeat;
 background-size: 28px;
 font-size: 18px;
 color: #51382b;
 padding-bottom: 8px;
 border-bottom: solid 2px #51382b;
 padding-left: 50px;
 font-weight: bold;
}
.p-FAQ p {
 margin-top: 8px;
 background-image: url(/img/pura-A.jpg);
 background-repeat: no-repeat;
 background-size: 28px;
 padding-left: 50px;
}
.p-tel {
 display: flex;
}
.p-tel p {
 background-image: url(/img/beginner-staff);
 margin-top: 30px;
 margin-left: 20px;
}
.inq a {
 font-size: 38px;
 text-decoration: none;
 color: #3A3A3A;
 background-image: url(/img/pura-tel.jpg);
 background-repeat: no-repeat;
 background-size: 38px;
 background-position: left 0 top 10px;
 padding-left: 50px;
}
.p-inqBox {
 width: 1100px;
}
.p-inqBox p {
 font-size: 18px;
}
.p-inqBox form {
 margin-top: 20px;
 width: 1100px;
 border-radius: 5px;
}
.p-inqBox em {
 color: #FF3300;
}
.inq span {
 color: #FF3300;
}
.p-inqBox dl dt {
 font-size: 16px;
 float: left;
 width: 225px;
 border-radius: 5px;
}
.p-inqBox dl dd input {
 width: 420px;
 border-radius: 5px;
 font-size: 16px;
 margin-bottom: 20px;
 border: 1px #666 solid;
 transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 padding: 0 0 0 10px;
 height: 35px;
}
.p-inqBox dl dd textarea {
 width: 800px;
 border-radius: 5px;
 font-size: 16px;
 margin-bottom: 20px;
 border: 1px #666 solid;
 transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 padding: 10px;
 height: 150px;
}
.p-inqBox li {
 font-size: 18px;
}
#product_details {
 margin: 0 0 70px 0;
}
#contents-p .detailBox h4 a {
 font-weight: bold;
 border-bottom: solid 2px #DBBD94;
 padding-bottom: 0px;
 display: block;
 position: relative;
 color: #53392B;
 font-size: 18px;
 line-height: 26px;
 margin: 30px 0 0 0;
}
#contents-p .detailBox a.more_right {
 display: block;
 position: absolute;
 bottom: 0px;
 right: 0px;
 float: right;
 padding-right: 20px;
 color: #159DD9;
 font-size: 15px;
}
#contents-p .product_box {
 position: relative;
 width: 410px;
 margin-top: 20px;
 float: left;
}
#contents-p .product_box .product_size {
 top: 146px;
}
#contents-p .product_box img {
 width: 187px;
}
#contents-p .product_box + .product_box {
 margin-left: 35px;
}
#contents-p .product_box div {
 float: right;
 width: 205px;
}
#contents-p #itemBlock h4 a {
 font-weight: bold;
 border-bottom: solid 2px #DBBD94;
 padding-bottom: 15px;
 display: block;
 position: relative;
 color: #53392B;
 font-size: 20px;
 line-height: 26px;
}
#contents-p h5 a {
 position: relative;
 color: #53392B;
 font-size: 14px;
 line-height: 24px;
}
#contents-p .product_box .more_right {
 padding-right: 16px;
 top: 170px;
 position: absolute;
 right: 10px;
 display: inline-block;
}
/*　puradan.html=END
============================*/
/* contents size-takuhai
====================*/
#t-contents h2 {
 background: #FAF7EF;
 border: none;
 font-size: 22px;
 margin-top: 40px;
 padding: 10px;
}
#t-contents #takuhai-h3 {
 margin: 0 0 15px;
 border-bottom: solid 2px #E4CEAF;
 font-size: 26px;
 color: #53392B;
 font-weight: bold;
 background: url(/img/beginner-takuhai-back.png) no-repeat;
 background-size: 33px;
 padding: 5px 0 5px 45px;
 background-repeat: no-repeat;
}
#t-contents h4 {
 margin: 15px 0 10px;
}
#t-contents #b_contents8 {
 padding: 0;
 margin: 0;
 background: none;
}
#t-contents #b_contents8 #tel a {
 background-position: top 32px left 0;
}
#t-contents #b_contents8 .bold {
 margin-top: -20px;
}
#b_contents8 .text-small {
 font-size: 16px;
 position: relative;
}
#b_contents8 #contact_form {
 width: 1250px;
 padding: 30px 0;
 background: #FAF7EF;
}
#contact_form h3 {
 background: url(/img/inquiry-icon-mail.png) no-repeat;
 background-size: 34px;
 background-position: left 480px top 0;
 margin-bottom: 20px !important;
}
#takuhai h4 {
 clear: both;
 width: 990px;
 height: 40px;
 background: none;
 margin: -23px 0 27px -46px;
 font-size: 30px;
}
#t-contents #inqBox ul, #m_contents #inqBox ul {
 border-top: solid 2px #ececec;
 border-left: solid 2px #ececec;
 border-right: solid 2px #ececec;
}
#t-contents #inqBox li, #m_contents #inqBox li {
 height: 65px;
 border-bottom: solid 2px #ececec;
 background: #fff;
}
div.contact {
 width: 1035px;
 height: auto;
 border-color: #9d7249;
 border-style: solid;
 border-width: 2px;
 border-radius: 20px;
 margin: 0 0 40px 80px;
 padding: 10px;
}
.sunpo #left {
 float: left;
 margin-right: 50px;
}
#takuhai .sunpo p {
 width: 440px;
 padding-top: 20px;
 padding-right: 36px;
 float: right;
 margin-bottom: 39px;
}
.sunpo span#right1 {
 font-weight: bold;
 display: block;
 font-size: 18px;
 margin: 10px 0 20px;
}
.sunpo span#right2 {
 display: block;
 font-weight: bold;
 margin-right: 55px;
 margin-top: 10px;
 font-size: 18px;
}
.sunpo span#comment {
 display: none;
 width: 440px !important;
 height: 115px;
 background: url(/img/beginner-comment.png) no-repeat;
 background-size: auto auto;
 background-size: 100%;
 text-align: center;
 line-height: 30px;
 padding: 45px 10px;
 float: right;
}
.sunpo #right3 {
 float: right;
 margin-right: 50px;
}
div#right3 a#phone img {
 margin: 0 0 0 -5px;
}
.sunpo a, .reason-takuhai a, .link-takuhai a {
 position: absolute;
 right: 10px;
 font-size: 18px;
 line-height: 1.4;
}
.reason-takuhai h3 {
 font-weight: bold;
 margin: 40px 0 10px;
}
.sunpo a.D {
 display: none;
 clear: both;
 background: url(/img/beginner-button4.png) no-repeat;
 background-size: auto auto;
 background-size: 100%;
 margin: 5px 40px;
}
div.sunpo a:hover, div.reason-takuhai a:hover, div.link-takuhai a:hover {
 background-position: 0px -60px;
}
.sunpo:after, .reason-takuhai:after, .link-takuhai:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.size table {
 border-collapse: separate;
 border-spacing: 10px;
 text-align: center;
 line-height: 1.1;
}
.size table th {
 color: #fff;
 font-size: 20px;
 font-weight: bold;
}
.size table th.title {
 width: 60px;
 background: #8C6D4B;
}
.size table a {
 font-size: 16px;
}
.size table .sagawa a {
 font-size: 20px;
 color: #fff;
}
.size table .yamato a {
 font-size: 20px;
 color: #fff;
}
.size table .jp a {
 font-size: 20px;
 color: #fff;
}
table th.sagawa, th .yamato, th .jp, th .earth {
 line-height: 55px;
 height: 60px;
}
table th.sagawa {
 background: #30448B;
}
table th.yamato {
 background: #279082;
}
table th.jp {
 background: #D74948;
}
table th.earth {
 background: #E19527;
}
.size table td {
 vertical-align: baseline;
}
table .title2 {
 margin-top: 20px;
 font-weight: bold;
}
table ul {
 text-align: left;
 margin: 200px 30px 20px;
}
table td.sagawa1 {
 background: url(/img/beginner-d-sagawa.png);
 background-repeat: no-repeat;
 background-position: 12px 65px;
}
table td.sagawa1, td.sagawa2 {
 width: 280px;
 background-color: #DCE1F4;
}
table td.yamato {
 width: 280px;
 background: url(/img/beginner-d-yamato.png);
 background-repeat: no-repeat;
 background-position: 12px 65px;
 background-color: #E0EFDA;
}
table td.jp1 {
 width: 280px;
 background: url(/img/beginner-d-post.png);
 background-repeat: no-repeat;
 background-position: 12px 65px;
}
table td.jp1, td.jp2 {
 background-color: #FCE0DF;
}
table td.earth {
 width: 345px;
 background: url(/img/beginner-d-muji.png);
 background-repeat: no-repeat;
 background-position: 12px 65px;
 background-color: #FDE7CF;
}
#container table .link1 a {
 display: block;
 text-align: center;
 margin-top: 10px;
}
#container table .link2 a {
 display: block;
 width: auto;
 height: 32px;
 font-size: 16px;
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 line-height: 2.2;
}
#container table .link2 a.A {
 background: url(/img/beginner-button1.png) no-repeat;
 background-size: 100%;
}
#container table .link2 a:hover {
 background-position: 0px -32px !important;
}
#t-contents .sunpo img {
 margin-right: 45px;
 float: left;
}
#reason2 {
 display: block;
 margin: 0 auto;
}
#takuhai .reason-takuhai p {
 width: 440px;
 padding-top: 30px;
}
.reason-takuhai a.B {
 background: url(/img/beginner-button2.png) no-repeat;
 background-size: 100%;
 margin: 40px 50px;
}
.link-takuhai h3 {
 clear: both;
 background: none;
 margin: 30px 0 5px;
 font-size: 18px;
 font-weight: bold;
}
.link-takuhai h6 {
 font-size: 18px;
 color: #52392B;
 font-weight: 500;
 margin: 20px 0;
 text-align: center;
}
.link-takuhai #search1, #search2, #order1, #order2 {
 position: relative;
 width: 630px;
 height: 340px;
 border-radius: 20px;
 margin-bottom: 50px;
}
.link-takuhai #search1, #search2 {
 background-color: #FFF7F7;
}
.link-takuhai #order1, #order2 {
 background-color: #E8ECF3;
}
.link-takuhai #search1, #order1 {
 float: left;
}
.link-takuhai #search2, #order2 {
 float: right;
}
.link-takuhai #beginner {
 background: #FFFFF7;
 padding: 15px;
 background-position: 20px 17px;
 border: solid 3px #FFFFF7;
 border-radius: 5px;
}
.link-takuhai #search1 img, #search2 img {
 width: auto;
 display: block;
 margin: 0 auto 20px;
 height: 120px;
}
.link-takuhai #search1 p, .link-takuhai #search2 p, .link-takuhai #order1 p, .link-takuhai #order2 p {
 padding: 10px 20px;
}
.link-takuhai #order1 img, .link-takuhai #order2 img {
 display: block;
 width: auto;
 height: 135px;
 margin: 0 auto;
}
.link-takuhai #beginner a {
 margin-top: -20px;
 line-height: 1.4;
}
.link-takuhai #order1 a.C {
 margin-top: 47px !important;
}
.link-takuhai a.F {
 background: url(/img/beginner-button6.png) no-repeat;
 background-size: 100%;
 margin: 35px 40px 40px 20px;
}
#beginner {}
#beginner h4 {
 background: url(/img/beginner-mark.png) no-repeat;
 background-size: 25px;
 padding: 5px 0 5px 35px;
 background-position: 2px 0px;
 margin: 5px 0;
}
#beginner p {
 padding-left: 35px;
}
.contact h5 {
 float: left;
 height: 35px;
 margin-left: 30px;
 margin-top: 20px;
 font-size: 25px;
 font-weight: 500;
 padding: 20px 0 0 70px;
}
.contact .phone {
 line-height: 0.5;
 background: url(/img/beginner-icon4.png) no-repeat;
}
.contact .tel {
 float: left;
}
.contact .tel p {
 clear: both;
 width: 330px !important;
 margin-bottom: 25px !important;
 padding-top: 5px !important;
}
.contact #telBox {
 clear: both;
 float: left;
 width: 400px;
 margin: 0 0 20px 50px;
 padding: 10px;
 background: #fbf7ee !important;
}
.contact #NO a {
 font-size: 48px;
 font-weight: bold;
 text-decoration: none;
 color: #996c43;
}
.contact li {
 color: #4f392e;
 font-size: 16px;
 font-weight: bold;
}
.contact #staff {
 float: right;
 width: 403px;
 height: 315px;
 padding: 30px 70px 10px 0;
}
.mail {
 line-height: 0.1;
 background: url(/img/beginner-icon-mail.png) no-repeat;
}
.contact #mailBox p {
 width: 750px;
 float: left;
 padding: 5px 0 0 105px;
}
.contact #mailBox p img {
 padding: 0;
 float: none;
}
/* contents size-takuhai=END
====================*/
#cate-flow {
 clear: both;
 margin: 30px 0px;
}
#cate-flow h5 {
 font-size: 18px;
 font-weight: bold;
 color: #6d563f;
 padding-bottom: 5px;
}
#cate-flow span {
 border-bottom: solid #fff 4px;
}
#cate-flow ul {
 margin: 10px 0px;
}
#cate-flow li {
 position: relative;
 border: solid #efefef;
 float: left;
 width: 269px;
 height: 200px;
 margin-right: 25px;
 margin-bottom: 30px;
 padding: 12px 12px 20px 12px;
 border-radius: 8px;
 text-align: center;
}
li.cate-flow-last:before {
 display: none;
}
#cate-flow li:before {
 content: "";
 position: absolute;
 top: 50%;
 left: 100%;
 margin-top: -15px;
 border: 15px solid transparent;
 border-left: 15px solid #efefef;
}
#cate-flow p {
 text-align: left;
 font-size: 15px;
 margin-top: 12px;
 color: #6d563f;
}
/*=============0117*/
/* 設備ページ本文
====================*/
#contents_s {
 width: 1300px;
 margin: 0 auto;
}
#contents_s h1 {
 position: relative;
 top: 65px;
}
#contents_s img {
 width: auto;
 height: auto;
}
#contents_s .pc_img img {
 display: inline-block; /*PC画像を表示する*/
}
#contents_s .sonota img {
 width: 390px;
}
#contents_s .sp_img img {
 display: none; /*スマホ画像は非表示にする*/
}
/* 設備タイトル見出し
====================*/
#contents_s .h1_title {
 background-image: url("/img/setubi_01.jpg");
 height: 150px;
}
#contents_s .h1_title span {
 display: block;
 font-weight: bold;
 color: #ffffff;
 -webkit-text-stroke: 2px #004bc0;
 text-stroke: 1px #004bc0;
 text-shadow: 1px 2px 3px #004bc0;
}
#contents_s .h1_01 {
 font-size: 100px;
 width: 200px;
 margin: 0px 0px 0px 50px;
 padding: 0px 0px 0px 0px;
}
#contents_s .h1_02 {
 position: relative;
 top: -64px;
 font-size: 45px;
 width: 250px;
 margin: 0px 0px 0px 255px;
 padding: 0px;
 line-height: 50px;
 text-align: left;
}
/* 設備タイトル見出し　ここまで
====================*/
/* プリンタスロッタタイトル　ここから
============================*/
#contents_s #setubimei {
 margin: 0px;
 height: 222px;
 background-color: #F2ECDB;
 background-image: url(/img/setubi_02.jpg);
 background-position: right;
 background-repeat: no-repeat;
 border-left: solid 10px #E5CFA6; /*左線（実線 太さ 色）*/
}
#contents_s #setubimei h2 {
 font-size: 27px;
 font-weight: normal;
 width: 219px;
 margin: 0px 0 0 40px;
 padding: 40px 90px 0 90px;
 border-bottom: solid 1px #53392B;
}
#contents_s .aikn02 {
 margin: 10px 0 0 125px;
 padding: 15px 20px 0px;
}
/* ボクサータイトル
============================*/
#contents_s #setubimei02 {
 margin: 0px;
 height: 222px;
 background-color: #F2ECDB;
 background-image: url(/img/setubi_14.jpg);
 background-position: right;
 background-repeat: no-repeat;
 border-left: solid 10px #E5CFA6; /*左線（実線 太さ 色）*/
}
#contents_s #setubimei02 h2 {
 font-size: 27px;
 color: #5A351E; /*文字色*/
 font-weight: normal;
 width: 219px;
 margin: 0px 0 0 40px;
 padding: 40px 90px 0 90px;
 border-bottom: solid 1px #53392B;
}
#contents_s .aikn {
 margin: 10px 0 0 173px;
 padding: 15px 20px 0px;
}
/* ミラプリタイトル
============================*/
#contents_s #setubimei03 {
 margin: 0px;
 height: 222px;
 background-color: #F2ECDB;
 background-image: url(/img/setubi_15.jpg);
 background-position: right;
 background-repeat: no-repeat;
 border-left: solid 10px #E5CFA6; /*左線（実線 太さ 色）*/
}
#contents_s #setubimei03 h2 {
 font-size: 27px;
 color: #5A351E; /*文字色*/
 font-weight: normal;
 width: 356px;
 margin: 0px 0 0 40px;
 padding: 40px 14px 0 14px;
 border-bottom: solid 1px #53392B;
}
#contents_s .aikn {
 margin: 10px 0 0 173px;
 padding: 15px 20px 0px;
}
/* タイトル　ここまで
============================*/
/* 設備画面本文内デザイン　ここから
============================*/
#contents_s .setumei {
 background-color: #FAF7EF;
 margin-bottom: 50px;
 padding: 40px 0px;
 overflow: hidden;
}
/* 設備画面本文内デザイン　ここまで
============================*/
/* 機械の紹介　ここから
============================*/
#contents_s .syoukai {
 width: 1200px;
 margin: 0 auto;
 padding: 0px;
 overflow: hidden;
}
#contents_s .syoukai h3 {
 margin: 0px 0px 10px 0px;
 margin-right: 20px;
 font-size: 19px;
 padding: 0px 5px; /*上下 左右の余白*/
 background: transparent; /*背景透明に*/
 border-left: solid 5px #53392B; /*左線*/
 border-bottom: dotted 1px #53392B;
 font-weight: normal;
 text-align: left;
}
#contents_s .syoukai-1 {
 width: 700px;
 float: left;
 margin: 0;
 padding: 0;
}
#contents_s .syoukai-1 li {
 vertical-align: top;
}
#contents_s .syoukai-1 p {
 font-size: 15px;
 font-weight: normal;
 padding: 0px 10px;
 text-align: left;
}
#contents_s .syoukai-2 {
 width: 226px;
 float: right;
 border-collapse: collapse;
 text-align: center
}
#contents_s .syoukai-2 td {
 padding: 0;
}
#contents_s .syoukai-2 p {
 margin-top: 0px;
 font-size: 12px;
 font-weight: normal;
}
#contents_s .syoukai-3 {
 width: 163px;
 float: right;
 border-collapse: collapse;
 text-align: center
}
#contents_s .syoukai-3 td {
 padding: 0;
}
#contents_s .syoukai-3 p {
 margin-top: 0px;
 font-size: 12px;
 color: #5A351E; /*文字色*/
 font-weight: normal;
}
#contents_s .syoukai-4 {
 width: 163px;
 float: right;
 border-collapse: collapse;
 text-align: center
}
#contents_s .syoukai-4 td {
 padding: 0;
}
#contents_s .syoukai-4 p {
 margin-top: 0px;
 font-size: 12px;
 color: #5A351E; /*文字色*/
 font-weight: normal;
}
td#contents_s .gazou01 {
 text-align: right;
}
/* 機械の紹介　ここまで
============================*/
/* ダンボールができるまで　ここから
============================*/
#contents_s .koutei {
 width: 1200px;
 margin: 0 auto;
 padding: 20px 45px 0px 45px;
 text-align: center;
}
#contents_s .koutei h3 {
 margin: 20px 0px 10px 0px;
 font-size: 19px;
 padding: 0px 5px; /*上下 左右の余白*/
 background: transparent; /*背景透明に*/
 border-left: solid 5px #53392B; /*左線*/
 border-bottom: dotted 1px #53392B;
 font-weight: normal;
 text-align: left;
}
#contents_s .koutei04 {
 margin-top: 15px;
}
#contents_s .koutei04 p {
 font-size: 15px;
 color: #5A351E;
 padding: 0px 10px;
}
#contents_s .koutei04 h4 {
 font-size: 20px;
 color: #E23619;
 margin: 0;
 padding: 0;
 font-weight: normal;
}
#contents_s .koutei04 img {
 margin: 0px 0px 25px 0px;
}
#contents_s .kouteirist {
 width: 1200px;
 height: 275px;
 background: #FFEEF1;
 margin: 0 auto;
}
#contents_s .kouteirist ol {
 padding: 0;
 margin: 0;
}
#contents_s .kouteirist li {
 width: 370px;
 height: 255px;
 padding: 0px;
 margin: 9px;
 display: inline-block;
 background: #ffffff;
}
#contents_s .kouteirist #contents_s .yaari:after {
 content: url(./img/setubi/201906_setubi_52.png);
 display: block;
 margin: -155px 0px 0px 320px;
}
#contents_s .kouteirist #contents_s .yaari02:after {
 content: url(./img/setubi/201906_setubi_52.png);
 display: block;
 margin: -155px 0px 0px 320px;
}
#contents_s .kouteirist #contents_s .yanasi:after {
 content: url(./img/setubi/201906_setubi_53.png);
 display: block;
 margin: -155px 0px 0px 320px;
}
#contents_s .kouteirist p {
 font-size: 15px;
 color: #5A351E;
 font-weight: normal;
 padding: 0px 15px;
 margin-top: 10px;
}
#contents_s .kouteirist h4 {
 font-size: 20px;
 color: #E23619;
 text-align: left;
 margin: 0;
 padding: 10px 0px 0px 10px;
 font-weight: normal;
}
/* ダンボールができるまで　ここまで
============================*/
/* アースダンボールでの役割　ここから
============================*/
#contents_s .yakuwari {
 width: 1200px;
 margin: 0 auto;
 padding: 0px;
 overflow: hidden;
}
#contents_s .yakuwari ul {
 font-size: 0;
 padding: 0px;
 display: inline-block;
}
#contents_s .yakuwari li {
 margin: 0 auto;
 display: inline-block;
 background: #ffffff; /*背景色*/
 height: 166px;
 vertical-align: top;
}
#contents_s .yali_01 {
 width: 785px;
}
#contents_s .yakuwari h3 {
 width: 280px;
 font-size: 23px;
 margin: 20px auto;
 font-weight: normal;
 padding: 2px 20px; /*文字周りの余白*/
 color: #5A351E; /*文字色*/
 background: #ffffff; /*背景色*/
 border-left: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
 border-right: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
}
#contents_s h3.dejitaru {
 text-align: center;
 margin: 30px auto 0;
}
#contents_s .yakuwari p {
 margin: auto;
 font-size: 15px;
 margin-top: 10px;
 padding: 0px; /*文字周りの余白*/
 color: #5A351E; /*文字色*/
 background: #ffffff; /*背景色*/
 text-align: center;
}
/* アースダンボールでの役割　ここまで
============================*/
/* スゴ技　ここから
============================*/
#contents_s .sugowaza {
 margin: auto;
 margin-top: 70px;
 background: #ffffff;
 border: dotted 1px #53392B; /*点線*/
 width: 1100px;
 height: 170px;
 background-image: url(/img/setubi_13.jpg);
 background-position: bottom 10px right 10px;
 background-repeat: no-repeat;
}
#contents_s .sugowaza h4 {
 font-size: 18px;
 color: #E23619;
 width: 320px;
 margin: 5px 0 0 29px;
 padding: 0px 0px 0 0px;
}
#contents_s .sugowaza p {
 font-size: 15px;
 color: #5A351E;
 width: 530px;
 margin: 2px 0 0 31px;
 padding: 0px 0px 0 0px;
 text-align: left;
}
#contents_s .aikn2 {
 margin: -50px 0 0 -11px;
}
#contents_s .sugowaza02 {
 margin: auto;
 margin-top: 70px;
 background: #ffffff;
 border: dotted 1px #53392B; /*点線*/
 width: 1048px;
}
#contents_s .sugowaza02 h4 {
 font-size: 18px;
 color: #E23619;
 width: 360px;
 margin: -5px 0 5px 350px;
 padding: 0px;
}
#contents_s .sugowaza02 p {
 font-size: 15px;
 color: #5A351E;
 width: 1000px;
 margin: 0px;
 padding: 5px 15px 25px 50px;
 text-align: center;
}
#contents_s .sugowaza03 {
 margin: auto;
 margin-top: 70px;
 background: #ffffff;
 border: dotted 1px #53392B; /*点線*/
 width: 1048px;
 height: 170px;
 background-image: url(/img/setubi_31.jpg);
 background-position: bottom -115px right -10px;
 background-repeat: no-repeat;
}
#contents_s .sugowaza03 h4 {
 font-size: 18px;
 color: #E23619;
 width: 360px;
 margin: 5px 0 0 40px;
 padding: 0px 0px 0 0px;
}
#contents_s .sugowaza03 p {
 font-size: 15px;
 color: #5A351E;
 width: 800px;
 margin: 2px 0 0 50px;
 padding: 0px 0px 0 0px;
 text-align: left;
}
/* スゴ技　ここまで
============================*/
#contents_s .moji02 p {
 width: 550px;
 font-size: 17px;
 margin: 30px 0px 30px 248px;
 font-weight: normal;
 padding: 2px 64px 0px 64px;
 border-left: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
 border-right: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
 text-align: center;
}
#contents_s .moji03 p {
 width: 803px;
 font-size: 17px;
 margin: 0px 25px 9px 143px;
 font-weight: normal;
 padding: 9px 36px;
 color: #5A351E; /*文字色*/
 background: #ffffff; /*背景色*/
 border-left: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
 border-right: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
 text-align: center;
}
/* その他製造設備　ここから
============================*/
#contents_s .sonota {
 width: 1300px;
 height: 400px;
}
#contents_s .sonota ul {
 list-style-type: none;
 padding: 0px;
 margin: 0px 0px 56px 0px;
}
#contents_s .sonota li {
 vertical-align: top;
 display: inline-block;
 width: 405px;
 height: 420px;
 background: #ffffff; /*背景色*/
 margin: 10px;
 border: dotted 1px #53392B; /*点線*/
 padding-top: 5px;
 text-align: center;
}
#contents_s .sonota h4 {
 font-size: 18px;
 color: #E23619;
 text-align: left;
 padding: 0px 0px 0px 20px;
 margin: 10px 0px 5px 0px;
}
#contents_s .sonota p {
 text-align: left;
 font-size: 15px;
 color: #5A351E;
 padding: 0px 20px;
}
/* その他製造設備　ここまで
============================*/
/* リンクボタン設定　ここから
============================*/
#contents_s .btn-border {
 display: inline-block;
 position: relative;
 float: right;
 color: #fff;
 font-weight: bold;
 text-align: center;
 background: -moz-linear-gradient(top, #916941, #5A3D2B);
 background: -webkit-linear-gradient(top, #916941, #5A3D2B);
 background: linear-gradient(to bottom, #916941, #5A3D2B);
 height: 41px;
 margin-top: 10px;
 width: 275px;
 line-height: 43px;
 border-radius: 8px;
}
/* リンクボタン設定　ここまで
============================*/
h3#contents_s .dejitaru {
 font-size: 25px;
 color: #5b3726;
 margin: 20px 20px 0 109px;
 padding: 15px 0px;
 width: 977px;
 text-align: center;
 letter-spacing: 3px;
}
/*#contents_s .under {
  background: linear-gradient(transparent 60%, #F6AC2B 40%);
}*/
#contents_s .irokae {
 color: #E23619;
}
/* consumer 
====================*/
#contents_c #contents {
 margin-top: 0;
 padding-top: 0;
}
#contents_c {
 width: 1300px;
 position: relative;
 line-height: 1.7;
 background: #FFF;
 margin: 0 auto;
}
#contents_c p {
 font-size: 16px;
}
#contents_c h1 {
 color: #53392B;
 font-size: 40px;
 background: url(/img/2019-consumer.png) no-repeat;
 width: 1300px;
 height: 185px;
 font-weight: normal;
 text-align: center;
 margin: 30px auto;
 background-size: 1300px;
}
#contents_c h1 span {
 display: block;
 border-bottom: 1px #5c4232 solid;
 font-size: 28px;
 width: 455px;
 margin: 0 auto 5px;
 padding: 20px 0 5px 0;
}
#contents_c p.con_title {
 margin: 25px auto 25px;
 font-size: 14px;
}
#contents_c h2 {
 font-size: 26px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 line-height: 35px;
 padding: 0;
 margin-bottom: 30px;
}
#contents_c .product {
 position: relative;
 border: 1px #e9e9e7 solid;
 width: 330px;
 height: 530px;
 padding: 40px 30px 20px;
 margin: 30px 20px;
 float: left;
}
#contents_c .product a {
 text-decoration: none;
}
#contents_c .product_set {
 border: 1px #e9e9e7 solid;
 width: 506px;
 height: 300px;
 padding: 26px;
 margin: 60px 30px 43px 0px;
 float: left;
}
#contents_c .product_set2 {
 position: relative;
 border: 1px #e9e9e7 solid;
 width: 566px;
 height: 315px;
 padding: 26px;
 margin: 60px 30px 43px 0px;
 float: left;
}
#contents_c .product_set a {
 text-decoration: none;
}
#contents_c .product_set2 a {
 text-decoration: none;
}
#contents_c h4 {
 font-size: 20px;
 font-weight: bold;
 color: #53392B;
 padding: 5px 10px;
 border-left: 10px solid #E4CEAF;
 margin-bottom: 20px;
}
#contents_c p.headline1 a {
 color: #666666;
 font-size: 18px;
 font-weight: normal;
 margin: 0 0 -48px 0;
 position: relative;
 top: -79px;
 width: 400px;
 display: block;
 left: -31px;
}
#contents_c p.headline1 img {
 margin-right: 10px;
}
#contents_c .product_set p.headline1 a {
 color: #333333;
 font-size: 21px;
 font-weight: normal;
 margin: 0 0 -47px 0;
 position: relative;
 top: -70px;
 width: 572px;
 display: block;
 left: -31px;
}
#contents_c .product_set2 p.headline1 a {
 color: #333333;
 font-size: 21px;
 font-weight: normal;
 margin: 0 0 -47px 0;
 position: relative;
 top: -70px;
 width: 572px;
 display: block;
 left: -31px;
}
#contents_c .product_set p.headline1 img {
 display: none;
}
#contents_c .product_set2 p.headline1 img {
 position: relative;
 top: 5px;
 left: -8px;
}
#contents_c p.inner_size {
 font-size: 16px;
 font-weight: bold;
 padding: 6px 0;
 color: #666;
}
#contents_c p.price {
 color: #E23619;
 font-size: 18px;
 float: right;
 font-weight: bold;
}
#contents_c p.number {
 background: #fff;
 border: 1px #53392B solid;
 display: block;
 font-size: 14px;
 border-radius: 5px;
 position: absolute;
 color: #53392B;
 width: 58px;
 height: 24px;
 text-align: center;
 top: 34px;
 left: 37px;
 font-weight: 700;
}
#contents_c p.service {
 margin: -62px 0 10px 0;
 position: relative;
 left: 10px;
 bottom: 10px;
}
#contents_c #moving div.product p.service {
 margin: -83px 0 10px 0;
}
#contents_c #moving p.service2 {
 position: absolute;
 top: 40px;
 left: 295px;
}
#contents_c h3 {
 color: #53392B;
 font-size: 23px;
 line-height: 1.5;
 font-weight: normal;
 background-color: #FAF7EF;
 padding: 5px 10px;
 margin: 35px 0 0 0;
}
#contents_c #set p.com_details {
 background: url(../img/2019-consumer_set.png) no-repeat;
 height: 132px;
 padding: 42px 0 0 260px;
 margin: 20px 0;
}
#contents_c #takuhai p.com_details {
 background: url(../img/2019-consumer_takuhai.png) no-repeat;
 height: 132px;
 padding: 42px 0 0 260px;
 margin: 20px 0;
}
#contents_c #takuhai100 p.com_details {
 background: url(../img/2019-consumer_takuhai.png) no-repeat;
 height: 132px;
 padding: 42px 0 0 260px;
 margin: 20px 0;
}
#contents_c #mail_s p.com_details {
 background: url(../img/2019-consumer_mail.png) no-repeat;
 height: 132px;
 padding: 42px 0 0 260px;
 margin: 20px 0;
}
#contents_c #yubin p.com_details {
 background: url(../img/2019-consumer_teikei.png) no-repeat;
 height: 132px;
 padding: 42px 0 0 260px;
 margin: 20px 0;
}
#contents_c #moving p.com_details {
 margin: 28px 0 60px 0;
}
#contents_c #storage p.com_details {
 margin: 28px 0 60px 0;
}
#contents_c p.transition {
 margin: 30px auto 0;
 width: 400px;
}
#contents_c p.transition a {
 display: inline-block;
 position: relative;
 color: #fff;
 text-align: center;
 background: -moz-linear-gradient(top, #916941, #5A3D2B);
 background: -webkit-linear-gradient(top, #916941, #5A3D2B);
 background: linear-gradient(to bottom, #916941, #5A3D2B);
 border: 1px solid #5D3F1C;
 width: 400px;
 padding: 10px 0;
 font-size: 16px;
 font-weight: bold;
 border-radius: 8px;
}
#contents_c .product a.syosai::before, #contents_c p.transition a::before {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 left: 90%;
 margin-top: -4px;
}
#contents_c ul.shipping_menu {
 display: flex;
 justify-content: space-between;
 width: 1300px;
 margin: 30px 0 70px;
}
#contents_c ul.shipping_menu a {
 display: inline-block;
 position: relative;
 color: #fff;
 font-weight: bold;
 text-align: center;
 background: -moz-linear-gradient(top, #916941, #5A3D2B);
 background: -webkit-linear-gradient(top, #916941, #5A3D2B);
 background: linear-gradient(to bottom, #916941, #5A3D2B);
 height: 47px;
 font-size: 18px;
 width: 300px;
 line-height: 48px;
 border-radius: 8px;
}
#contents_c ul.shipping_menu li a:hover, #contents_c p.transition a:hover, #contents_s .btn-border:hover, #contents_c ul#con_menu li a:hover, #contents_c .product_set2 a.syosai:hover, #contents_c .product a.syosai:hover {
 opacity: 0.8;
}
#contents_c ul.shipping_menu li a::before {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 left: 90%;
 margin-top: -4px;
}
#contents_c #con_menu {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 15px;
 margin-bottom: 50px;
}
#contents_c #con_menu li {
 position: relative;
}
#contents_c #con_menu img {
 position: absolute;
 top: 5px;
 left: 40px;
}
#contents_c #con_menu a {
 display: block;
 width: 505px;
 height: 56px;
 border: solid 1px #c4c4c4;
 border-radius: 5px;
 box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
 font-size: 20px;
 font-weight: bold;
 color: #53392B;
 padding: 24px 0 0 130px;
}
#contents_c #con_menu a::after {
 content: '';
 width: 15px;
 height: 15px;
 border: 0px;
 border-top: solid 2px #53392B;
 border-right: solid 2px #53392B;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 40%;
 right: 40px;
}
#contents_c .product_set ul {
 margin: -285px 0 0 307px;
}
#contents_c .product_set2 ul {
 position: absolute;
 right: 35px;
 top: 30px;
}
#contents_c .product_set ul li {
 background: url(../img/2019-check.png) no-repeat;
 padding: 8px 0 5px 47px;
 width: 158px;
 background-size: 29px;
 font-size: 15px;
 margin: 0 0 16px 0;
 color: #333;
}
#contents_c .product_set2 ul li {
 background: url(../img/2019-check.png) no-repeat;
 padding: 8px 0 5px 47px;
 width: 158px;
 background-size: 29px;
 font-size: 15px;
 margin: 0 0 16px 0;
 color: #333;
}
#contents_c .product_set p.price {
 color: #b12704;
 font-size: 15px;
 float: right;
 margin: -12px 0 0 0;
 width: 200px;
}
#contents_c .product_set2 p.price {
 color: #b12704;
 font-size: 16px;
 position: absolute;
 right: 35px;
 bottom: 72px;
 margin: -12px 0 0 0;
 width: 205px;
}
#contents_c .product_set a.syosai {
 text-align: right;
 display: block;
 font-size: 16px;
 text-decoration: underline;
 margin: 68px 0 0px 307px;
 background: #fff2e6;
 color: #e57423;
 width: 100px;
 padding: 6px 48px;
 border: 1px #e57423 solid;
 border-radius: 6px;
}
#contents_c .product_set2 a.syosai {
 display: inline-block;
 position: absolute;
 bottom: 26px;
 right: 33px;
 margin-left: 25px;
 padding: 5px 10px;
 font-size: 16px;
 width: 185px;
 color: #fff;
 text-align: center;
 background: transparent linear-gradient(180deg, #FFD750 0%, #FB8700 100%) 0% 0% no-repeat padding-box;
 border: 1px solid #D59416;
 border-radius: 5px;
 font-weight: bold;
}
#contents_c .product a.syosai {
 display: inline-block;
 position: absolute;
 bottom: 26px;
 padding: 5px 10px;
 font-size: 16px;
 width: 310px;
 color: #fff;
 text-align: center;
 background: transparent linear-gradient(180deg, #FFD750 0%, #FB8700 100%) 0% 0% no-repeat padding-box;
 border: 1px solid #D59416;
 border-radius: 5px;
 font-weight: bold;
}
#contents_c .product_set img.free {
 position: absolute;
}
#contents_c .product_set2 img.free {
 position: absolute;
 top: 30px;
 left: 280px;
}
/*0416追加*/
#contents_c .product + #contents_c .product {
 margin-left: 45px;
}
#contents_c .orderguide_Box {
 padding: 15px;
 border: solid 2px #c4c4c4;
 margin-bottom: 15px;
 border-radius: 5px;
}
#contents_c .orderguide_Box input {
 display: none;
}
/*バー部分*/
#contents_c .orderguide_Box label {
 cursor: pointer;
 display: block;
 text-decoration: none;
 color: #fff;
 line-height: 1;
 position: relative;
}
#contents_c .orderguide_Box h3 {
 font-size: 18px;
 margin: 0;
 color: #333;
 border: none;
 background-color: #fff;
}
#contents_c .orderguide_Box ul {
 margin: 0;
 padding: 0;
 list-style: none;
 margin-bottom: 1px;
}
#contents_c .orderguide_Box li {
 font-size: 16px
}
#contents_c .orderguide_Box a {
 font-size: 16px
}
#contents_c .orderguide_Box .title_h3 {
 background: #FAF7EF;
 font-size: 18px;
 padding: 3px 6px;
 color: #53392B;
 font-weight: 700;
 position: relative;
 line-height: 26px;
 border-bottom: none;
 margin: 30px 5px 20px 0;
}
#contents_c .alignC {
 text-align: center;
}
#contents_c .orderguide_Box .more_right {
 float: right;
 font-size: 18px;
 line-height: 22px;
}
#contents_c .orderguide_Box .orderguide_inner {
 height: 0;
 overflow-y: hidden;
 overflow-x: hidden;
 transition: padding-bottom 0.5s, padding-top 0.5s;
 -webkit-transition: padding-bottom 0.5s, padding-top 0.5s -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
 -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
 -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}
#menu_bar01:checked ~ #links01, #menu_bar02:checked ~ #links02, #menu_bar03:checked ~ #links03, #menu_bar04:checked ~ #links04, #menu_bar05:checked ~ #links05, #menu_bar06:checked ~ #links06 {
 height: auto;
}
#menu_bar01:checked ~ #links01:last-child, #menu_bar02:checked ~ #links02:last-child, #menu_bar03:checked ~ #links03:last-child, #menu_bar04:checked ~ #links04:last-child, #menu_bar05:checked ~ #links05:last-child, #menu_bar62:checked ~ #links06:last-child {
 margin-top: 10px;
 padding-top: 10px;
 border-top: solid 1px #c4c4c4;
}
#contents_c .orderguide_Box label:after {
 content: "";
 display: block;
 width: 8px;
 height: 8px;
 border-top: #333 2px solid;
 border-right: #333 2px solid;
 -webkit-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 transform: rotate(135deg);
 position: absolute;
 right: 1%;
 top: 0;
 bottom: 15%;
 margin: auto;
}
#contents_c .orderguide_Box input[type=checkbox]:checked + label:after {
 content: "";
 display: block;
 width: 8px;
 height: 8px;
 border-top: #333 2px solid;
 border-right: #333 2px solid;
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 position: absolute;
 right: 1%;
 top: 7%;
 bottom: 0;
 margin: auto;
}
#contents_c #links01 ul {
 margin: 15px 0;
}
#contents_c #links01 li {
 width: 130px;
 float: left;
 text-align: center;
 padding: 7px;
 font-size: 16px; 
 font-weight: bold;
 color: #53392B;
 background: #FAF7EF;
}
#contents_c #links01 li + li {
 margin-left: 15px;
}
#contents_c #links02 .table1 {
 margin: 15px 0;
 width: 1260px;
 border-left: 1px #ccc solid;
 border-right: 1px #ccc solid;
 font-size: 14px;
}
#contents_c #links02 .table1 .midasi th {
 background: #C4C4C4;
 border-right: 1px #fff solid;
}
#contents_c #links02 .table1 th {
 padding: 7px 16px;
 border-bottom: 1px #C4C4C4 solid;
 text-align: left;
}
#contents_c #links02 .table1 td {
 padding: 9px 15px;
 border-left: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
}
#contents_c #links02 .table1 li:last-child {
 border: none;
}
#contents_c #links02 .table1 .bottom {
 border-bottom: solid 1px #fff;
}
#contents_c #links03 ul {
 margin: 15px 0;
}
#contents_c #links03 li {
 position: relative;
 width: 260px;
 float: left;
 text-align: center;
 padding: 15px 15px 15px 30px;
 font-size: 18px;
 font-weight: bold;
 color: #53392B;
 background: #FAF7EF;
}
#contents_c #links03 .links03_1:before {
 position: absolute;
 top: 12px;
 left: 70px;
 background: url(/img/common/icon-title_net.svg);
 display: block;
 content: '';
 width: 30px;
 height: 30px;
}
#contents_c #links03 .links03_1:before {
 position: absolute;
 top: 10px;
 left: 80px;
 background: url(/img/common/icon-title_net.svg);
 background-size: 30px;
 display: block;
 content: '';
 width: 30px;
 height: 30px;
}
#contents_c #links03 .links03_2:before {
 position: absolute;
 top: 15px;
 left: 92px;
 background: url(/img/common/sm-navscroll-mail.png);
 background-size: 30px;
 display: block;
 content: '';
 width: 30px;
 height: 30px;
}
#contents_c #links03 .links03_3:before {
 position: absolute;
 top: 15px;
 left: 92px;
 background: url(/img/inquiry-icon-tel.png)no-repeat center;
 background-size: 30px;
 display: block;
 content: '';
 width: 30px;
 height: 30px;
}
#contents_c #links03 .links03_4:before {
 position: absolute;
 top: 15px;
 left: 100px;
 background: url(/img/inquiry-icon-fax.png);
 background-size: 30px;
 display: block;
 content: '';
 width: 30px;
 height: 30px;
}
#contents_c #links03 li + li {
 margin-left: 15px;
}
#contents_c #links03 h4 {
 border-top: dashed #ccc 2px;
 background: none;
 padding: 0;
 font-size: 16px;
 padding-top: 15px;
 margin: 20px 0 0;
}
#contents_c #links03 #cate-flow {
 margin: 15px 0 0;
}
#contents_c #links03 #cate-flow li {
 margin: 0;
 width: 270px;
 height: 230px;
 border: none;
 padding: 10px;
}
#contents_c #links03 #cate-flow li + li {
 margin-left: 33px;
}
#contents_c #links03 #cate-flow li:before {
 border-left: solid 15px #FAF7EF;
}
#contents_c #links_04Box {
 position: relative;
 width: 565px;
 height: 105px;
 display: block;
 margin: 20px auto 10px;
 background: #FAF7EF;
 padding: 15px;
}
#contents_c #links04 .lins_04_1 {
 display: block;
 font-size: 17px;
 color: #53392B;
 font-weight: bold;
 text-align: center;
 padding-bottom: 5px;
 border-bottom: solid 2px #E4CEAF;
}
#contents_c #links04 .lins_04_2 {
 position: absolute;
 right: 18px;
 bottom: 18px;
 font-size: 17px;
 font-weight: bold;
 color: #53392B;
 line-height: 23px;
}
#contents_c #links04 .lins_04_2 span {
 display: block;
 font-weight: bold;
}
#contents_c #links04 .lins_04_call {
 display: block;
 color: #53392B;
 font-size: 51px;
 font-weight: bold;
 padding-left: 60px;
 background: url(/img/inquiry-icon-tel.png)no-repeat center left 10px;
 background-size: 40px;
}
#contents_c #links05 li {
 float: left;
 padding-top: 100px;
 width: 300px;
 margin: 15px 0 20px;
}
#contents_c #links05 li + li {
 margin-left: 20px;
}
#contents_c #links05 li h4 {
 margin: 0 0 5px;
 padding: 0;
 font-size: 18px;
 background: none;
}
#contents_c #links05 .links05_1 {
 background: url(/img/cardboard-delivery_1.png)no-repeat center top 0;
 background-size: 290px;
}
#contents_c #links05 .links05_2 {
 background: url(/img/cardboard-delivery_2.png)no-repeat center top 0;
 background-size: 290px;
}
#contents_c #links05 .links05_3 {
 background: url(/img/cardboard-delivery_3.png)no-repeat center top 0;
 background: url(/img/cardboard-delivery_3.png)no-repeat center top 0;
 background-size: 290px;
}
#contents_c #links05 .links05_4 {
 background: url(/img/cardboard-delivery_6.png)no-repeat center top 0;
 background-size: 290px;
}
#contents_c #consumer_orderguide {
 margin-bottom: 100px;
}
#contents_c #consumer_orderguide .faq_link {
 float: right;
 text-decoration: underline;
}
#contents_c #corporation_btn {
 position: relative;
 display: block;
 border: solid 1px #c4c4c4;
 background: url(/img/corporation-top.jpg) no-repeat;
 background-size: cover;
 width: 1300px;
 height: 160px;
 font-weight: normal;
 text-align: center;
 margin: 30px auto;
}
#contents_c #corporation_btn .btn_txt {
 font-size: 32px;
 padding-top: 42px;
 padding-bottom: 20px;
 line-height: 26px;
 color: #53392B;
 display: inline-block;
 margin: 0;
}
#contents_c #corporation_btn .btn_txt span {
 display: block;
 border-top: 1px #5c4232 solid;
 font-size: 24px;
 width: 455px;
 margin: 15px auto 5px;
 padding: 15px 0 5px 0;
}
#contents_c #corporation_btn .more_right {
 font-size: 17px;
 position: absolute;
 bottom: 10px;
 right: 10px;
 color: #159DD9;
 text-decoration: underline;
 background: rgba(255, 255, 255, .9);
 padding: 5px 20px 5px 5px;
 border-radius: 5px;
}
#contents_c #corporation_btn .more_right:after {
 top: 10px;
 right: 5px;
}
#contents_c #useful .useful-box {
 display: flex;
 justify-content: space-between;
 gap: 30px;
 flex-wrap: wrap;
}
#contents_c #useful .useful-item {
 width: 635px;
 position: relative;
}
#contents_c #useful .useful-item strong {
 display: block;
 width: 565px;
 margin: 0 auto 10px;
 color: #F6AC2B;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 border: solid 2px #F6AC2B;
 background-color: #FFFFF7;
 border-radius: 8px;
 padding: 5px;
 margin-bottom: 15px;
 position: relative;
}
#contents_c #useful .useful-item strong::before {
 content: "";
 position: absolute;
 bottom: -18px;
 left: 49%;
 border: solid 8px transparent;
 border-top: solid 15px #FFFFF7;
 z-index: 2;
}
#contents_c #useful .useful-item strong::after {
 content: "";
 position: absolute;
 bottom: -23px;
 left: 49%;
 border: solid 8px transparent;
 border-top: solid 15px #F6AC2B;
 z-index: 1;
}
#contents_c #useful .useful-item .itembox {
 border: solid 1px #C4C4C4;
 padding: 30px;
 height: 250px;
}
#contents_c #useful .useful-item .itembox img {
 width: 250px;
 float: left;
}
#contents_c #useful .useful-item .itembox p {
 margin-left: 270px;
 color: #666;
 text-align: justify;
}
#contents_c #useful .useful-item .itembox .link-btn {
 position: absolute;
 bottom: 30px;
 right: 30px;
 padding: 5px 10px;
 font-size: 16px;
 width: 283px;
 color: #fff;
 text-align: center;
 background: transparent linear-gradient(180deg, #FFD750 0%, #FB8700 100%) 0% 0% no-repeat padding-box;
 border: 1px solid #D59416;
 border-radius: 5px;
 font-weight: bold;
}
#contents_c #useful .useful-item .itembox .link-btn::after {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 left: 90%;
 margin-top: -4px;
}
#contents_c #takuhai, #contents_c #takuhai100, #contents_c #mail_s, #contents_c #set, #contents_c #moving, #contents_c #storage, #contents_c #useful {
 margin-bottom: 70px;
}
#contents_c #mail_s .mail-item {
 margin-bottom: 50px;
}
/* #contents_f
============================*/
#contents_f {
 width: 1300px;
 margin: 0 auto;
}
#contents_f h1 {
 margin: 0 0 15px;
 border-bottom: solid 2px #E4CEAF;
 font-size: 24px;
 background: url(/img/common/icon-title_danboru2.svg) no-repeat;
 padding: 5px 0 5px 40px;
}
#contents_f #contents_f_title {
 position: relative;
 height: 150px;
 background: #FAF7EF;
 padding: 10px;
}
#contents_f #contents_f_title img {
 position: absolute;
 right: 50px;
 top: 10px;
 ;
}
#contents_f #contents_f_title h2 {
 border: none;
 font-size: 22px;
 line-height: 50px;
 padding: 0 0 0 40px;
 margin: 0;
 height: 165px;
}
#contents_f #contents_f_title h2 span {
 font-weight: bold;
 background: linear-gradient(transparent 60%, #ff6 60%);
}
#contents_f #contents_f_box {
 position: relative;
 width: 1200px;
 height: 1070px;
 margin: 50px auto 0;
}
#contents_f #contents_f_box img {
 width: 330px;
 height: auto;
}
#contents_f #contents_f_box #column {
 width: 1155px;
 position: absolute;
 bottom: 0;
 padding: 15px;
 background: #EAF3D6;
 border: dashed #45AC41 2px;
 border-radius: 10px;
}
#contents_f #contents_f_box #column h5 {
 color: #53392B;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 10px;
}
#contents_f .contents_f_box {
 position: relative;
 width: 750px;
 margin-bottom: 80px;
}
#contents_f .contents_f_box h3 {
 font-weight: bold;
 font-size: 18px;
 margin-bottom: 15px;
}
#contents_f .contents_f_box p span, #contents_f .product_box li span {
 background: #FFEEF1;
}
#contents_f #contents_f_box .f2 {
 position: absolute;
 top: 10px;
 right: 0;
}
#contents_f #contents_f_box .f3 {
 position: absolute;
 right: 0;
 top: 210px;
}
#contents_f #contents_f_box .f4 {
 position: absolute;
 right: 0;
 top: 400px;
}
#contents_f #contents_f_box .f5 {
 position: absolute;
 right: 0;
 top: 650px;
}
#contents_f_item {
 width: 1200px;
 position: relative;
 margin-top: 10px;
 margin: 100px auto 0;
}
#contents_f_item h3 {
 width: 1185px;
 position: absolute;
 top: -45px;
 padding: 5px;
 background: #FAF7EF;
 /* border-bottom: solid 2px #E4CEAF; */
 margin-bottom: 10px;
 font-weight: bold;
}
#contents_f .product_box {
 width: 352px;
 background: #fff;
 border: solid 2px #DBBD94;
 border-radius: 10px;
 padding: 15px;
}
#contents_f .product_box + .product_box {
 margin-left: 20px;
}
#contents_f .product_box div {
 float: left;
 width: 190px;
}
#contents_f .product_box img {
 width: 130px;
 float: right;
}
#contents_f .product_box h3 {
 font-size: 14px;
 font-weight: bold;
 width: auto;
 padding: 0;
}
#contents_f .product_box h5 {
 position: absolute;
 left: 0;
 top: -50px;
 color: #53392B;
 font-weight: bold;
}
#contents_f .product_text {
 width: auto;
 height: auto;
}
#contents_f .product_title {
 font-size: 17px;
 font-weight: bold;
 line-height: 25px;
}
#contents_f .product_title.mail-t {
 color: #CC0000;
}
#contents_f .product_title.s_size_t {
 color: #45AC41;
}
#contents_f .product_title.b_size_t {
 color: #7152C6;
}
#contents_f .product_p {
 color: #53392B;
 line-height: 20px;
}
#contents_f .more_right {
 position: absolute;
 left: 115px;
}
/*== #mirapuri_contents  ==*/
#mirapuri_contents {
 width: 1300px;
 margin: 30px auto;
}
#mirapuri_contents h1 {
 color: #000000;
}
#mirapuri_contents h2 {
 padding: 0;
 text-align: center;
 color: #000;
 border: none;
 font-size: 32px;
 line-height: 52px;
 font-weight: bold;
}
#mirapuri_contents h2 span {
 padding-bottom: 5px;
 border-bottom: solid 5px #E6811D;
 font-weight: bold;
}
#mirapuri_contents #mirapuri-contents_appeal {
 display: block;
 width: 685px;
 margin: 0 auto 55px;
 position: relative;
 height: 51px;
 text-align: center;
 box-sizing: border-box;
}
#mirapuri_contents #mirapuri-contents_appeal:before { /*左側のリボン端*/
 content: '';
 position: absolute;
 width: 10px;
 bottom: -20px;
 left: -35px;
 z-index: -2;
 border: 20px solid #FFB127;
 border-left-color: transparent; /*山形に切り抜き*/
}
#mirapuri_contents #mirapuri-contents_appeal:after { /*右側のリボン端*/
 content: '';
 position: absolute;
 width: 10px;
 bottom: -20px;
 right: -35px;
 z-index: -2;
 border: 20px solid #FFB127;
 border-right-color: transparent; /*山形に切り抜き*/
}
#mirapuri_contents #mirapuri-contents_appeal span {
 display: inline-block;
 position: relative;
 margin: 0;
 padding: 5px 20px;
 line-height: 45px;
 font-size: 28px;
 color: #FFF;
 background: #E6811D;
}
#mirapuri_contents #mirapuri-contents_appeal span:before {
 position: absolute;
 content: '';
 top: 100%;
 left: 0;
 border: none;
 border-bottom: solid 10px transparent;
 border-right: solid 15px #D1721C; /*左の折り返し部分*/
}
#mirapuri_contents #mirapuri-contents_appeal span:after {
 position: absolute;
 content: '';
 top: 100%;
 right: 0;
 border: none;
 border-bottom: solid 10px transparent;
 border-left: solid 15px #D1721C; /*右の折り返し部分*/
}
#mirapuri_contents #mirapuri-top {
 background: #FEF7E9;
 padding: 30px 0 80px 30px;
 position: relative;
}
#mirapuri_contents #mirapuri-top .mirapuri-title {
 position: relative;
 font-size: 50px;
 height: 435px;
 line-height: 110px;
 padding-right: 570px;
}
#mirapuri_contents #mirapuri-top .mirapuri-title:after {
 display: block;
 content: '';
 width: 600px;
 height: 490px;
 z-index: 10;
 position: absolute;
 right: 25px;
 top: -33px;
 background: url(/img/beginner-mirapuri-top1.png)no-repeat top 0 right 0;
}
#mirapuri_contents #mirapuri-top .mirapuri-title span {
 font-weight: bold;
}
#mirapuri_contents #mirapuri-top .mirapuri-title .logo {
 display: block;
 padding-left: 285px;
 margin: -123px 0 0 0;
}
#mirapuri_contents #mirapuri-top .mirapuri-title .under_line {
 font-size: 82px;
 background: url(/img/beginner-mirapuri-topline.png)no-repeat left 0 bottom 0;
}
#mirapuri_contents #mirapuri-top .mirapuri-top-box-appeal {
 background: linear-gradient(to right, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0));
 width: 480px;
 height: 253px;
 padding: 10px 20px 0;
 position: absolute;
 z-index: 2;
}
#mirapuri_contents #mirapuri-top .mirapuri-top-box-appeal li {
 padding-left: 70px;
 width: 540px;
 background: url(/img/beginner-mirapuri-top8.png)no-repeat left 0 top 5px;
 font-size: 30px;
 float: none !important;
 height: 50px !important;
 color: #000;
 font-weight: bold;
 text-shadow:
  3px 0 0 white, 0 3px 0 white, -3px 0 0 white, 0 -3px 0 white
}
#mirapuri_contents #mirapuri-top .mirapuri-top-box-appeal .mirapuri-top-box-appeal3 {
 top: 10px;
 background-position: top -5px left 0;
}
#mirapuri_contents #mirapuri-top .mirapuri-top-box-appeal .mirapuri-top-box-appeal3 span {
 font-size: 52px;
}
#mirapuri_contents #mirapuri-top .mirapuri-top-box-appeal li span {
 position: relative;
 top: 0px;
 width: auto;
 height: auto;
 background: none;
 padding: 0px 0px 0px 20px;
 color: #D5381C;
 font-size: 60px;
 height: 49px;
}
#mirapuri_contents #mirapuri-top ul {
 margin-left: -30px;
}
#mirapuri_contents #mirapuri-top ul li {
 width: 260px;
 height: 260px;
 position: relative;
 float: left;
}
#mirapuri_contents #mirapuri-top ul li span {
 color: #fff;
 font-size: 28px;
 font-weight: bold;
 line-height: 30px;
 padding-top: 20px;
 width: 97px;
 height: 77px;
 text-align: center;
 position: absolute;
 top: -8px;
 left: -8px;
 background: url(/img/beginner-mirapuri-top2.png)no-repeat center;
}
#mirapuri_contents #mirapuri-top-btn {
 width: 1300px;
 position: absolute;
 bottom: -30px;
}
#mirapuri_contents #mirapuri-top-btn .btn, #mirapuri_contents #mirapuri-contents-more .btn {
 position: relative;
 z-index: 2;
 overflow: hidden;
 display: block;
 width: 600px;
 margin: 0 auto;
 font-size: 20px;
 font-weight: bold;
 line-height: 60px;
 height: 60px;
 color: #E6811D;
 text-align: center;
 text-decoration: none;
 outline: none;
 border: 3px #E6811D solid;
 background: #fff;
}
#mirapuri_contents #mirapuri-top-btn .btn span {
 font-size: 22px;
 position: absolute;
 right: 150px;
}
#mirapuri_contents #mirapuri-top-btn .btn::after, #mirapuri_contents #mirapuri-contents-more .btn::after {
 position: absolute;
 z-index: -1;
 display: block;
 content: '';
}
#mirapuri_contents #mirapuri-top-btn .btn, #mirapuri_contents #mirapuri-top-btn .btn::after, #mirapuri_contents #mirapuri-contents-more .btn, #mirapuri-contents-more .btn::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
#mirapuri_contents #mirapuri-top-btn .link:hover .btn, #mirapuri_contents #mirapuri-contents-more .link:hover .btn {
 color: #fff;
}
#mirapuri_contents #mirapuri-top-btn .btn::after, #mirapuri_contents #mirapuri-contents-more .btn::after {
 top: 0;
 left: -100%;
 width: 100%;
 height: 100%;
}
#mirapuri_contents #mirapuri-top-btn .link:hover .btn::after, #mirapuri_contents #mirapuri-contents-more .link:hover .btn::after {
 left: 0;
 background-color: #E6811D;
}
#mirapuri_contents #mirapuri-top h1 {
 position: relative;
 font-size: 43px;
 top: 255px;
 left: 58px;
}
#mirapuri_contents #mirapuri-top h1 .logo {
 position: relative;
 padding-left: 235px;
 top: 2px;
 background: url(/img/beginner-mirapuri-logo.png)no-repeat left 13px top 0px;
 background-size: 211px;
}
#mirapuri_contents #mirapuri-contents1 {
 width: 1300px;
 margin-top: 280px;
}
#flexo_print .flexo_course {
 border: 2px #F5F5F5 solid;
 width: 604px;
 float: left;
 margin: 0px 0px 90px 22px;
 padding: 20px 10px;
}
#flexo_print h3 {
 font-size: 20px;
 line-height: 1.5;
 font-weight: bold;
 text-align: center;
}
#flexo_print img {
 position: relative;
 width: 225px;
 display: block;
 left: 5px;
}
#flexo_print p {
 font-size: 16px;
}
#flexo_print .flexo_collar1, .flexo_collar2 {
 height: 180px;
}
#flexo_print .flexo_explanation {
 width: 320px;
 position: relative;
 left: 265px;
 bottom: 143px;
}
#flexo_print .flexo_print_explanation {
 height: 223px;
}
#flexo_print em {
 background: #E89B43;
 width: 77px;
 height: 60px;
 border-radius: 60px;
 display: block;
 position: relative;
 top: -185px;
 right: -170px;
 color: #fff;
 font-weight: bold;
 text-align: center;
 padding: 14px 0 0 0;
 border: #fff 2px solid;
}
#flexo_print em span {
 display: block;
 font-size: 11px;
 font-weight: bold;
 margin: -4px 0;
}
#flexo_print .feature_box {
 background: #F5F5F5;
 height: 148px;
}
#flexo_print .feature_box li {}
#flexo_print .osusume_ul li span {
 color: #E89B43;
 font-weight: bold;
 font-size: 20px;
}
#flexo_print .feature_box ul {
 position: relative;
 right: -29px;
 top: 9px;
 float: left;
}
#flexo_print .feature_box h4 {
 font-size: 20px;
 font-weight: bold;
 padding: 0px 0 3px 0;
 color: #E6811D;
 width: 200px;
}
.flexo_printe_xplanation p {
 float: left;
}
#digital_print .digital_course {
 border: 2px #F5F5F5 solid;
 width: 1240px;
 margin: 0 auto;
 padding: 20px 10px;
}
#digital_print h3 {
 font-size: 20px;
 line-height: 1.5;
 font-weight: bold;
 text-align: center;
}
#digital_print img {
 position: relative;
 width: 344px;
 display: block;
 top: 16px;
}
#digital_print p {
 font-size: 16px;
}
#digital_print .digital_collar {
 position: relative;
 left: 10px;
 bottom: 21px;
}
#digital_print .digital_explanation {
 width: 790px;
 position: relative;
 left: 415px;
 bottom: 225px;
}
#digital_print .explanation {}
#digital_print em {
 background: #E89B43;
 width: 95px;
 height: 74px;
 border-radius: 60px;
 display: block;
 position: absolute;
 top: 25px;
 right: 855px;
 color: #fff;
 font-weight: bold;
 text-align: center;
 padding: 20px 0px 0 0;
 border: #fff 2px solid;
}
#digital_print em span {
 display: block;
 font-size: 11px;
 font-weight: bold;
 margin: -4px 0;
}
#digital_print .feature_box {
 background: #F5F5F5;
 height: 195px;
}
#digital_print .feature_box li {
 font-size: 16px;
}
#digital_print .osusume_ul li span {
 color: #E89B43;
 font-weight: bold;
 font-size: 20px;
}
#digital_print .feature_box ul {
 float: left;
 margin: 20px 110px 0 0;
 position: relative;
 right: -140px;
}
#digital_print .feature_box h4 {
 font-size: 25px;
 font-weight: bold;
 padding: 0px 0 15px 0;
 color: #E6811D;
 width: 250px;
}
#digital_print .digital_print_explanation {
 height: 278px;
}
/*== slideアニメ ==*/
#mirapuri_contents #mirapuri-contents1 .loopSlide {
 position: relative;
 display: flex;
 flex-flow: row nowrap;
 width: 1300px;
 overflow: hidden;
}
#mirapuri_contents #mirapuri-contents1 .loopSlide ul {
 padding: 0;
 display: flex;
 flex-shrink: 0;
}
#mirapuri_contents #mirapuri-contents1 .loopSlide ul:first-child {
 animation: slide1 60s -30s linear infinite;
}
#mirapuri_contents #mirapuri-contents1 .loopSlide ul:last-child {
 animation: slide2 60s linear infinite;
}
#mirapuri_contents #mirapuri-contents1 .loopSlide ul li {
 display: inline-block;
 list-style: none;
 text-align: center;
}
#mirapuri_contents #mirapuri-contents1 .loopSlide ul li img {
 display: block;
 width: 270px;
}
@keyframes slide1 {
 0% {
  transform: translateX(100%);
 }
 to {
  transform: translateX(-100%);
 }
}
@keyframes slide2 {
 0% {
  transform: translateX(0);
 }
 to {
  transform: translateX(-200%);
 }
}
#mirapuri_contents #mirapuri-contents2 {
 padding-top: 120px;
}
#mirapuri_contents #mirapuri-contents2 h2 .logo, #mirapuri_contents #mirapuri-contents4 h2 .logo, #mirapuri_contents #mirapuri-contents5 h2 .logo, #mirapuri_contents #mirapuri-contents6 h2 .logo, #mirapuri_contents #mirapuri-contents7 h2 .logo {
 padding-left: 190px;
 background: url(/img/beginner-mirapuri-logo.png)no-repeat left 13px top 0px;
 background-size: 170px;
}
#mirapuri_contents #mirapuri-contents2 .mirapuri-contents2-Box {
 padding: 40px;
 min-height: 340px;
 position: relative;
 background: #FAFAFA;
}
#mirapuri_contents #mirapuri-contents2 .mirapuri-contents2-Box:after {
 background: url(/img/beginner-mirapuri-contents2-1.png)no-repeat;
 content: '';
 display: block;
 width: 831px;
 height: 398px;
 position: absolute;
 right: 0;
 top: 0;
}
#mirapuri_contents #mirapuri-contents2 .mirapuri-contents2-Box h3 {
 font-size: 26px;
 color: #000;
 font-weight: bold;
 line-height: 50px;
 margin-bottom: 20px;
}
#mirapuri_contents #mirapuri-contents2 .mirapuri-contents2-Box p {
 width: 440px;
 font-size: 18px;
 line-height: 36px;
}
#mirapuri-contents3 {
 margin-top: 120px;
}
#mirapuri-contents3 .logo {
 background: url(/img/beginner-mirapuri-logo.png)no-repeat left 13px top 16px;
 display: inline-block;
 padding-bottom: 5px;
 content: '';
 border: none;
 background-size: 180px;
 width: 200px;
 height: 45px;
}
#mirapuri-contents3 .mirapuri-contents3-Box {
 width: 940px;
 min-height: 540px;
 margin: 0 auto;
 padding: 30px;
 background: #FEF7E9;
 position: relative;
}
#mirapuri-contents3 .mirapuri-contents3-Box:before {
 position: absolute;
 display: block;
 content: '';
 width: 940px;
 height: 540px;
 margin: 0 auto;
 background: url(/img/beginner-mirapuri-contents3-3.png)no-repeat center;
 z-index: 2;
}
#mirapuri-contents3 .mirapuri-contents3-Box h3 {
 font-size: 24px;
 font-weight: bold;
 color: #000;
 text-align: center;
 padding-bottom: 360px;
}
#mirapuri-contents3 .mirapuri-contents3-Box p {
 color: #666666;
 font-size: 16px;
 line-height: 25px;
}
#mirapuri-contents3 .mirapuri-contents3-Box .mirapuri-contents3-Box_l {
 float: left;
 width: 420px;
 height: 500px;
}
#mirapuri-contents3 .mirapuri-contents3-Box .mirapuri-contents3-Box_l h3 {
 line-height: 60px;
 height: 60px;
 background: url(/img/beginner-mirapuri-contents3-1.png)no-repeat center top 65px;
}
#mirapuri-contents3 .mirapuri-contents3-Box .mirapuri-contents3-Box_l h4 {
 color: #333;
 width: 230px;
 text-align: center;
 margin: -80px auto 20px;
 font-weight: bold;
 font-size: 42px;
}
#mirapuri-contents3 .mirapuri-contents3-Box .mirapuri-contents3-Box_l h4 span {
 font-weight: bold;
 font-size: 54px;
 margin-right: 5px;
}
#mirapuri-contents3 .mirapuri-contents3-Box .mirapuri-contents3-Box_l h4 .dis {
 font-size: 20px;
 display: block;
 margin-bottom: 15px;
 font-weight: normal;
}
#mirapuri-contents3 .mirapuri-contents3-Box .mirapuri-contents3-Box_r {
 float: right;
 width: 420px;
 height: 500px;
}
#mirapuri-contents3 .mirapuri-contents3-Box .mirapuri-contents3-Box_r h3 {
 background: url(/img/beginner-mirapuri-contents3-2.png)no-repeat center top 65px;
}
#mirapuri-contents3 .mirapuri-contents3-Box .mirapuri-contents3-Box_r h4 {
 width: 180px;
 text-align: center;
 line-height: 95px;
 display: block;
 margin: -100px auto 0px;
 font-size: 75px;
 color: #D5381C;
 font-weight: bold;
}
#mirapuri-contents3 .mirapuri-contents3-Box .mirapuri-contents3-Box_r h4 span {
 font-size: 125px;
 margin-right: 10px;
 font-weight: bold;
}
#mirapuri-contents4 {
 scroll-behavior: smooth;
 margin-top: 120px;
}
#mirapuri-contents4-p {
 font-size: 18px;
 text-align: center;
 padding: 10px 0;
}
#mirapuri-contents4 #mirapuri-contents4-tool {
 background: #f4f4f4;
}
#mirapuri-contents4-tool iframe {
 width: 1300px;
 height: 1000px;
}
#mirapuri-contents4 h3 {
 font-size: 28px;
 text-align: center;
 font-weight: bold;
 margin-top: 100px;
 color: #E6811D;
}
#mirapuri-contents4 ul {
 background: url(/img/beginner-mirapuri-contents4back.png)no-repeat;
 width: 1000px;
 height: 265px;
 margin: 25px auto 0;
}
#mirapuri-contents4 li {
 float: left;
 width: 333px;
 color: #666666;
 padding: 25px 0 150px;
 font-size: 18px;
 text-align: center;
}
#mirapuri-contents4 li span {
 display: block;
 color: #F08414;
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 15px;
}
#mirapuri-contents4 .mirapuri-contents4-1 .step1 {
 background: url(/img/beginner-mirapuri-contents4-2.png)no-repeat center top 130px;
}
#mirapuri-contents4 .mirapuri-contents4-1 .step2 {
 background: url(/img/beginner-mirapuri-contents4-3.png)no-repeat top 130px left 130px;
 font-size: 17px;
 padding-left: 40px;
 width: 293px;
}
#mirapuri-contents4 .mirapuri-contents4-1 .step3 {
 background: url(/img/beginner-mirapuri-contents4-4.png)no-repeat center top 130px;
}
#mirapuri-contents4 .mirapuri-contents4-2 .step1 {
 background: url(/img/beginner-mirapuri-contents4-5.png)no-repeat center top 130px;
}
#mirapuri-contents4 .mirapuri-contents4-2 .step2 {
 background: url(/img/beginner-mirapuri-contents4-6.png)no-repeat top 130px left 130px;
 font-size: 17px;
 padding-left: 40px;
 width: 293px;
}
#mirapuri-contents4 .mirapuri-contents4-2 .step3 {
 background: url(/img/beginner-mirapuri-contents4-4.png)no-repeat center top 130px;
}
.link_jirei {
 font-size: 18px;
 display: block;
 text-align: right;
 margin: 10px 0 0 0;
 position: relative;
 padding: 0 20px 0px 0;
}
.link_jirei:after {
 display: block;
 content: '';
 position: absolute;
 top: 6px;
 right: 0;
 margin: auto;
 width: 15px;
 height: 15px;
 background-image: url(/img/common/icon-arrow_blue_xs.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 -webkit-transform: translate(0, 0) rotate(0deg);
 transform: translate(0, 0) rotate(0deg);
 border: none;
}
/*よくあるご質問(#faqBox)
===============================*/
#mirapuri-contents5 {
 margin-top: 120px;
}
#faqBox {
 width: 1000px;
 margin: 30px auto 0;
}
#faqBox h3 {
 color: #666;
 background: none;
}
#faqBox li {
 padding: 5px;
 margin: 10px;
 border: solid 2px #ececec;
 border-radius: 8px;
}
#faqBox li label {
 background: url(/img/beginner-mirapuri-contents5-1.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-position: top 10px left 10px;
 background-size: 28px;
 padding: 10px 10px 5px 50px;
 height: 0;
 overflow: hidden;
 opacity: 0;
 transition: 0.8s;
}
#faqBox .sentence {
 margin-top: 10px;
}
#faqBox .sentence {
 font-size: 16px;
 color: #666;
}
#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;
}
#mirapuri-contents6 {
 width: 1000px;
 margin: 120px auto 0;
}
#mirapuri-contents6 li {
 margin-top: 30px;
 background: url(/img/common/icon-uservaice_user.png)no-repeat left 20px top 50px;
 background-size: 55px;
 width: 900px;
 padding-left: 100px;
}
#mirapuri-contents6 li h3 {
 padding-left: 20px;
 margin-bottom: 5px;
}
#mirapuri-contents6 p {
 background: url(/img/beginner-mirapuri-contents6-1.png)no-repeat;
 width: 840px;
 height: 80px;
 padding: 20px 20px 20px 42px;
 font-size: 16px;
}
#mirapuri-contents7 {
 margin-top: 120px;
}
#mirapuri-contents7 ul {
 margin-left: -15px;
}
#mirapuri-contents7 li {
 position: relative;
 float: left;
 margin: 0 0 15px 104px;
 background: #F7F7F7;
 width: 343px;
 height: 300px;
 padding: 18px 20px 20px 190px;
}
#mirapuri-contents7 li .title {
 color: #F08414;
 font-size: 21px;
 font-weight: bold;
 padding-bottom: 5px;
 margin-bottom: 5px;
 border-bottom: solid 2px #C4C4C4;
}
#mirapuri-contents7 li h3 {
 color: #333333;
 font-size: 20px;
 margin-bottom: 15px;
}
#mirapuri-contents7 li p {
 font-size: 16px;
 line-height: 28px;
 color: #666;
}
#mirapuri-contents7 li .price {
 position: absolute;
 bottom: 20px;
}
#mirapuri-contents7 li .price span {
 color: #F08414;
 position: absolute;
 font-size: 28px;
 font-weight: bold;
 right: -175px;
 bottom: 0px;
}
#mirapuri-contents7 .mirapuri-contents7-1:before {
 display: block;
 content: '';
 background: url(/img/mirapuri-contents7-1.png)no-repeat;
 width: 340px;
 height: 340px;
 background-size: 340px;
 position: absolute;
 left: -136px;
 top: 0px;
}
#mirapuri-contents7 .mirapuri-contents7-2:before {
 display: block;
 content: '';
 background: url(/img/mirapuri-contents7-2.png)no-repeat;
 width: 380px;
 height: 380px;
 background-size: 380px;
 position: absolute;
 left: -130px;
 top: -20px;
}
#mirapuri-contents7 .mirapuri-contents7-3:before {
 display: block;
 content: '';
 background: url(/img/mirapuri-contents7-3.png)no-repeat;
 width: 340px;
 height: 340px;
 background-size: 340px;
 position: absolute;
 left: -150px;
 top: -5px;
}
#mirapuri-contents7 .mirapuri-contents7-4:before {
 display: block;
 content: '';
 background: url(/img/mirapuri-contents7-4.png)no-repeat;
 width: 350px;
 height: 350px;
 background-size: 350px;
 position: absolute;
 left: -135px;
 top: -12px;
}
#mirapuri-contents-more {
 margin: 100PX 0 90px 0px;
}
#mirapuri-contents-more p {
 text-align: center;
 margin: 0 auto;
 position: relative;
 width: 600PX;
 font-size: 20PX;
 font-weight: bold;
 margin-bottom: 5PX;
}
#mirapuri-contents-more p:BEFORE {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 border-left: solid 3PX #F08414;
 transform: rotate(-30deg);
 display: block;
 width: 3PX;
 height: 25PX;
}
#mirapuri-contents-more p:AFTER {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 border-left: solid 3PX #F08414;
 transform: rotate(30deg);
 display: block;
 width: 3PX;
 height: 25PX;
}
#mirapuri-contents8 {
 background: #F08414;
 padding: 30px 0 50px;
 margin-top: 100px;
}
#mirapuri-contents8 .mirapuri-contents8-Box {
 width: 1000px;
 margin: 0 auto;
}
#mirapuri-contents8 h2 {
 color: #fff !important;
}
#mirapuri-contents8 .mirapuri-contents8-Box p {
 font-size: 16px;
 color: #fff;
 line-height: 28px;
}
#mirapuri-contents8 .mirapuri-contents8-Box .mirapuri-contents8-Box-l {
 width: 480px;
 float: left;
}
#mirapuri-contents8 .mirapuri-contents8-Box .mirapuri-contents8-Box-l a, #mirapuri-contents8 .mirapuri-contents8-Box .mirapuri-contents8-Box-r a {
 background: #fff;
 color: #F08414;
 text-align: center;
 width: 480px;
 height: 50px;
 line-height: 50px;
 display: block;
 border-radius: 50px;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 20px;
}
#mirapuri-contents8 .mirapuri-contents8-Box .mirapuri-contents8-Box-r {
 width: 480px;
 float: right;
}
/*法人利用の方へ
==========================================================*/
#corp-contents {
 width: 1300px;
 margin: 0 auto 50px;
}
#corp-contents p {
 font-size: 16px;
}
#corp-contents h2 {
 font-size: 26px;
 color: #53392B;
 font-weight: bold;
 text-align: center;
 background: #FAF7EF;
 padding: 10px 0;
 border: none;
}
/*corp-contents-top*/
#corp-contents-top {
 background: url(/img/corporation-top.jpg) no-repeat;
 background-position: top;
 margin: 0 auto 50px;
}
#corp-contents-top h1 {
 font-size: 40px;
 color: #53392B;
 font-weight: bold;
 text-align: center;
 padding: 80px 0;
}
#corp-contents-top p {
 margin-top: 30px;
}
/*corp-menu1*/
#corp-menu1 {
 margin-bottom: 80px;
}
#corp-menu1 li {
 padding: 10px;
 margin: 10px;
 border: solid 1px #c4c4c4;
 border-radius: 8px;
}
#corp-menu1 li h3 {
 font-size: 20px;
 font-weight: bold;
 color: #53392B;
}
#corp-menu1 li label {
 display: block;
 padding: 15px 20px 10px 20px;
 position: relative;
}
#corp-menu1 li label:hover {
 opacity: 0.8;
}
#corp-menu1 li label::before {
 content: '';
 width: 8px;
 height: 8px;
 border: 0px;
 border-bottom: solid 2px #53392B;
 border-right: solid 2px #53392B;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 40%;
 right: 20px;
}
#corp-menu1 li p {
 padding: 5px 0;
}
#corp-menu1 li h4 {
 display: block;
 font-size: 16px;
 font-weight: bold;
 color: #333;
 padding-top: 20px;
}
/*表示・非表示*/
#corp-menu1 .hidden_box, .hidden_box2 {
 margin: 15px 0;
 padding: 0;
}
#corp-menu1 .hidden_box input {
 display: none;
}
#corp-menu1 .hidden_show img {
 padding-left: 20px;
}
#corp-menu1 .hidden_box .hidden_show {
 height: 0;
 width: 1260px;
 margin: 0 auto 5px;
 overflow: hidden;
 opacity: 0;
 transition: 0.8s;
}
#corp-menu1 .hidden_box input:checked ~ .hidden_show {
 height: auto;
 opacity: 1;
}
/*corp-menu2*/
#corp-menu2 ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 15px;
}
#corp-menu2 li {
 position: relative;
}
#corp-menu2 a {
 display: block;
 width: 320px;
 height: 50px;
 border: solid 1px #c4c4c4;
 border-radius: 5px;
 box-shadow: 1px 1px 2px rgb(0, 0, 0, 0.1);
 font-size: 20px;
 font-weight: bold;
 color: #53392B;
 padding: 30px 0 0 100px;
}
#corp-menu2 ul h3 {
 padding: 28px 0 0 100px;
}
#corp-menu2 img {
 position: absolute;
 top: 5px;
 left: 17px;
}
#corp-menu2 a::after {
 content: '';
 width: 15px;
 height: 15px;
 border: 0px;
 border-top: solid 2px #53392B;
 border-right: solid 2px #53392B;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 40%;
 right: 20px;
}
/*corp-contents-item*/
#corp-contents-item {
 margin-bottom: 200px;
}
#corp-contents-item h3 {
 font-size: 26px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 line-height: 35px;
}
#corp-contents-item .contents-txt {
 margin: 30px 0 50px;
}
#corp-contents-item .item-box {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 15px;
 width: 1300px;
}
#corp-contents-item .item-info {
 width: 640px;
 height: 340px;
 border: solid 1px #c4c4c4;
 position: relative;
}
#corp-contents-item .item-info img {
 position: absolute;
 top: 20px;
 left: 20px;
 width: 300px;
 height: 300px;
}
#corp-contents-item .product_id {
 position: absolute;
 top: 25px;
 left: 25px;
 border: solid 1px #53392B;
 border-radius: 5px;
 display: block;
 font-size: 14px;
 font-weight: bold;
 color: #53392B;
 text-align: center;
 padding: 4px 8px;
}
#corp-contents-item .info-right {
 width: 280px;
 height: 300px;
 margin: 20px 20px 20px 340px;
 position: relative;
}
#corp-contents-item .info-right h4 {
 font-size: 18px;
 color: #159DD9;
 margin-bottom: 10px;
}
#corp-contents-item .info-right .size {
 color: #666;
}
#corp-contents-item .info-right .icon-box {
 display: flex;
 margin: 10px 0;
}
#corp-contents-item .icon-box .takuhai-size, .teimen-size, .postage, .mail-size, .konpou-item {
 padding: 4px 10px 2px;
 border-radius: 5px;
 color: #fff;
 margin-right: 5px;
}
#corp-contents-item .icon-box span {
 font-size: 20px;
 font-weight: bold;
 margin-left: 2px;
}
#corp-contents-item .icon-box .size50 {
 background: #80AF19;
}
#corp-contents-item .icon-box .size60 {
 background: #45AC41;
}
#corp-contents-item .icon-box .size80 {
 background: #159DD9;
}
#corp-contents-item .icon-box .size100 {
 background: #2878D6;
}
#corp-contents-item .icon-box .size120 {
 background: #7152C6;
}
#corp-contents-item .icon-box .teimen-size, .konpou-item {
 background: #898989;
}
#corp-contents-item .icon-box .postage {
 background: #E23619;
}
#corp-contents-item .icon-box .mail-size {
 background: #CC0000;
}
#corp-contents-item .icon-box .size170over{
 background: #E2A317;
}
#corp-contents-item .text {
 min-height: 100px;
 font-size: 15px;
}
#corp-contents-item .tanka {
 color: #E23619;
 font-size: 20px;
 font-weight: bold;
 position: absolute;
 bottom: 50px;
}
#corp-contents-item .more-item {
 display: inline-block;
 font-size: 16px;
 font-weight: bold;
 width: 280px;
 color: #fff;
 text-align: center;
 background: transparent linear-gradient(180deg, #FFD750 0%, #FB8700 100%) 0% 0% no-repeat padding-box;
 border: 1px solid #D59416;
 border-radius: 5px;
 padding: 5px 0;
 position: absolute;
 bottom: 0;
 left: 0;
}
#corp-contents-item .more-item::after {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 right: 20px;
 margin-top: -4px;
}
#corp-contents-item .more-button {
 margin: 30px auto 0;
 width: 400px;
}
#corp-contents-item .button-brown {
 padding: 10px 0;
 width: 400px;
}
/*corp-contents1*/
#corp-contents1 {
 margin: -20px auto;
 padding-top: 120px;
}
#corp-contents1 .contents-txt {
 width: 850px;
}
#corp-contents1 .koukoku-box {
 float: right;
 margin-top: 10px;
}
/*corp-contents2*/
#corp-contents2 {
 margin: 80px auto 0;
 padding-top: 120px;
}
/*corp-contents3*/
#corp-contents3 {
 margin: 80px auto 0;
 padding-top: 120px;
}
#takuhai-link {
 margin-top: 30px;
}
#takuhai-link ul {
 display: flex;
 flex-wrap: wrap;
 gap: 20px 30px;
 margin-top: 10px;
 width: 1300px;
}
#takuhai-link a {
 display: block;
 width: 270px;
 border: solid 1px #c4c4c4;
 border-radius: 5px;
 font-size: 15px;
 font-weight: bold;
 color: #53392B;
 text-align: center;
 position: relative;
 padding: 5px 0 5px 30px;
 box-shadow: 1px 1px 2px rgb(0, 0, 0, 0.1);
}
#takuhai-link a::after {
 content: '';
 width: 8px;
 height: 8px;
 border: 0px;
 border-top: solid 2px #53392B;
 border-right: solid 2px #53392B;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 40%;
 right: 20px;
}
#takuhai-link .link-size60::before {
 content: '';
 background: url(/img/top_takuha_d.png) no-repeat;
 display: inline-block;
 width: 50px;
 height: 50px;
 background-size: auto 15px;
 background-position: center;
 position: absolute;
 left: 20px;
 transform: scale(-1, 1);
}
#takuhai-link .link-size80::before {
 content: '';
 background: url(/img/top_takuha_d.png) no-repeat;
 display: inline-block;
 width: 50px;
 height: 50px;
 background-size: auto 20px;
 background-position: center;
 position: absolute;
 left: 20px;
 transform: scale(-1, 1);
}
#takuhai-link .link-size100::before {
 content: '';
 background: url(/img/top_takuha_d.png) no-repeat;
 display: inline-block;
 width: 50px;
 height: 50px;
 background-size: auto 25px;
 background-position: center;
 position: absolute;
 left: 20px;
 transform: scale(-1, 1);
}
#takuhai-link .link-size120::before {
 content: '';
 background: url(/img/top_takuha_d.png) no-repeat;
 display: inline-block;
 width: 50px;
 height: 50px;
 background-size: auto 30px;
 background-position: center;
 position: absolute;
 left: 20px;
 transform: scale(-1, 1);
}
#takuhai-link .link-size140::before {
 content: '';
 background: url(/img/top_takuha_d.png) no-repeat;
 display: inline-block;
 width: 50px;
 height: 50px;
 background-size: auto 35px;
 background-position: center;
 position: absolute;
 left: 20px;
 transform: scale(-1, 1);
}
#takuhai-link .link-size160::before {
 content: '';
 background: url(/img/top_takuha_d.png) no-repeat;
 display: inline-block;
 width: 50px;
 height: 50px;
 background-size: auto 40px;
 background-position: center;
 position: absolute;
 left: 20px;
 transform: scale(-1, 1);
}
#takuhai-link .link-size170::before {
 content: '';
 background: url(/img/top_takuha_d.png) no-repeat;
 display: inline-block;
 width: 55px;
 height: 50px;
 background-size: auto 45px;
 background-position: center;
 position: absolute;
 left: 20px;
 transform: scale(-1, 1);
}
#takuhai-link span {
 font-size: 20px;
 font-weight: bold;
}
#takuhai-link .link-size60 span {
 color: #45AC41;
}
#takuhai-link .link-size80 span {
 color: #159DD9;
}
#takuhai-link .link-size100 span {
 color: #2878D6;
}
#takuhai-link .link-size120 span {
 color: #7152C6;
}
#takuhai-link .link-size140 span {
 color: #EF6FAC;
}
#takuhai-link .link-size160 span {
 color: #E03D3D;
}
#takuhai-link .link-size170 span {
 color: #EA611C;
}
/*corp-contents4*/
#corp-contents4 {
 margin: 10px auto;
 padding-top: 120px;
}
/*corp-contents5*/
#corp-contents5 {
 margin: 80px auto 0;
 padding-top: 120px
}
/*corp-contents6*/
#corp-contents6 {
 margin: 80px auto 0;
 padding-top: 120px
}
#corp-contents6 ul {
 display: flex;
 justify-content: space-between;
}
#corp-contents6 li {
 width: 320px;
}
#corp-contents6 li p {
 font-size: 20px;
 text-align: center;
 margin-bottom: 10px;
}
#corp-contents6 img {
 filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.3));
}
/*corp-contents7*/
#corp-contents7 {
 margin: 80px auto 50px;
 padding-top: 120px;
}
/*#voice_box_block*/
#voice_box_block {
 margin: 80px auto 50px;
 padding-top: 120px;
}
#voice_box_block #voice_box {
 margin-top: 25px;
}
#voice_box_block #voice_box li {
 height: 280px;
}
#contents_c #voice_box_block #voice_box li h4 {
 width: 333px;
 padding: 0 0 0 70px;
 font-weight: normal;
 border: none;
}
#voice_box_block .more_right {
 float: right;
}
#voice_box_block #voice_box li .voice_response, #voice_box_block #voice_box li .voice_staff {
 font-size: 14px;
}
#hikaku-order {
 width: 1100px;
 margin: 0 auto;
}
#hikaku-order .arrow1 {
 margin: -10px auto 0;
 display: block;
}
#hikaku-order h4 {
 font-size: 18px;
 font-weight: bold;
 color: #53392B;
 margin-bottom: 20px;
}
#hikaku-order span {
 font-size: 30px;
 font-weight: bold;
 color: #FB8700;
 vertical-align: top;
}
#hikaku-order .point1 {
 margin-top: 30px;
}
#hikaku-order .format-box {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 20px;
}
#hikaku-order .format-box li {
 width: 200px;
}
#hikaku-order .format-box p {
 text-align: center;
 margin-bottom: 10px;
}
#hikaku-order .format-box img {
 width: 200px;
}
#hikaku-order .point2 {
 margin-top: 80px;
 position: relative;
}
#hikaku-order .point2 img {
 margin-top: 10px;
}
#hikaku-order .point2 .point2-3d {
 position: absolute;
 right: 110px;
 top: 163px;
}
#hikaku-order .point3-4 {
 display: flex;
 justify-content: space-between;
 margin: 80px 0 30px;
}
#hikaku-order .point3 img {
 width: 480px;
}
#hikaku-order .point4 img {
 width: 480px;
}
#hikaku-order .arrow2 {
 margin: 0 auto 50px;
 display: block;
}
#hikaku-order strong {
 font-size: 23px;
 color: #53392B;
 display: block;
 text-align: center;
}
#hikaku-order .customize-box {
 display: flex;
 justify-content: space-between;
 margin-top: 20px;
 align-items: center;
 margin: 20px 0 0;
}
#hikaku-order .customize-box img {
 filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3));
}
#corp-contents #consumer_btn {
 position: relative;
 display: block;
 border: solid 1px #c4c4c4;
 background: url(/img/2019-consumer.png) no-repeat;
 background-size: cover;
 width: 1300px;
 height: 160px;
 font-weight: normal;
 text-align: center;
 margin: 30px auto;
}
#corp-contents #consumer_btn .btn_txt {
 font-size: 32px;
 padding-top: 42px;
 padding-bottom: 20px;
 line-height: 26px;
 color: #53392B;
 display: inline-block;
 margin: 0;
}
#corp-contents #consumer_btn .btn_txt span {
 display: block;
 border-top: 1px #5c4232 solid;
 font-size: 24px;
 width: 455px;
 margin: 15px auto 5px;
 padding: 15px 0 5px 0;
}
#corp-contents #consumer_btn .more_right {
 font-size: 17px;
 position: absolute;
 bottom: 10px;
 right: 10px;
 color: #159DD9;
 text-decoration: underline;
 background: rgba(255, 255, 255, .9);
 padding: 5px 20px 5px 5px;
 border-radius: 5px;
}
#corp-contents #consumer_btn .more_right:after {
 top: 10px;
 right: 5px;
}
#customer_reviewBox h1 {
 background: url(/img/common/icon-title_chat.svg) no-repeat;
 margin: 0 0 25px;
 padding: 0 0 5px 40px;
 color: #53392B;
 font-size: 25px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 position: relative;
 line-height: 28px;
}
#customer_reviewBox .c_h1Box {
 background: #FAF6EE;
 padding: 30px 30px 30px;
 position: relative;
}
#customer_reviewBox .c_h1Box:after {
 margin: 0 auto;
 display: block;
 content: '';
 width: 900px;
 height: 330px;
 background: url(/img/customer-review1.png)no-repeat;
}
#customer_reviewBox .c_h1Box p {
 display: block;
 margin: 0 auto 10px;
 width: 600px;
 position: relative;
}
#customer_reviewBox .c_h1Box p:before {
 position: absolute;
 right: 0;
 top: 10px;
 display: block;
 content: '';
 width: 3px;
 height: 25px;
 background: #51372A;
 transform: rotate(30deg);
}
#customer_reviewBox .c_h1Box p:after {
 position: absolute;
 left: 0;
 top: 10px;
 display: block;
 content: '';
 width: 3px;
 height: 25px;
 background: #51372A;
 transform: rotate(-30deg);
}
#customer_reviewBox .c_h1Box p span {
 background: linear-gradient(transparent 60%, #FFEEBD 60%);
 font-size: 26px;
 text-align: center;
 letter-spacing: 3px;
 font-weight: bold;
 color: #51372A;
}
#customer_reviewBox p {
 text-align: center;
 margin: 30px 0;
 font-size: 18px;
}
#customer_reviewBox #customer_about {
 margin-top: 60px;
 padding-top: 50px;
 border-top: dotted 5px #DBBD94;
}
#customer_reviewBox #customer_about h2 {
 font-size: 26px;
 border: none;
 text-align: center;
 padding: 0;
 margin-bottom: 35px;
}
#customer_reviewBox #customer_about h2 span {
 background: linear-gradient(transparent 60%, #FFEEBD 60%);
 font-size: 26px;
 text-align: center;
 letter-spacing: 3px;
 font-weight: bold;
 color: #51372A;
}
#customer_reviewBox #customer_about li {
 position: relative;
 border: solid 2px #c4c4c4;
 border-radius: 10px;
 width: 384px;
 height: 250px;
 float: left;
 padding: 16px;
}
#customer_reviewBox #customer_about h3 {
 width: 385px;
 font-size: 20px;
 font-weight: bold;
 background: #fff;
 padding: 5px;
 position: absolute;
 left: 10px;
 top: -14px;
}
#customer_reviewBox #customer_about li + li {
 margin-left: 20px;
}
#customer_about h3 span {
 font-size: 16px;
 position: relative;
 border: solid 3px;
 padding: 3px 10px;
 font-weight: bold;
 border-radius: 20px;
 margin-right: 10px;
}
#customer_about h3 span:after {
 position: absolute;
 left: 44%;
 bottom: -9px;
 display: block;
 content: '';
 width: 10px;
 height: 10px;
 border-right: solid 3px;
 border-bottom: solid 3px;
 transform: rotate(45deg);
 background: #fff;
}
#customer_reviewBox #customer_about p {
 margin: 20px 0;
 font-size: 14px;
 text-align: left;
 color: #666666;
 line-height: 20px;
}
#customer_reviewBox #customer_about .customer_about1 {
 background: url(/img/customer-review2.png)no-repeat center bottom 10px;
}
#customer_reviewBox #customer_about .customer_about2 {
 background: url(/img/customer-review3.png)no-repeat center bottom 40px;
}
#customer_reviewBox #customer_about .customer_about3 {
 background: url(/img/customer-review4.png)no-repeat center bottom 40px;
}
/* #mirapuri-technical.html
=========================================*/
#mirapuri_guide_contents {
 width: 1300px;
 position: relative;
 margin: 0 auto;
}
#mirapuri_guide_contents #mirapuri_guide_menu {
 background: #f5f5f5;
 padding: 15px;
 margin-bottom: 30px;
}
#mirapuri_guide_contents h1 {
 background: url(/img/mirapuri-techinical-logo.png)no-repeat;
 background-size: 42px;
 margin: 0 0 25px;
 padding: 7px 0 5px 50px;
 color: #53392B;
 font-size: 25px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 position: relative;
 line-height: 28px;
}
#flexo_link {
 float: right;
 position: relative;
 margin-top: -55px;
}
#flexo_link a {
 display: block;
 border-radius: 5px;
 border: solid 2px #159dd9;
 padding: 5px 30px 5px 75px;
}
#flexo_link a:before {
 display: block;
 content: '';
 width: 80px;
 height: 80px;
 background: url(/img/mirapuri_contents_f.png)no-repeat;
 background-size: 80px;
 position: absolute;
 left: 0px;
 top: -30px;
}
#flexo_link a:after {
 width: 10px;
 height: 10px;
 display: block;
 content: '';
 position: absolute;
 right: 14px;
 top: 12px;
 transform: rotate(-45deg);
 border-right: solid 2px;
 border-bottom: solid 2px;
}
#mirapuri_guide_contents h2 {
 background: #FAF7EF;
 font-size: 20px;
 padding: 3px 6px;
 margin-bottom: 10px;
 color: #53392B;
 font-weight: 700;
 position: relative;
 line-height: 26px;
 border: none;
}
#mirapuri_guide_contents h3 {
 padding-bottom: 5px;
 border-bottom: solid #c4c4c4 1px;
 margin-bottom: 15px;
}
#mirapuri_guide_contents .inner_contents {
 padding: 45px 0;
 border-bottom: dashed 1px #c4c4c4;
}
#mirapuri_guide_contents .inner_contents h4 {
 padding-left: 35px;
 line-height: 24px;
 margin-bottom: 20px;
 background: url(/img/mirapuri_guide_mark.png)no-repeat;
}
#mirapuri_guide_contents .inner_contents h5 {
 font-size: 16px;
 margin-bottom: 5px;
}
#mirapuri_guide_contents .mirapuri_contents_img {
 margin-top: 10px;
 position: relative;
 width: 690px;
 min-height: 200px;
 float: left;
}
#mirapuri_guide_contents .mirapuri_contents_point {
 background: #f5f5f5;
 padding: 40px 15px 15px;
 width: 540px;
 float: right;
 position: relative;
}
#mirapuri_guide_contents .mirapuri_contents_point .point {
 position: absolute;
 top: 10px;
 left: -10px;
 padding: 0 8px;
 background: #F6AC2B;
 color: #fff;
 font-weight: bold;
 letter-spacing: 2px;
}
#mirapuri_guide_contents .mirapuri_contents_point p span {
 font-weight: bold;
}
#mirapuri_guide_contents .mirapuri_contents2-1 img {
 float: left;
 width: 330px;
}
#mirapuri_guide_contents .mirapuri_contents1-2 ul {
 margin-top: 20px;
}
#mirapuri_guide_contents .mirapuri_contents1-2 li, #mirapuri_guide_contents .mirapuri_contents_other li {
 float: left;
 width: 600px;
}
#mirapuri_guide_contents .mirapuri_contents1-2 li + li, #mirapuri_guide_contents .mirapuri_contents_other li + li {
 margin-left: 50px;
}
#mirapuri_guide_contents .mirapuri_contents_other ul {
 margin-top: 30px;
}
#mirapuri_guide_contents .mirapuri_contents_other {
 padding-top: 120px;
 margin-top: -100px;
 margin-bottom: 50px;
}
#mirapuri_guide_contents .mirapuri_contents_other li img {
 width: 200px;
 height: auto;
 float: left;
 margin-right: 15px;
}
#mirapuri_guide_contents .mirapuri_contents2-2 {
 background: url(/img/mirapuri_guide_mark2.png)no-repeat center;
}
#mirapuri_guide_contents .mirapuri_contents2-2 img {
 float: left;
 width: 310px;
}
#mirapuri_guide_contents .mirapuri_contents3-1 img {
 float: left;
 width: 390px;
}
#mirapuri_guide_contents .mirapuri_contents3-2 {
 height: 390px;
}
#mirapuri_guide_contents .mirapuri_contents3-2 img {
 width: 270px;
}
#mirapuri_guide_contents .mirapuri_contents3-2 .contents3-2-1 {
 position: absolute;
 left: 0;
 top: 100px;
}
#mirapuri_guide_contents .mirapuri_contents3-2 .contents3-2-2 {
 position: absolute;
 right: 0;
 top: 0px;
}
#mirapuri_guide_contents .mirapuri_contents3-2 .contents3-2-3 {
 position: absolute;
 right: 0;
 bottom: 0px;
}
#mirapuri_guide_contents .mirapuri_contents3-2:before {
 position: absolute;
 left: 330px;
 bottom: 100px;
 display: block;
 width: 32px;
 height: 25px;
 content: '';
 background: url(/img/mirapuri_guide_mark2.png)no-repeat;
 transform: rotate(45deg);
}
#mirapuri_guide_contents .mirapuri_contents3-2:after {
 position: absolute;
 left: 330px;
 top: 100px;
 display: block;
 width: 32px;
 height: 25px;
 content: '';
 background: url(/img/mirapuri_guide_mark2.png)no-repeat;
 transform: rotate(-45deg);
}
#mirapuri_guide_contents .mirapuri_contents2-1 img + img {
 margin-left: 25px;
}
#mirapuri_guide_contents .mirapuri_contents2-2 img + img, #mirapuri_guide_contents .mirapuri_contents4-1 img + img {
 margin-left: 70px;
}
#mirapuri_guide_contents .mirapuri_contents4-1 {
 min-height: 90px !important;
 background: url(/img/mirapuri_guide_mark2.png)no-repeat center;
}
#mirapuri_guide_contents .mirapuri_contents4-1 img {
 float: left;
 width: 310px;
}
#mirapuri_contents1, #mirapuri_contents2, #mirapuri_contents3, #mirapuri_contents4 {
 padding-top: 120px;
 margin-top: -100px;
 margin-bottom: 100px;
}
#mirapuri_contents5 {
 padding-top: 120px;
 margin-top: -100px;
 margin-bottom: 10px;
}
/*版下作成ガイド 
=========================================*/
#hanshita #contents #contentsBox h1 {
 background: #FAF7EF;
 border: 1px #FAF7EF solid;
 border-radius: 10px;
 font-size: 23px;
 color: #53392B;
 text-align: center;
 height: 138px;
 margin: 0 auto 25px;
 padding: 20px 0 0px 0;
}
#hanshita #contents #contentsBox h1 em {
 font-style: normal;
 font-size: 32px;
 font-weight: bold;
 color: #53392B;
 display: block;
 margin: 20px 0 0 0;
}
div#hanshitaMenu {
 width: 1300px;
 height: auto;
 margin: 35px auto 0;
}
#hanshitaMenu li {
 height: 47px;
 margin: 0 0 14px 14px;
 border: 1px solid #DBBD94;
 border-radius: 5px;
 float: left;
 margin: 10px;
 display: table;
}
#hanshitaMenu a {
 color: #51392B;
 font-size: 16px;
 text-decoration: none;
 width: 410px;
 height: 49px;
 display: block;
 line-height: 52px;
 text-align: center;
}
#hanshita #contents #contentsBox h2 {
 color: #53392B;
 margin: 70px 0 50px 0;
 position: static;
 font-size: 24px;
 padding: 0 0 5px 0px;
}
#hanshita p.sentence1 {
 padding: 0px 0 10px;
}
#hanshita #flow li {
 float: left;
 width: 267px;
 height: 267px;
 text-align: center;
 line-height: 34;
 margin: 40px 0 72px 126px;
 color: #53392B;
 font-size: 18px;
}
#hanshita #flow li#flow1::after {
 content: url(/img/beginner-arrow.jpg);
 position: relative;
 top: -127px;
 left: 96px;
}
#hanshita #flow li#flow2::after {
 content: url(/img/beginner-arrow.jpg);
 position: relative;
 top: -127px;
 left: 136px;
}
#hanshita li#flow1 {
 background: url(/img/beginner-hanshita1.jpg) no-repeat;
}
#hanshita li#flow2 {
 background: url(/img/beginner-hanshita2.jpg) no-repeat;
}
#hanshita li#flow3 {
 background: url(/img/beginner-hanshita3.jpg) no-repeat;
}
#hanshita #contents #contentsBox h3 {
 color: #53392B;
 padding: 10px 10px;
 margin: 40px 0 35px;
 font-size: 20px;
 clear: both;
 background: #FAF7EF;
}
#hanshita p.sentence2 {
 width: 500px;
 clear: both;
 float: right;
 margin: -205px 60px 110px 0;
}
#hanshita p.sentence3 {
 width: 790px;
 clear: both;
 float: right;
 margin: -205px 60px 110px 0;
}
#hanshita p.photo {
 margin: 5px 0 0 65px;
 float: left;
 height: 200px;
 width: 200px;
 clear: none;
}
#hanshita h5#hanshitasetumei {
 clear: both;
 margin-left: 90px;
 font-weight: normal;
}
#hanshita #contents #contentsBox h4 {
 font-weight: normal;
 color: #53392B;
 padding: 30px 0 15px 0;
 font-size: 18px;
 clear: both;
}
#hanshita #kihon div {
 width: 360px;
 float: left;
 margin: 20px 15px 0 15px;
}
#hanshita #kihon h5 span {
 display: block;
}
#hanshita #kihon h5 {
 padding: 0 0 20px 65px;
 font-size: 15px;
 font-weight: normal;
}
#hanshita p.photo2 {
 text-align: center;
 margin: 0 0 25px 0;
}
#hanshita #kihon div.pointBox {
 clear: both;
 background: #FFF7F7;
 width: 1237px;
 margin: 20px 0 20px 0;
 border: 1px #FFF7F7 solid;
 border-radius: 8px;
 padding: 30px;
}
#hanshita #kihon div#point2 p {
 margin: -60px 0 0 113px;
}
#hanshita #kihon div#point2 h4 {
 margin: 0 0 0 110px;
}
#hanshita #kihon div#point2 img {
 margin-top: -34px;
}
#hanshita #kihon div.pointBox em {
 font-style: normal;
 font-weight: bold;
 color: #53392B;
 font-size: 20px;
 background: url(/img/2018-SpeechBalloon1.png) no-repeat;
 width: 106px;
 height: 60px;
 display: block;
 margin: -65px 0 -40px -60px;
 padding: 16px 0 0 12px;
}
#hanshita #kihon div.expression {
 width: 560px;
 margin: 0 85px 0 0;
}
#hanshita p.photo3 {
 float: left;
 width: 280px;
 text-align: right;
 margin: 0 0 15px 0;
}
#hanshita .expression img {
 width: 280px;
 height: auto;
}
#hanshita p.photo5 img {
 margin-left: 40px;
}
#hanshita #kihon div.expression h5 {
 padding: 0px 0px 20px 0px;
}
#hanshita #kihon li {
 margin: 0 0 10px 95px;
 list-style-type: disc;
}
#hanshita #kihon ul {
 margin: 0 0 40px 0;
}
#hanshita p.photo4 {
 margin-left: 90px;
 margin-right: 30px;
 float: left;
}
#hanshita #technique div {
 width: 200px;
 float: left;
 margin: 0 2px 0 60px;
}
#hanshita #technique div.pointBox {
 clear: both;
 width: 1238px;
 background: #FFF7F7;
 margin: 90px 0 20px 0;
 border: 1px #FFF7F7 solid;
 border-radius: 8px;
 padding: 30px;
}
#hanshita .size3 {
 margin-left: 111px;
 color: #53392B;
 font-size: 18px;
}
#hanshita .size2 {
 margin-left: 25px;
}
#hanshita p#tenkai {
 margin-left: 70px;
 margin-bottom: 20px;
}
#hanshita p.town {
 font-size: 18px;
 color: #53392B;
 margin-left: 180px;
 margin-top: 20px;
}
#hanshita p.hoto8 {
 margin-left: 50px;
}
#hanshita p.photo5 {
 margin-left: 10px;
 width: 227px;
}
#hanshita p.photo6 {
 float: left;
}
#hanshita p.yazirushi1 {
 width: 60px;
 transform: rotate(90deg);
 margin-left: 600px;
 margin-bottom: 30px;
 margin-top: 50px;
}
#hanshita p.sentence4 {
 float: right;
 width: 320px;
 margin-right: 60px;
}
#hanshita p.sentence5 {
 float: right;
 width: 330px;
 margin-right: 11px;
 margin-top: 35px;
 margin-bottom: 70px;
 padding: 20px;
 background-color: white;
}
#hanshita #blue {
 border: 3px #2BCDFF solid;
 border-radius: 8px;
}
#hanshita #blue:before {
 border-right: 5px;
 content: url(/img/2018-SpeechBalloon2.png);
 position: absolute;
 right: 369px;
 bottom: 74px;
}
#hanshita #orange {
 border: 3px #F58B23 solid;
 border-radius: 8px;
}
#hanshita #orange:before {
 content: url(/img/2018-SpeechBalloon3.png);
 position: absolute;
 right: 369px;
 bottom: 74px;
}
#hanshita #technique div.pointBox em {
 font-style: normal;
 font-weight: bold;
 color: #53392B;
 font-size: 20px;
 background: url(/img/2018-SpeechBalloon1.png) no-repeat;
 width: 106px;
 height: 60px;
 display: block;
 margin: -65px 0 -40px -60px;
 padding: 16px 0 0 12px;
}
#hanshita #technique div.pointBox p {
 padding-bottom: 30px;
 position: relative;
}
#hanshita #updown {
 left: 40px;
}
#hanshita #yosumi {
 top: -55px;
 left: -190px;
}
#hanshita p.sentence6 {
 margin-bottom: 50px;
}
#hanshita p.photo7 {
 text-align: center;
 padding: 20px 0;
}
#hanshita p.sentence7 {
 writing-mode: vertical-rl;
 float: right;
 margin-right: 232px;
 margin-top: -340px;
 color: red;
 font-weight: 500;
 font-size: 18px;
}
#hanshita p.haichi {
 font-size: 18px;
 color: #53392B;
 width: 600px;
 margin-left: 100px;
 margin-top: 50px;
 margin-bottom: 10px;
}
#hanshita p.haichi2 {
 font-size: 18px;
 color: #53392B;
 width: 600px;
 margin-left: 100px;
 margin-bottom: 10px;
 padding-top: 350px;
}
#hanshita p.hako {
 float: right;
 margin-right: 20px;
}
#hanshita #danball li {
 float: left;
 width: 202px;
 margin: 0 85px;
}
#hanshita #danball li#danball1::after {
 content: url(/img/beginner-arrow.jpg);
 position: relative;
 top: -190px;
 left: 210px;
}
#hanshita #danball li#danball1 {
 margin: 20px 120px 0;
 width: 200px;
 color: #53392B;
}
#hanshita #danball li#danball2 {
 margin: 20px 50px 0 0;
 width: 250px;
 color: #53392B;
}
#hanshita #danball li#danball3 {
 margin: 20px 50px 0;
 width: 368px;
 color: #53392B;
}
#hanshita #danball li#yazirushi2 {
 position: relative;
 right: -1px;
 top: 69px;
 width: 50px;
 margin: -15px;
}
#hanshita .recommendBox {
 width: 389px;
 height: 520px;
 float: left;
 margin: 27px 20px 12px;
 display: inline;
 position: relative;
 background: #fff;
 border: 2px #c4c4c4 solid;
}
#hanshita .recommendBox button {
 width: 34px;
 height: 22px;
 border: none;
 position: absolute;
 left: 2px;
 top: 20px;
 z-index: 2;
 display: none;
}
#hanshita p.design1 {
 background: #FAF7EF;
 width: auto;
 height: 30px;
 font-size: 15px;
 padding: 20px 0px 0 80px;
}
#hanshita p.design2 {
 font-size: 14px;
 padding: 9px 35px 0px 35px;
 font-weight: normal;
 min-height: 50px;
 display: block;
}
#hanshita p.design3 {
 font-size: 14px;
 width: 300px;
 padding: 10px;
 margin: 0 auto;
}
#hanshita a.details {
 display: block;
 margin: 0px 0 0 210px;
}
#hanshita span.cate1 {
 display: block;
 width: 106px;
 height: 35px;
 background: #45A09D;
 color: #fff;
 font-size: 13px;
 transform: rotate(-10deg);
 line-height: 15px;
 padding: 11px 0px 0 7px;
 font-weight: bold;
 margin: -45px -90px 0 -116px;
}
#hanshita span.new {
 width: 55px;
 height: 55px;
 position: absolute;
 top: 100px;
 left: 260px;
 background: url(/img/2016-cateS-newIconL.png) no-repeat;
 line-height: 500px;
 overflow: hidden;
 background-size: 43px;
}
#hanshita span.cate1 em {
 font-style: normal;
 font-size: 18px;
}
#hanshita span.cate2 {
 display: block;
 width: 98px;
 height: 35px;
 background: #C58B6A;
 color: #fff;
 font-size: 13px;
 transform: rotate(-10deg);
 line-height: 15px;
 padding: 8px 0px 2px 9px;
 font-weight: bold;
 margin: -41px 0 0 -112px;
}
#hanshita span.cate2 em {
 font-size: 18px;
 font-style: normal;
}
#hanshita span.cate3 {
 display: block;
 width: 80px;
 height: 35px;
 background: #D8C164;
 color: #fff;
 font-size: 13px;
 transform: rotate(-10deg);
 line-height: 15px;
 padding: 8px 4px 0 14px;
 font-weight: bold;
 margin: -45px 0 0 -109px;
}
#hanshita span.cate3 em {
 font-style: normal;
 font-size: 18px;
}
#hanshita .recommendBox img {
 margin: 5px 55px 0;
}
#hanshita span.id {
 top: 113px;
 left: 55px;
 right: auto;
 padding: 3px 5px;
 color: #333;
 font-size: 12px;
 font-weight: bold;
 line-height: 1;
 border: 1px solid #333;
 border-radius: 4px;
 position: absolute;
 background: #fff;
}
#hanshita span.size {
 position: absolute;
 width: 158px;
 height: 10px;
 bottom: 130px;
 left: 20px;
 background: #fff;
 color: #000;
 padding: 3px 0px 7px 10px;
 opacity: 0.50;
 font-size: 13px;
 text-align: left;
}
#hanshita span.price {
 position: absolute;
 width: 118px;
 height: 18px;
 bottom: 130px;
 right: 57px;
 background: #FB8700;
 color: #fff;
 padding: 3px 0px 8px 10px;
 font-size: 16px;
 text-align: left;
}
#hanshita .recommendBox button {
 top: 135px;
 left: 20px;
}
#hanshita .recommendBox button.mylistOFF {
 background: url(/img/2018-mylist-icon-offS.png);
 display: block;
}
#hanshita .kantan {
 margin: 0 auto;
 width: 502px;
}
#hanshita .kantan a {
 position: relative;
}
#hanshita .kantan a:hover {
 background: #956E47;
 font-color: #fff;
}
#hanshita #itemBox {
 position: relative;
 margin-top: 50px;
}
#hanshita #itemBox h2 {
 padding: 3px 5px 3px 5px;
 margin: 10px 0;
 font-size: 21px;
 border: none;
 border-bottom: solid #DBBD94 2px;
}
#hanshita #itemBox h3 {
 background: #E8F3F9;
 padding: 2px 10px;
 margin-bottom: 10px;
 font-size: 18px;
}
#hanshita #itemBox .senwaku {
 background: #FFFFE9;
 border: 1px solid #D5B991;
 margin: 10px 0;
}
#hanshita #itemBox #ilTable {
 font-size: 14px;
}
#hanshita #itemBox #ilTable th {
 padding: 3px;
}
#hanshita #itemBox #ilTable td {
 padding: 5px 10px;
}
#hanshita #itemBox .oneBox p {
 font-size: 14px;
 margin-bottom: 20px;
}
#hanshita #itemBox .oneBox h4:before {
 content: '';
 display: block;
 width: 10px;
 height: 20px;
 background: #efefef;
 margin-right: 10px;
 float: left;
}
#hanshita #itemBox .w470 {
 width: 470px;
}
#hanshita #itemBox .w370 {
 width: 370px;
}
#hanshita #itemBox .right {
 float: right;
 margin-bottom: 20px;
 margin-left: 20px;
}
/*「ミラプリ」フルカラー印刷でお客様に喜ばれるお届け箱を作ろう！( #mirapurimake_contentsBox )
=========================================*/
#mirapurimake_contentsBox #mirapurimake_titleBox {
 padding: 50px 30px;
 background: transparent linear-gradient(180deg, #f2ecdb 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
 position: relative;
 height: 550px;
 padding-bottom: 50px;
}
#mirapurimake_contentsBox #mirapurimake_titleBox h1 {
 text-align: center;
 color: #333333;
 font-size: 32px;
 line-height: 48px;
}
#mirapurimake_contentsBox #mirapurimake_titleBox h1 .title {
 font-size: 48px;
 padding-left: 235px;
 background: url(/img/beginner-mirapuri-logo.png)no-repeat top 0px left 0;
 background-size: 230px;
 font-weight: bold;
}
#mirapurimake_contentsBox #mirapurimake_titleBox h1 .titile_C {
 color: #00a0e9;
 font-weight: bold;
}
#mirapurimake_contentsBox #mirapurimake_titleBox h1 .titile_M {
 color: #FF00FF;
 font-weight: bold;
}
#mirapurimake_contentsBox #mirapurimake_titleBox h1 .titile_Y {
 color: #FFD400;
 font-weight: bold;
}
#mirapurimake_contentsBox #mirapurimake_titleBox h1 .titile_K {
 color: #000000;
 font-weight: bold;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox {
 width: 1000px;
 margin: 50px auto;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox a {
 float: left;
 width: 320px;
 padding-top: 230px;
 text-align: center;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox a + a {
 margin-left: 20px;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox a h2 {
 display: block;
 width: 260px;
 font-size: 24px;
 text-align: center;
 margin: 0 auto;
 padding: 10px;
 border-radius: 40px;
 background: #FB8700;
 color: #fff;
 border: none;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox a p {
 color: #FB8700;
 font-size: 18px;
 margin-top: 15px;
 font-weight: bold;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox #mirapurimake_btn1 {
 background: url(/img/mirapurimake_as1.png)no-repeat center top 0;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox #mirapurimake_btn2 {
 background: url(/img/mirapurimake_ch1.png)no-repeat left 25px top -5px;
 background-size: 280px;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox #mirapurimake_btn3 {
 background: url(/img/mirapurimake_il1.png)no-repeat center top -23px;
 background-size: 280px;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox a:after {
 display: block;
 content: '';
 width: 30px;
 height: 30px;
 border-right: solid 4px #FB8700;
 border-bottom: solid 4px #FB8700;
 transform: rotate(45deg);
 margin: 0 auto;
}
#mirapurimake_contentsBox #mirapurimake_exp {
 position: relative;
 width: 960px;
 margin: 0 auto 50px;
 background: #F4F4F4;
 border-radius: 10px;
 padding: 40px 20px 20px;
}
#mirapurimake_contentsBox #mirapurimake_exp h2 {
 position: absolute;
 top: -29px;
 left: 0;
 line-height: 32px;
 color: #333333;
 font-size: 22px;
 padding: 10px 10px 5px 170px;
 border-radius: 30px;
 border: solid #f4f4f4 4px;
 background: #ffffff;
}
#mirapurimake_contentsBox #mirapurimake_exp h2:before {
 content: "";
 position: absolute;
 bottom: -24px;
 left: 50%;
 margin-left: -15px;
 border: 12px solid transparent;
 border-top: 12px solid #FFF;
 z-index: 2;
}
#mirapurimake_contentsBox #mirapurimake_exp h2:after {
 content: "";
 position: absolute;
 bottom: -30px;
 left: 50%;
 margin-left: -17px;
 border: 14px solid transparent;
 border-top: 14px solid #f4f4f4;
 z-index: 1;
}
#mirapurimake_contentsBox #mirapurimake_exp h2 img {
 position: absolute;
 width: 150px;
 left: 15px;
 top: 7px;
}
#mirapurimake_contentsBox #mirapurimake_exp h3 {
 text-align: center;
 font-size: 24px;
 color: #FB8700;
 line-height: 36px;
 margin: 0 0 20px;
 padding-bottom: 340px;
 background: url(/img/beginner-mirapuri-contents2-1.png)no-repeat center bottom 0;
 background-size: 650px;
 content: '';
 display: block;
 font-weight: bold;
}
#mirapurimake_contentsBox #mirapurimake_exp ul {
 padding: 15px;
 background: #ffffff;
 border: solid 4px #FB8700;
 border-radius: 5px;
 margin-bottom: 10px;
}
#mirapurimake_contentsBox #mirapurimake_exp ul li {
 color: #666666;
 font-weight: bold;
 position: relative;
 float: left;
 width: 430px;
 padding-left: 30px;
 font-size: 16px;
 line-height: 30px;
}
#mirapurimake_contentsBox #mirapurimake_exp ul li span {
 color: #FB8700;
 font-size: 18px;
 font-weight: bold;
 margin: 0 3px;
}
#mirapurimake_contentsBox #mirapurimake_exp ul li:before {
 position: absolute;
 left: 0px;
 display: block;
 content: '';
 width: 21px;
 height: 22px;
 border-radius: 17px;
 background: #FB8700;
}
#mirapurimake_contentsBox #mirapurimake_exp ul li:after {
 position: absolute;
 left: 6px;
 top: 3px;
 display: block;
 content: '';
 width: 4px;
 height: 10px;
 border-right: solid 4px #fff;
 border-bottom: solid 4px #fff;
 transform: rotate(45deg);
}
#mirapurimake_contentsBox #mirapurimake_exp .more_right {
 display: block;
 font-size: 16px;
 text-align: right;
}
#mirapurimake_contentsBox #mirapurimake_tool {
 position: relative;
 width: 960px;
 margin: 0 auto 50px;
 background: #F4F4F4;
 border-radius: 10px;
 padding: 30px 20px;
}
#mirapurimake_contentsBox #mirapurimake_tool .mirapurimake_tool {
 position: relative;
 width: 420px;
 height: 445px;
 float: left;
 background: #ffffff;
 padding: 20px 25px 25px;
 border-radius: 5px;
}
#mirapurimake_contentsBox #mirapurimake_tool #mirapurimake_tooldt h3 {
 background: url(/img/mirapurimake_icon1.png)no-repeat left 35px top 0px;
 background-size: 33px;
}
#mirapurimake_contentsBox #mirapurimake_tool #mirapurimake_tooldt:before {
 margin: 0 auto;
 display: block;
 content: '';
 width: 410px;
 height: 290px;
 background: url(/img/mirapurimake_designtool.png)no-repeat center;
 position: absolute;
 top: 55px;
 left: 30px;
}
#mirapurimake_contentsBox #mirapurimake_tool #mirapurimake_tooldt a {
 position: relative;
 display: block;
 float: right;
 color: #fff;
 font-weight: bold;
 background: #F6AC2B;
 padding: 5px 10px 5px 55px;
 border-radius: 24px;
}
#mirapurimake_contentsBox #mirapurimake_tool #mirapurimake_tooldt a:before {
 position: absolute;
 top: 8px;
 left: 12px;
 display: block;
 content: '';
 width: 4px;
 height: 0px;
 border-left: 12px solid #ffffff;
 border-top: 8px solid transparent;
 border-bottom: 8px solid transparent;
}
#mirapurimake_contentsBox #mirapurimake_tool #mirapurimake_tooldt a:after {
 position: absolute;
 left: 28px;
 top: 5px;
 display: block;
 content: '';
 background: url(/img/beginner-mark.png)no-repeat;
 width: 21px;
 height: 25px;
 background-size: 23px;
}
#mirapurimake_contentsBox #mirapurimake_tool #mirapurimake_toolai h3 {
 background: url(/img/mirapurimake_icon2.png)no-repeat left 120px top 3px;
 background-size: 33px;
}
#mirapurimake_contentsBox #mirapurimake_tool #mirapurimake_toolai:before {
 margin: 0 auto;
 display: block;
 content: '';
 width: 410px;
 height: 290px;
 background: url(/img/mirapurimake_illustrator.png)no-repeat center 15px;
 position: absolute;
 top: 65px;
 left: 30px;
}
#mirapurimake_contentsBox #mirapurimake_tool div + div {
 margin-left: 20px;
}
#mirapurimake_contentsBox #mirapurimake_tool h2 {
 width: 700px;
 margin: 0 auto 15px;
 position: relative;
 font-size: 22px;
 color: #333333;
 border: none;
 text-align: center;
}
#mirapurimake_contentsBox #mirapurimake_tool h2:before {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 border-left: solid 3px #F08414;
 transform: rotate(-30deg);
 width: 3px;
 height: 25px;
}
#mirapurimake_contentsBox #mirapurimake_tool h2:after {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 border-left: solid 3px #F08414;
 transform: rotate(30deg);
 width: 3px;
 height: 25px;
}
#mirapurimake_contentsBox #mirapurimake_tool h3 {
 text-align: center;
 color: #F08414;
 font-weight: bold;
 margin-bottom: 10px;
 padding: 5px 5px 5px 57px;
}
#mirapurimake_contentsBox .mirapurimake_contents .contents_block {
 margin-top: 70px;
}
#mirapurimake_contentsBox #mirapurimake_tool .mirapurimake_tool p {
 padding-top: 300px;
}
#mirapurimake_contentsas, #mirapurimake_contentsch, #mirapurimake_contentsil {
 padding-top: 70px;
 margin-top: -70px;
}
#mirapurimake_contentsBox .mirapurimake_contents {
 position: relative;
 width: 892px;
 margin: 100px auto 0;
 border: solid 4px #FB8700;
 border-radius: 5px;
 padding: 70px 50px 5px;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_contentstitle {
 position: absolute;
 left: -4px;
 top: -4px;
 width: 714px;
 border-radius: 5px 5px 0 0;
 padding: 15px 15px 15px 270px;
 background: #FB8700;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_contentstitle h2 {
 color: #ffffff;
 padding: 0;
 margin-bottom: 10px;
 border: none;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_contentstitle p {
 color: #ffffff;
 font-size: 16px;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_contentstitle img {
 position: absolute;
 left: 5px;
 top: -65px;
 width: 250px;
 height: auto;
}
#mirapurimake_contentsBox .mirapurimake_contents h3 {
 text-align: center;
 color: #F08414;
 font-weight: bold;
 margin-bottom: -25px;
 padding: 5px 5px 5px 57px;
}
#mirapurimake_contentsBox .mirapurimake_contents .dt {
 background: url(/img/mirapurimake_icon1.png)no-repeat left 265px top 0px;
 background-size: 33px;
}
#mirapurimake_contentsBox .mirapurimake_contents .ai {
 background: url(/img/mirapurimake_icon2.png)no-repeat left 375px top 0px;
 background-size: 33px;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_Block {
 margin: 20px 0;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_Block h4 {
 font-weight: bold;
 margin-bottom: 15px;
 margin-top: 50px;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_Block h4 span {
 padding: 5px 10px 5px 5px;
 margin-right: 10px;
 color: #fff;
 background: #FB8700;
 font-weight: bold;
 font-size: 16px;
 border-radius: 0 20px 20px 0;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_Block img {
 display: block;
 margin: 20px auto;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_Block.border {
 border-bottom: dashed 2px #c4c4c4;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_Block .mirapurimake_Inner {
 width: 700px;
 margin: 20px auto;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_Block .mirapurimake_Inner img {
 float: left;
 margin: 0 20px 0 0;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_flex {
 height: 120px;
 margin-left: -46px;
 margin-top: 50px;
 width: 985px;
 background: #FAF7EF;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_flex a {
 position: relative;
 top: 30px;
 display: block;
 margin: 0 auto;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_flex a:after {
 position: absolute;
 top: 18px;
 right: 20px;
 display: block;
 content: '';
 width: 10px;
 height: 10px;
 border-right: solid 3px #fff;
 border-bottom: solid 3px #fff;
 transform: rotate(-45deg);
 margin: 0 auto;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_Block .Block_icon1 {
 font-weight: bold;
 padding-left: 25px;
 background: url(/img/mirapurimake_aiicon1.png)no-repeat;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_Block .Block_icon2 {
 font-weight: bold;
 padding-left: 25px;
 background: url(/img/mirapurimake_aiicon2.png)no-repeat;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_Block .Block_icon3 {
 font-weight: bold;
 padding-left: 23px;
 background: url(/img/mirapurimake_aiicon3.png)no-repeat center left 5px;
 background-size: 15px;
}
/*初めてダンボールに印刷を検討している方へ( #fp_contents )
=========================================*/
.fp_background {
 background: #FAF7EF;
 padding: 35px 0 10px 0;
}
#fp_contents {
 width: 1300px;
 margin: 0 auto;
}
#fp_contents p {
 font-size: 16px;
}
.fp_section {
 margin-top: -20px;
 padding-top: 115px;
}
#fp_h1 {
 background: transparent linear-gradient(180deg, #FAF7EF 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
 position: relative;
}
#fp_h1 h1 {
 font-size: 42px;
 text-align: center;
 padding: 50px 0 40px 0;
}
#fp_h1 p {
 text-align: center;
 font-size: 20px;
 line-height: 1.5;
}
#fp_h1 img {
 width: 1170px;
 margin: 5px auto 0;
 display: block;
}
#fp_contents h2 {
 text-align: center;
 font-size: 33px;
 position: relative;
 border: none;
 margin: 0 0 40px 0;
 padding: 0;
}
#fp_contents h2:after {
 margin: 10px auto 0;
 display: block;
 background: #E89B43;
 content: '';
 width: 70px;
 height: 5px;
 border-radius: 15px;
}
/*メニュー*/
#fp_nemu {
 margin: 25px 0 80px 0;
}
#fp_nemu li {
 border: #EAE4D8 2px solid;
 border-radius: 5px;
 width: 170px;
 padding: 5px 10px;
 float: left;
 height: 45px;
 text-align: center;
 position: relative;
 box-shadow: 0px 0px 10px #eaeaea;
}
#fp_nemu li + li {
 margin-left: 27px;
}
#fp_nemu li.line {
 line-height: 3;
}
#fp_nemu li a {
 color: #53392B;
 display: block;
}
#fp_nemu li:after {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 right: 10px;
 bottom: 0;
 width: 10px;
 height: 10px;
 margin: auto;
 background-image: url(/img/common/icon-arrow_brown.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 transform: translate(0, 0) rotate(90deg);
}
/*こんなお悩みありませんか？*/
#fp_problem {
 background: #FAF7EF;
 padding: 35px 0 0 0;
}
#fp_problem ul {
 width: 660px;
 margin: 0 0 0 200px;
}
#fp_problem li {
 font-size: 25px;
 padding: 25px 0 20px 50px;
 background: url(/img/fp_check.png)no-repeat;
 border-bottom: 2px #EAE4D8 dashed;
 background-position: 0 17px;
}
#fp_problem img {
 margin: -222px 0 0 755px;
 width: 435px;
}
/*印刷ダンボールのメリット*/
#fp_merit .merit_box {
 width: 350px;
 float: left;
 padding: 0 25px;
}
#fp_merit .merit_box + .merit_box {
 margin-left: 50px;
}
#fp_merit h3 {
 color: #E6811D;
 font-weight: bold;
 font-size: 25px;
 text-align: center;
}
#fp_merit .merit_box p {
 padding: 15px 0 15px 0;
}
#fp_merit .merit_box img {
 display: block;
 margin: 0 auto;
}
/*アースダンボールが選ばれる理由*/
#fp_reason .reason_box {
 float: left;
 width: 260px;
 padding: 20px 20px;
 background: #fff;
 margin: 0px 0 0 20px;
 height: 375px;
}
#fp_reason .reason_box img {
 width: 260px;
}
#fp_reason h3 {
 text-align: center;
 font-weight: bold;
 padding: 15px 0 15px 13px;
 height: 70px;
 display: table-cell;
 vertical-align: middle;
 width: 235px;
}
/*印刷ダンボールの特徴・事例*/
#fp_jirei .menu {
 width: 990px;
 margin: 0 auto 70px;
}
#fp_jirei .menu li {
 border: #EAE4D8 2px solid;
 border-radius: 5px;
 width: 286px;
 padding: 5px 10px;
 float: left;
 height: 42px;
 text-align: center;
 position: relative;
 line-height: 2;
 font-size: 20px;
}
#fp_jirei .menu li + li {
 margin-left: 30px;
}
#fp_jirei .menu li a {
 font-size: 20px;
 color: #333333;
 display: block;
}
#fp_jirei .menu li:after {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 right: 10px;
 bottom: 0;
 width: 10px;
 height: 10px;
 margin: auto;
 background-image: url(/img/common/icon-arrow_brown.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 transform: translate(0, 0) rotate(90deg);
}
#fp_jirei h3 {
 font-size: 30px;
 font-weight: bold;
 text-align: center;
 position: relative;
}
#fp_jirei h3 span {
 display: block;
 font-size: 25px;
 font-weight: bold;
 color: #333333;
 margin: 30px 0 0 0;
}
#fp_jirei .jirei_contents h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 30px;
 height: 30px;
 border-radius: 50px;
 top: -3px;
 left: 475px;
}
#full_color h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 30px;
 height: 30px;
 border-radius: 50px;
 top: -3px;
 left: 215px;
}
#fp_jirei .feature_box {
 background: #F5F5F5;
 margin: 45px 0 0 263px;
 padding: 20px 0 20px 200px;
 position: relative;
}
#fp_jirei .feature_box li {
 font-size: 16px;
}
#fp_jirei .osusume_ul li span {
 color: #E89B43;
 font-weight: bold;
 font-size: 20px;
}
#fp_jirei .feature_box ul {
 width: 373px;
 float: left;
 margin: 0 40px 0px -20px;
}
.explanation {
 text-align: center;
 margin: 25px 0;
}
.feature_box .list {
 list-style: disc;
}
#fp_jirei .feature_box img {
 position: absolute;
 left: -215px;
 top: -47px;
}
#fp_jirei .jirei_contents {
 margin: -90px 0 60px 0;
 border-bottom: #EAE4D8 2px solid;
 padding: 100px 0 60px 0;
}
#fp_jirei #full_color {
 margin: -90px 0 0px 0;
}
#fp_jirei .jirei_box {
 width: 600px;
 float: left;
 margin: 0 0 30px 16px;
 height: 295px;
 border: #F5F5F5 2px solid;
 padding: 10px;
}
#fp_jirei .jirei_box img {
 width: 250px;
 float: left;
}
#fp_jirei .jirei_box dl {
 float: left;
 margin: 0 0 0 15px;
 width: 330px;
}
#fp_jirei .jirei_box dl a {
 display: block;
 text-align: right;
 margin: 10px 15px 0 0;
 position: relative;
}
#fp_jirei .jirei_box dl a:after {
 display: block;
 content: '';
 position: absolute;
 top: 5px;
 left: 320px;
 margin: auto;
 width: 12px;
 height: 12px;
 background-image: url(/img/common/icon-arrow_blue_xs.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 -webkit-transform: translate(0, 0) rotate(0deg);
 transform: translate(0, 0) rotate(0deg);
 border: none;
}
#fp_jirei .jirei_box dt {
 position: relative;
 padding: 0px 0 0 25px;
}
#fp_jirei .jirei_box dt:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 20px;
 height: 20px;
 border-radius: 50px;
 top: 2px;
 left: 0;
}
#fp_jirei .jirei_box dd {
 margin: 0 0 10px 0;
}
#fp_jirei .jirei {
 margin: 50px 0 0 0;
}
#fp_jirei .jirei h4 {
 text-align: center;
 font-size: 25px;
 font-weight: bold;
 padding: 0 0 30px 0;
 color: #E6811D;
}
#fp_jirei .orange_btn {
 display: block;
 margin: 0 auto;
 width: 450px;
 height: 60px;
 line-height: 60px;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 color: #ffffff;
 background: #E89B43;
 border-radius: 5px;
 margin-top: 10px;
 box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
 position: relative;
}
#fp_jirei .orange_btn:after {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 right: 1.2em;
 bottom: 0;
 width: 14px;
 height: 14px;
 margin: auto;
 background-image: url(/img/common/icon-arrow_white.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 -webkit-transform: translate(0, 0) rotate(0deg);
 transform: translate(0, 0) rotate(0deg);
}
#fp_jirei .feature_box h4 {
 font-size: 25px;
 font-weight: bold;
 padding: 0 0 30px 0;
 color: #E6811D;
}
/*特徴・メリットから印刷方法を選ぶ*/
div#course {
 margin: 0 0 70px 0;
}
#course div {
 border: 2px #F5F5F5 solid;
 width: 380px;
 float: left;
 margin: 0 0 0 29px;
 padding: 20px 10px;
 position: relative;
 height: 515px;
}
#course h3 {
 font-size: 20px;
 line-height: 1.5;
}
#course img {
 width: 280px;
 display: block;
 margin: 10px auto 0;
}
#course em {
 background: #E89B43;
 width: 90px;
 height: 70px;
 border-radius: 60px;
 display: block;
 position: absolute;
 top: 85px;
 right: 40px;
 color: #fff;
 font-weight: bold;
 text-align: center;
 padding: 20px 0 0 0;
 border: #fff 2px solid;
}
#course em span {
 display: block;
 font-size: 11px;
 font-weight: bold;
 margin: -4px 0;
}
#course div a {
 display: block;
 background: #E89B43;
 border-radius: 22px;
 color: #fff;
 text-align: center;
 padding: 10px 0;
 font-weight: bold;
 font-size: 18px;
 position: absolute;
 width: 300px;
 bottom: 0;
 left: 50px;
 margin: 20px 0;
 box-shadow: 0px 0px 10px #00000029;
}
#course div a:before {
 display: block;
 content: '';
 position: absolute;
 background-image: url(/img/common/icon-arrow_white.svg);
 background-size: 10px auto;
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
 z-index: 10;
 top: 17px;
 right: 20px;
 width: 20px;
 height: 20px;
 background-repeat: no-repeat;
}
#fp_jirei #flexo_1color h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 30px;
 height: 30px;
 border-radius: 50px;
 top: -3px;
 left: 473px;
}
#fp_jirei #flexo_2color h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 30px;
 height: 30px;
 border-radius: 50px;
 top: -3px;
 left: 385px;
}
#fp_jirei #full_color h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 30px;
 height: 30px;
 border-radius: 50px;
 top: -3px;
 left: 90px;
}
/*ご注文方法*/
#fp_order .menu li {
 border: #EAE4D8 2px solid;
 background: #fff;
 border-radius: 5px;
 width: 365px;
 padding: 5px 10px;
 float: left;
 height: 42px;
 text-align: center;
 position: relative;
 line-height: 2;
 font-size: 20px;
 box-shadow: 0px 0px 10px #eaeaea;
}
#fp_order .menu li + li {
 margin-left: 30px;
}
#fp_order .menu li:after {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 right: 10px;
 bottom: 0;
 width: 10px;
 height: 10px;
 margin: auto;
 background-image: url(/img/common/icon-arrow_brown.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 transform: translate(0, 0) rotate(90deg);
}
#fp_order .menu li a {
 font-size: 20px;
 color: #333333;
 display: block;
}
#fp_order_web, #fp_order_inq {
 background: #fff;
 width: 1200px;
 margin: 0 auto 20px;
 padding: 60px 10px 30px 10px;
}
#fp_order .menu {
 width: 808px;
 margin: 20px auto 30px;
}
#fp_order h3 {
 font-size: 30px;
 font-weight: bold;
 text-align: center;
 position: relative;
}
#fp_order_web h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 30px;
 height: 30px;
 border-radius: 50px;
 top: -3px;
 left: 335px;
}
#fp_order_inq h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 30px;
 height: 30px;
 border-radius: 50px;
 top: -3px;
 left: 410px;
}
#fp_order .example div {
 float: left;
 width: 185px;
 margin: 0 0 0 45px;
}
#fp_order .example div p {
 font-weight: bold;
 text-align: center;
 padding: 0 0 15px 0;
}
#fp_order .osusume div {
 float: left;
 width: 265px;
 margin: 0 0 0 30px;
}
#fp_order .osusume div p {
 font-weight: bold;
 text-align: center;
 padding: 0 0 15px 0;
}
#fp_order .osusume div img {
 display: block;
 margin: 0 auto;
}
#fp_order_web h4, #fp_order_inq h4 {
 text-align: center;
 font-weight: bold;
 font-size: 25px;
 color: #E6811D;
 padding: 55px 0 30px;
}
#fp_order_web .order_box h5 {
 font-size: 20px;
 font-weight: bold;
 text-align: center;
}
#fp_order_web .order_box {
 border: 1px #E2E2E2 solid;
 width: 310px;
 padding: 25px;
 float: left;
 margin: 0 0 0 30px;
 height: 235px;
}
#fp_order_web .order_box img {
 height: 90px;
 display: block;
 margin: 15px auto 15px;
}
#fp_order .flow {
 background: url(/img/beginner-mirapuri-contents4back.png)no-repeat;
 width: 1000px;
 height: 265px;
 margin: 25px auto 0;
}
#fp_order .flow li span {
 display: block;
 color: #F08414;
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 15px;
}
#fp_order .flow li {
 float: left;
 width: 333px;
 padding: 25px 0 150px;
 font-size: 18px;
 text-align: center;
}
#fp_order_web .flow .step1 {
 background: url(/img/beginner-mirapuri-contents4-2.png)no-repeat center top 130px;
}
#fp_order_web .flow .step2 {
 background: url(/img/beginner-mirapuri-contents4-3.png)no-repeat top 130px left 130px;
 font-size: 17px;
 padding-left: 40px;
 width: 293px;
}
#fp_order_web .flow .step3 {
 background: url(/img/beginner-mirapuri-contents4-4.png)no-repeat center top 130px;
}
#fp_order_inq .flow .step1 {
 background: url(/img/beginner-mirapuri-contents4-5.png)no-repeat center top 130px;
}
#fp_order_inq .flow .step2 {
 background: url(/img/beginner-mirapuri-contents4-6.png)no-repeat top 130px left 130px;
 font-size: 17px;
 padding-left: 40px;
 width: 293px;
}
#fp_order_inq .flow .step3 {
 background: url(/img/beginner-mirapuri-contents4-4.png)no-repeat center top 130px;
}
#fp_order .orange_btn {
 display: block;
 margin: 50px 0 45px 323px;
 width: 560px;
 height: 23px;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 color: #ffffff;
 background: #E89B43;
 border-radius: 5px;
 box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
 padding: 23px;
 position: relative;
}
#fp_order .orange_btn:after {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 right: 1.2em;
 bottom: 0;
 width: 14px;
 height: 14px;
 margin: auto;
 background-image: url(/img/common/icon-arrow_white.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 -webkit-transform: translate(0, 0) rotate(0deg);
 transform: translate(0, 0) rotate(0deg);
}
#fp_order .order_inq_p {
 text-align: center;
 padding: 50px 0 35px;
}
#fp_order .order_inq_p strong {
 color: #E6811D;
 display: block;
 font-size: 20px;
 padding: 0 0 15px 0;
}
#fp_order_web .explanation {
 margin: 0px 0 25px;
 position: relative;
}
#fp_order_web .explanation:after {
 display: block;
 content: '';
 position: absolute;
 top: -145px;
 right: 20px;
 bottom: 0;
 width: 290px;
 height: 175px;
 background-image: url(/img/fp_order_web.png);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
}
#fp_order #inq_img {
 width: 1020px;
 display: block;
 margin: 0 auto;
}
/*よくある質問*/
#fp_FAQ #faqBox {
 width: 1300px;
}
#fp_FAQ .more_btn {
 margin: 15px 0 0 975px;
 display: block;
 font-size: 16px;
 position: relative;
}
#fp_FAQ .more_btn:after {
 display: block;
 content: '';
 position: absolute;
 top: 5px;
 left: 300px;
 margin: auto;
 width: 12px;
 height: 12px;
 background-image: url(/img/common/icon-arrow_blue_xs.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 -webkit-transform: translate(0, 0) rotate(0deg);
 transform: translate(0, 0) rotate(0deg);
 border: none;
}
/*お客様の声*/
#fp_voice .voice_box {
 background: #fff;
 width: 320px;
 padding: 15px 30px;
 float: left;
 margin: 38px 0 0 38px;
 height: 240px;
}
#fp_voice .voice_name {
 text-align: center;
 font-weight: bold;
 font-size: 18px;
 padding: 10px 0;
 background: url(/img/common/icon-uservaice_user.png)no-repeat;
 background-size: 36px;
}
#fp_voice h2 {
 margin: 0 0 15px 0;
}
#fp_voice .more_btn {
 margin: 25px 0 0 1057px;
 display: block;
 font-size: 16px;
 position: relative;
}
#fp_voice .more_btn:after {
 display: block;
 content: '';
 position: absolute;
 top: 5px;
 left: 185px;
 margin: auto;
 width: 12px;
 height: 12px;
 background-image: url(/img/common/icon-arrow_blue_xs.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 -webkit-transform: translate(0, 0) rotate(0deg);
 transform: translate(0, 0) rotate(0deg);
 border: none;
}
/*関連コンテンツ*/
.connection_box {
 border: solid 2px #ececec;
 width: 550px;
 padding: 25px;
 float: left;
 margin: 10px 17px 10px;
}
.movie_box {
 width: 600px;
 float: left;
 margin: 23px 0 0 33px;
 height: 315px;
}
.movie_box iframe {
 width: 600px;
 height: 270px;
}
.movie_box p {
 font-weight: bold;
 padding: 0 0 10px 0;
}
.connection_box img {
 width: 135px;
 float: left;
}
.connection_box p {
 width: 396px;
 float: right;
}
#fp_connection .heading {
 font-size: 18px;
 font-weight: bold;
 margin: 0 0 10px 0;
}
.connection_box a {
 display: block;
 float: right;
 margin: 15px 15px 0 0;
 position: relative;
}
.connection_box a:after {
 display: block;
 content: '';
 position: absolute;
 top: 5px;
 left: 90px;
 margin: auto;
 width: 12px;
 height: 12px;
 background-image: url(/img/common/icon-arrow_blue_xs.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 -webkit-transform: translate(0, 0) rotate(0deg);
 transform: translate(0, 0) rotate(0deg);
 border: none;
}
/*ページ下部のカテゴリー内リンク
============================*/
#link_list {
 width: 1250px;
}
#link_list a:hover {
 color: #ab8053;
}
#link_list ul {
 margin: 6px 0;
}
#link_list h2 {
 font-size: 24px;
 text-indent: -35px;
 padding-top: 30px;
 padding-bottom: 10px;
}
.link_list_ch {
 margin-top: 10px;
 float: left;
}
.link_list_ch li {
 float: left;
 padding: 0 20px;
 margin: 5px 0;
 border-left: solid 1px #ececec;
}
#link_list p.title {
 background: #FAF7EF;
 font-size: 16px !important;
}
/*サイズ別のダンボール一覧
============================*/
#link_list_1 {
 margin-bottom: 70px;
}
#link_list_1 h2 {
 margin:  60px 0 25px;
 padding: 0px 0px 5px;
 text-align: left;
 color: #53392B;
 font-size: 25px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 position: relative;
 line-height: 28px;
}
#link_list_1 h2:after {
 display:none;
}
#link_list_1 a:hover {
 color: #ab8053;
}
#link_list_1 ul {
 margin: 6px 0;
}
#link_list_1 div+div {
 margin-right: 15px;
}
.link_list_ch {
 margin-top: 10px;
 float: left;
}
.link_list_ch li {
 float: left;
 padding: 0 20px;
 margin: 5px 0;
 border-left: solid 1px #ececec;
}
#link_list_1 p.title {
 background: #FAF7EF;
 font-size: 16px !important;
}
#link_list_1 .link_list_l1 a {
 display: block;
 width: 200px;
 padding-left: 38px;
 height: 42px;
 border: solid 1px #c4c4c4;
 border-radius: 5px;
 line-height: 42px;
 text-align: center;
}
#link_list_1 .link_list_l1 li {
 float: left;
 padding: 0;
 border-left: none;
}
#link_list_1 .link_list_l1 li + li {
 margin-left: 25px;
}
#link_list_1 .link_list_l1 .link_discount a {
 background: url(/img/common/nav-icon03.png) no-repeat;
 background-size: 65px;
 background-position: 0px 7px;
}
#link_list_1 .link_list_l1 .link_size a {
 background: url(/img/common/nav-icon04.png) no-repeat;
 background-size: 60px;
 background-position: 1px 6px;
}
#link_list_1 .link_list_l1 .link_usefull a {
 background: url(/img/common/nav-icon05.png) no-repeat;
 background-size: 65px;
 background-position: 0 5px;
}
#link_list_1 .link_list_l1 .link_special a {
 background: url(/img/search-icon-side6.png) no-repeat left 4px top 0;
 background-size: 42px;
}
#link_list_1 .link_list_l1 .link_format a {
 background: url(/img/search-icon-side3.png) no-repeat 6px 0px;
 background-size: 42px;
}
/*オリジナルパッケージコンテンツ
============================*/
#op_scroll {
scroll-padding-top:125px 
}
#op_contents {
 width: 1300px;
 margin: 0 auto;
}
#h1_box {
 position: relative;
}
#h1_box:before {
 display: block;
 width: 450px;
 height: 165px;
 content: '';
 position: absolute;
 background: url(/img/op-top1.svg)no-repeat;
 background-size: 380px;
 bottom: 0px;
 right: 0;
 z-index: 2;
}
#h1_box h1 {
 margin: 0 0 25px;
 padding: 20px 0 5px 0;
 color: #53392B;
 font-size: 28px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 position: relative;
 line-height: 32px;
}
#h1_box h1 span {
 font-weight: bold;
}
#h1_box .h1_box_delivery {
 position: absolute;
 right: 0;
 top:-5px;
 width: 180px;
 background: #FFF7F7;
 color: #E23619;
 border: solid 2px #E23619;
 padding: 5px;
 line-height: 19px;
 font-weight: bold;
 border-radius: 5px;
}
#h1_box .h1_box_delivery p {
 font-weight: bold;
}
#h1_box .h1_box_delivery1 {
 font-weight: bold;
 color: #333333;
}
#h1_box .h1_box_delivery2 {
 font-weight: bold;
 font-size: 18px;
 margin-left: 5px;
}
#appeal {
 position: relative;
 background: #FAF6EE;
 padding: 15px;
 height: 120px;
}
#appeal h2 {
 margin: 0 0 10px!important;
 padding: 0!important;
 border: none!important;
 font-weight: normal!important;
 font-size: 22px;
 color: #F08414;
}
#appeal li {
 position: relative;
 padding-left: 25px;
 font-size: 18px;
 line-height: 28px;
 color: #52382B;
}
#appeal li:before {
 display: block;
 width: 15px;
 height: 15px;
 content: '';
 position: absolute;
 border-radius: 50%;
 left: 0;
 top: 5px;
 background: #F08414;
}
#appeal li:first-child {
 padding: 0;
}
#appeal li:first-child:before {
 display: none;
}
#appeal li span {
 background:linear-gradient(transparent 60%, #FFE0A1 60%); 
 margin: 0px 5px;
}
#voiceBox {
margin-bottom: 85px;
}
#serviceBlock {
margin-bottom:50px
}
#serviceBlock div {
 width: 620px;
 float: left;
}
#serviceBlock div + div {
 margin: 0 0 0 60px;
}
#serviceBlock li {
 position: relative;
 float: left;
 margin: 3px 5px;
}
#serviceBlock .takuhaiBox_size_price {
 color: #333333;
 position: absolute;
 top: 10px;
 left: 155px;
}
#serviceBlock .takuhaiBox_size_price span {
 font-size: 22px;
 margin: 0 2px;
}
#serviceBlock .takuhaiBox_size_price .tax {
 font-size: 11px;
}
#serviceBlock .takuhaiBox_size_size {
 font-weight: bold;
 font-size: 38px;
 position: absolute;
 bottom: 15px;
 left: 158px;
}
#serviceBlock .takuhaiBox_size_size span {
 font-size: 18px;
}
#serviceBlock .takuhaiBox_size170 .takuhaiBox_size_size span {
 position: absolute;
 width: 55px;
 bottom: -4px;
 font-size: 16px !important;
 line-height: 18px;
}
#serviceBlock .takuhaiBox_size60 .takuhaiBox_size_size {
 color: #45AC41;
}
#serviceBlock .takuhaiBox_size80 .takuhaiBox_size_size {
 color: #159DD9;
}
#serviceBlock .takuhaiBox_size90 .takuhaiBox_size_size {
 color: #159DD9;
}
#serviceBlock .takuhaiBox_size100 .takuhaiBox_size_size {
 color: #2878D6;
}
#serviceBlock .takuhaiBox_size120 .takuhaiBox_size_size {
 color: #7152C6;
}
#serviceBlock .takuhaiBox_size140 .takuhaiBox_size_size {
 color: #EF6FAC;
}
#serviceBlock .takuhaiBox_size160 .takuhaiBox_size_size {
 color: #f75d77;
}
#serviceBlock .takuhaiBox_size170 .takuhaiBox_size_size {
 color: #EA611C;
}
/**/
#searchBox h3 {
padding: 10px;
margin-bottom: 20px;
text-align: center;
border-bottom: 2px #DBBD94 solid;
font-weight: bold;
font-size: 26px;
}
#searchBox h4 {
padding: 10px;
text-align: center;
font-weight: bold;
font-size: 25px;
}
#searchBox .b_main_btn_box a {
 display: block;
 margin: 0 auto;
 width: 600px;
 height: 60px;
 line-height: 60px;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 color: #ffffff;
 background: #E89B43;
 border-radius: 5px;
 margin-top: -25px;
 box-shadow: 0 0 2px gray;
} 
#mailBox p {
 color: #333333;
 font-size: 13px;
 text-align: center;
 margin-top: -5px;
}
#mailBox li .pc_br {
 display: block;
}
#takuhai-Box h2 {
 background: url(/img/common/icon-title_truck.svg) no-repeat;
}
#mail-Box h2 {
 background: url(/img/common/icon-title_post.svg) no-repeat;
}
#takuhai-Box ul, #mail-Box ul {
 margin-left: -5px;
}
#takuhai-Box li, #mail-Box li {
 float: left;
 position: relative;
}
#takuhai-Box li a, #mail-Box li a {
 margin: 5px;
 height: 65px;
 line-height: 42px;
 font-size: 32px;
 font-weight: bold;
 border: solid 2px #c4c4c4;
 border-radius: 5px;
 display: block;
}
#takuhai-Box .size_50 a, #takuhai-Box .size_60 a, #takuhai-Box .size_80 a, #takuhai-Box .size_100 a {
 text-align: center;
 padding: 5px;
 width: 278px;
}
#mail-Box .nekoposu a, #mail-Box .yuupake a, #mail-Box .teikeigai a, #mail-Box .kuriposu a {
 width: 287px;
 height: 75px;
}
#takuhai-Box .size_50 a {
 color: #80AF19;
}
#takuhai-Box .size_60 a {
 color: #45AC41;
}
#takuhai-Box .size_80 a {
 color: #159DD9;
}
#takuhai-Box .size_100 a {
 color: #2878D6;
}
#takuhai-Box li a span {
 font-size: 24px;
 font-weight: bold;
}
#takuhai-Box .size_50 a span {
 font-size: 18px;
}
#takuhai-Box li .dis, #mail-Box li .dis {
 width: 270px;
 position: absolute;
 bottom: 12px;
 right: 12px;
 border: solid 1px;
 height: 13px;
 font-size: 13px!important;
 text-align: center;
 line-height: 13px;
 padding: 3px;
 z-index: 7;
 background: #fff;
}
#mail-Box .nekoposu a {
 background: url(/img/discount-nekoposu.png) no-repeat;
 background-size: 287px;
 background-position: 0px -10px;
}
#mail-Box .yuupake a {
 background: url(/img/discount-yupaket.png) no-repeat;
 background-size: 275px;
 background-position: 5px -10px;
}
#mail-Box .teikeigai a {
 background: url(/img/discount-teikeigai.png) no-repeat;
  background-size: 287px;
 background-position: 0px -10px;
}
#mail-Box .kuriposu a {
 background: url(/img/discount-kuriposu.png) no-repeat;
 background-size: 287px;
 background-position: 0px -10px;
}
#mail-Box .nekoposu .dis, #mail-Box .yamato .dis {
 border: none;
 color: #009380;
}
#mail-Box .yuupake .dis {
 color: #CC0000;
}
#mail-Box .teikeigai .dis, #mail-Box .kuriposu .dis {
 border: none;
 color: #CC0000;
}
#b_contents .fp_background {
 background: #FAF6EE;
 padding: 35px 0 10px 0;
}
#b_contents .fp_background div {
 margin-top: 75px;
}
#b_contents .fp_background h3 {
 font-size: 23px;
 width: 300px;
 padding: 26px;
 margin-top: -120px;
 margin-bottom: 45px;
 left: -15px;
 border-radius: 5px;
 text-align: center;
 font-weight: bold;
 line-height: 18px;
 color: #FFF;
 background-color: #E89B43;
}
#b_contents .fp_background h3::after {
 content: "";
 position: absolute;
 bottom: -22px;
 left: 7%;
 border: solid 8px transparent;
 border-top: solid 15px #E89B43;
}
#b_contents .voice_box_top {
 margin-left: 270px!important;
}
#b_contents .voice_box {
 background: #fff;
 width: 320px;
 padding: 15px;
 float: left;
 margin: 95px 0 55px 65px;
 height: 240px;
}
#b_contents .voice_name {
 text-align: center;
 font-weight: bold;
 font-size: 18px;
 padding: 10px 0;
 background: url(/img/common/icon-uservaice_user.png)no-repeat;
 background-size: 36px;
}
#b_contents .more_btn {
 margin: 0 0 17px 1055px;
 display: block;
 font-size: 16px;
 position: relative;
}
#b_contents .more_btn:after {
 display: block;
 content: '';
 position: absolute;
 top: 5px;
 left: 185px;
 margin: auto;
 width: 12px;
 height: 12px;
 background-image: url(/img/common/icon-arrow_blue_xs.svg);
 background-repeat: no-repeat;
 background-position: center 0;
 background-size: contain;
 -webkit-transform: translate(0, 0) rotate(0deg);
 transform: translate(0, 0) rotate(0deg);
 border: none;
}
#categoryBlock {
margin-top: 70px;
margin-bottom:25px
}
#categoryBlock div {
 width: 620px;
 float: left;
 margin-bottom: 25px;
}
#category_size, #category_purpose{
 margin: 0 0 0 60px;
}
#categoryBlock li {
 float: left;
 width: 280px;
 margin: 3px 4px;
 border: solid 1px #c4c4c4;
 padding: 10px;
}
#categoryBlock img {
height: 105px;
}
#categoryBlock p {
 line-height: 20px;
 margin: -115px 0px 35px 120px;
}
#categoryBlock a {
 line-height: 20px;
 margin: -20px 0px 0 120px;
}
#takuhaiBox h3 , #mailBox h3 {
 background: #FAF7EF;
 padding: 10px;
 margin-bottom: 10px;
 text-align: center;
 font-weight: bold;
 font-size: 23px;
 border: none;
}
#category_type h3, #category_size h3, #category_takuhai h3, #category_purpose h3 {
 background: #FAF7EF;
 padding: 10px;
 margin-bottom: 10px;
 text-align: center;
 font-weight: bold;
 font-size: 23px;
 border: none;
}
#category_type h4, #category_size h4, #category_takuhai h4, #category_purpose h4 {
 text-align: center;
 margin-bottom: 10px;
 padding: 0;
 font-weight: bold;
 font-size: 18px;
}
#designBox {
 margin-top: 70px;
 height: 560px;
}
#designBox .imgBox {
 margin-left: 10px;
}
#designBox img {
 width: 259px;
 margin: 0 23px 0 -12px;
 float: left;
}
.print {
 width: 550px;
 padding: 15px 33px 30px 45px;
 float: left;
 height: 380px;
 margin: 10px 10px;
 border: solid 1px #c4c4c4;
}
.op_detailBox {
 margin: 70px 0;
}
.op_detailBox h2{
 background-color: #F2ECDB;
 padding: 5px 0 5px 10px;
 font-size: 20px;
 border: none;
 margin: 0 0 15px 0;
}
.category_list  {
 background: #ededed;
 margin-bottom: 30px;
 padding-bottom: 20px;    
}
.category_list div {
 position: relative;
 background: #fff;
 margin-top: 85px;    
}
.category_list p {
 font-size: 22px;
 font-weight: bold;
 color: #52392B;
 padding: 0 0 0 285px;
 margin: -22px 0 0 0;    
}
.category_list img {
vertical-align: bottom;
}
.category_title {
 padding: 8px;
}
.category_box1, .category_box2, .category_box3 {
 width: 355px;
 height: 195px;
 border: solid 1px #c4c4c4;
 padding: 18px 30px 0px 20px;
 float: left;
 margin: 15px 0px 0px 20px;
}
.category_box1 h3 {
 position: absolute;
 top: -45px;
 left: 0;
 width: 390px;
 font-size: 18px;
 text-align: center;
 padding: 8px;
 background: #dec6a5;
 color: #52392B;
 font-weight: bold;
}
.category_box2 h3 {
 position: absolute;
 top: -45px;
 left: 0;
 width: 390px;
 font-size: 18px;
 text-align: center;
 padding: 8px;
 background: #e89876;
 color: #52392B;
 font-weight: bold;
}
.category_box3 h3 {
 position: absolute;
 top: -45px;
 left: 0;
 width: 390px;
 font-size: 18px;
 text-align: center;
 padding: 8px;
 background: #f5bc66;
 color: #52392B;
 font-weight: bold;
}
.category_box1 img , .category_box2 img , .category_box3 img {
 width: 175px;
 box-shadow: 0px 0px 10px #eaeaea;
}
.category_box1 h4 , .category_box2 h4 , .category_box3 h4 {
 top: -180px;
 line-height: 30px;
 font-weight: bold;
 margin-left:190px;
 width: 180px;
}
.category_box1 ul , .category_box2 ul , .category_box3 ul {
 position: relative;
 top: -130px;
 margin-left: 190px;    
}
.category_box1  .Product_price, .category_box2  .Product_price, .category_box3  .Product_price {
 color: #E23619;
 font-size: 30px;
 width: 184px;
 font-weight: bold;
 margin: -25px 0px 0px 0px;
}
.category_box1  .Product_price  span, .category_box2  .Product_price  span, .category_box3  .Product_price  span {   
 font-size: 17px;
}
.category_box1 .more_right, .category_box2 .more_right, .category_box3 .more_right {
 top: 20px;
 right: -90px;
}
#size50_title {
 margin: 0px 0px 0px 20px;
 top: 20px;
 width: 245px;
 text-align: center;
 border: solid 2px #80AF19;
 padding: 13px 0px 13px 0;
}
#size50_title h3 {
 font-size: 40px;
 color: #80AF19;
 font-weight: bold;
}
#size50_title span, #size60_title span, #size80_title span, #size100_title span {
 font-size: 23px;
}
#size60_title {
 margin: 0px 0px 0px 20px;
 top: 20px;
 width: 245px;
 text-align: center;
 border: solid 2px #45AC41;
 padding: 13px 0px 13px 0;
}
#size60_title h3 {
 font-size: 40px;
 color: #45AC41;
 font-weight: bold;
}
#size80_title {
 margin: 0px 0px 0px 20px;
 top: 20px;
 width: 245px;
 text-align: center;
 border: solid 2px #159DD9;
 padding: 13px 0px 13px 0;
}
#size80_title h3 {
 font-size: 40px;
 color: #159DD9;
 font-weight: bold;
}
#size100_title {
 margin: 0px 0px 0px 20px;
 top: 20px;
 width: 245px;
 text-align: center;
 border: solid 2px #2878D6;
 padding: 13px 0px 13px 0;
}
#size100_title h3 {
 font-size: 40px;
 color: #2878D6;
 font-weight: bold;
}
#nekoposu_title, #yuupake_title, #kuriposu_title, #teikeigai_title {
 margin: 0px 0px 0px 20px;
 top: 20px;
 width: 245px;
}
#nekoposu_title li {
 height: 55px;
 background: url(/img/discount-nekoposu.png) no-repeat;
 background-size: 255px;
 background-position: -5px -5px;
}
#yuupake_title li {
 height: 55px;
 background: url(/img/discount-yupaket.png) no-repeat;
 background-size: 255px;
 background-position: -5px -5px;
}
#kuriposu_title li {
 height: 55px;
 background: url(/img/discount-kuriposu.png) no-repeat;
 background-size: 255px;
 background-position: -5px -3px;
}
#teikeigai_title li {
 height: 55px;
 background: url(/img/discount-teikeigai.png) no-repeat;
 background-size: 255px;
 background-position: -5px -3px;
}
#op_inquiryBox h2 {
 color: #53392B;
 font-size: 35px;
 text-align: center;
 border: none;
 margin: 0 0 40px 0;
 padding: 0;
}
#op_inquiryBox h2:after {
 margin: 30px auto 0;
 display: block;
 background: #DBBD94;
 content: '';
 width: 70px;
 height: 6px;
 border-radius: 15px;
}
#op_inquiryBox p {
 font-size: 16px;
 line-height: 1.8rem;
 text-align: center;
 margin: 0 0 60px 0;
}
#op_inquiryBox #file p {
 margin: 0;
 line-height: 1.2;
}
#op_phonenumber {
 font-size: 85px;
 letter-spacing: 3px;
 font-weight: bold;
 color: #333333;
 background: url(/img/op_icon_2.png)no-repeat;
 padding: 25px 0 30px 100px;
 background-position: 315px 0;
 text-align: center;
}
#op_kana {
 font-size: 25px;
 font-weight: bold;
 margin: 45px 0 15px 470px;
}
#op_kana span {
 font-weight: bold;
 padding: 0 100px 0 80px;
}
#op_limite {
 text-align: center;
 font-weight: bold;
 margin: 25px 0 0 0;
}
#op_formBox {
 margin-top: 130px;
}
#op_formBox h3 {
 text-align: center;
 font-size: 27px;
 font-weight: bold;
 color: #53392B;
 margin-bottom: 30px;
}
#op_formBox p {
 text-align: center;
}
#op_formBox p span {
 color: #E23619;
 font-weight: bold;
}
#op_form {
 background: #FAF6EE;
 padding: 50px 180px;
 margin-bottom: 50px;
 margin-top: 30px;
}
#op_form tr {
 display: flex;
 width: 940px;
 margin-bottom: 30px;
}
#op_form td {
 font-size: 18px;
 font-weight: bold;
 color: #333;
}
#file #error {
 color: #E23619;
 margin-top: 10px!important;
}
#file p {
 font-size: 14px;
}
#op_form .info_titile {
 width: 200px;
 padding-right: 50px;
 height: 40px;
}
#op_form .info_titile span {
 color: #E23619;
}
#op_form td input, #op_form td textarea, #op_form td select {
 font-size: 16px;
 border: solid 1px #C4C4C4;
 border-radius: 5px;
 padding: 5px 10px;
 height: 30px;
 width: 665px;
}
#op_form td textarea {
 resize: vertical;
 padding: 10px;
 height: 170px;
 line-height: 1.5;
}
#op_form td select {
 width: 250px;
 height: 40px;
}
#op_form input::placeholder, #op_form textarea::placeholder {
 color: #C4C4C4;
}
#op_form #input_quantity {
 width: 230px;
 margin-right: 10px;
}
#op_form #printData {
 background: #fff;
 border: dashed #c4c4c4 1px;
 padding: 10px;
 text-align: center;
 margin-top: 10px;
}
#op_form td .inputS {
 width: 60px;
 margin: 0 10px;
 text-align: center;
}
#op_form p {
 text-align: left;
}
#op_inqBtn {
 color: #fff;
 font-weight: bold;
 background: transparent linear-gradient(180deg, #963 0%, #53392B 100%, #53392B 100%) 0% 0% no-repeat padding-box;
 border: 1px solid #5D3F1C;
 width: 500px;
 padding: 14px 0;
 margin-left: 250px;
 border-radius: 5px;
}
#op_inqBtn:hover {
 opacity: 0.8;
}
#category {
 width: 1300px;
 display: block;
 margin: 40px auto;
}
#category .category_title h2 {
 padding: 17px 0 0 0px;
 margin-bottom: 20px;
 font-size: 20px;
 font-weight: bold;
 border-bottom: 4px #dbbd94 solid;
 line-height: 1.2;
 color: #53392b;
}
#category ul {
 margin-left: -10px;
}
#category li {
 margin: 0 0 10px 10px;
 float: left;
}
#category li a {
 display: block;
 line-height: 22px;
 font-size: 16px;
 color: #52382B;
 width: 189px;
 height: 45px;
 padding: 5px;
 border: solid 1px #c4c4c4;
 border-radius: 5px;
}
#category .category_1, .category_2, .category_3 {
 padding: 0 15px;
 width: 412px;
 height: 225px;
 float: left;
}
#category .category_1 {
 padding-left: 0;
 border-right: solid 1px #c4c4c4;
}
#category .category_3 {
 padding-right: 0;
 border-left: solid 1px #c4c4c4;
}
#category h3 {
 height: 85px;
 line-height: 85px;
 padding-left: 25px;
 background: #FAF6EE;
 margin-bottom: 15px;
}
#category h3 a {
 font-size: 18px;
 font-weight: bold;
 color: #52382B;
 z-index: 10;
 position: absolute;
 height: 85px;
 width: 385px;
}
#category .category_1 h3:before {
 position: absolute;
 background: url(/img/beginner-contents2-1.png)no-repeat right -80px top -93px;
 display: block;
 content: '';
 width: 386px;
 height: 85px;
 background-size: 250px;
}
#category .category_2 h3:before {
 position: absolute;
 background: url(/img/beginner-contents2-2.png)no-repeat right 0 top 0px;
 display: block;
 content: '';
 width: 386px;
 height: 85px;
 background-size: 148px;
}
#category .category_3 h3:before {
 position: absolute;
 background: url(/img/beginner-contents2-3.png)no-repeat right 0 top 0;
 display: block;
 content: '';
 width: 386px;
 height: 85px;
 background-size: 230px;
}
#category .category_1_1 {
 background: url(/img/beginner-contents2-1-1.png)no-repeat;
 background-position: right 10px top 10px;
}
#category .category_1_2 {
 background: url(/img/beginner-contents2-1-2.png)no-repeat;
 background-position: right 10px top 10px;
}
#category .category_1_3 {
 background: url(/img/beginner-contents2-1-3.png)no-repeat;
 background-position: right 10px top 10px;
}
#category .category_1_4 {
 background: url(/img/beginner-contents2-1-4.png)no-repeat;
 background-position: right 10px top 10px;
}
#category .category_2_1 {
 background: url(/img/beginner-contents2-1-3.png)no-repeat;
 background-position: right 10px top 10px;
}
#category .category_2_2 {
 background: url(/img/beginner-contents2-1-2.png)no-repeat;
 background-position: right 10px top 10px;
}
#category .category_2_3 {
 background: url(/img/beginner-contents2-2-3.png)no-repeat;
 background-position: right 10px top 10px;
}
#category .category_2_4 {
 background: url(/img/beginner-contents2-2-4.png)no-repeat;
 background-size: 65px;
 background-position: right 0px top 2px;
}
#category .category_3 li a {
 background: rgba(255, 255, 255, .6)
}
#category .category_3 li {
 width: 201px;
 height: 57px;
 border-radius: 5px;
 overflow: hidden;
}
#category .category_3_1 {
 background: url(/img/cardboard-useful_title_1.png)no-repeat;
 background-position: right 0 top 0;
 background-size: 140px;
}
#category .category_3_2 {
 background: url(/img/cardboard-useful_title_2.png)no-repeat;
 background-position: right 0 top 0;
 background-size: 140px;
}
#category .category_3_3 {
 background: url(/img/cardboard-useful_title_3.png)no-repeat;
 background-position: right 0 top 0;
 background-size: 140px;
}
#category .category_3_4 {
 background: url(/img/cardboard-useful_title_4.png)no-repeat;
 background-position: right 0 top 0;
 background-size: 140px;
}
#category .category_4 {
 margin-top: 20px;
}
#category .category_4 li {
 position: relative;
 width: 317px;
}
#category .category_4 li a {
 width: 303px;
 line-height: 45px;
 font-size: 40px;
 font-weight: bold;
}
#category .category_4 h3 {
 height: 36px;
 line-height: 36px;
 padding-left: 15px;
 font-weight: bold;
 font-size: 18px;
}
#category .category_4 a span {
 font-size: 24px;
 line-height: 28px;
 margin-left: 5px;
 font-weight: bold;
}
#category .category_4 a p {
 background: #ffffff;
 position: absolute;
 bottom: 5px;
 right: 10px;
 padding: 0 3px;
 line-height: 16px;
 border: solid 1px;
}
#category .category_4 a p:before {
 position: absolute;
 bottom: 5px;
 left: 45px;
 display: block;
 content: '';
 width: 59px;
 height: 42px;
 background: url(/img/beginner-contents2-4icon.png)no-repeat;
 z-index: -1;
}
#category .category_4 .category_4_size60 a {
 color: #45AC41;
}
#category .category_4 .category_4_size60 a p:before {
 background-size: 36px;
}
#category .category_4 .category_4_size80 a {
 color: #159DD9;
}
#category .category_4 .category_4_size80 a p:before {
 background-size: 39px;
}
#category .category_4 .category_4_size90 a {
 color: #1E8BD8;
}
#category .category_4 .category_4_size90 a p:before {
 background-size: 42px;
}
#category .category_4 .category_4_size100 a {
 color: #2878D6;
}
#category .category_4 .category_4_size100 a p:before {
 background-size: 45px;
}
#category .category_4 .category_4_size120 a {
 color: #7152C6;
}
#category .category_4 .category_4_size120 a p:before {
 background-size: 48px;
}
#category .category_4 .category_4_size140 a {
 color: #EF6FAC;
}
#category .category_4 .category_4_size140 a p:before {
 background-size: 51px;
}
#category .category_4 .category_4_size160 a {
 color: #E03D3D;
}
#category .category_4 .category_4_size160 a p:before {
 background-size: 54px;
}
#category .category_4 .category_4_size170 a {
 color: #EA611C;
}
#category .category_4 .category_4_size170 a p:before {
 background-size: 57px;
}
#category .category_4 .category_4_size170 a span {
 font-size: 19px;
}