#contents {
 width: 460px;
 position: relative;
 line-height: 1.7;
}
#contents h2 {
 background: #FAF7EF;
 border: none;
 font-size: 22px;
 padding: 10px;
 margin: 0 0 20px;
}
#container {
 background: #fff;
}
html {
 scroll-behavior: smooth;
}
/* pan 
====================*/
#pan {
 position: absolute;
 top: -3px;
}
#pan a span {
 font-size: 12px;
}
/* contents
====================*/
div#b-title #beginner-h3, #b-title, #b-title #hikkoshi-h3 {
 width: 462px;
 text-align: center;
 font-weight: normal;
 color: #52392b;
 text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
 background-size: 100%;
}
#b-title #beginner-h3 {
 text-indent: 66px;
 font-size: 29px;
 background: url(/img/beginner-back.png) no-repeat;
 background-size: 100%;
}
#b-title p.h3 {
 display: block;
 position: absolute;
 width: 390px;
 height: 33px;
 margin: -77px 0 0 56px;
 font-size: 14px;
 font-weight: normal;
 padding-top: 0;
}
h4#reason {
 background: url(/img/beginner-icon2.png) no-repeat;
 background-size: 40px;
}
h5 {
 line-height: 1.5;
 font-size: 18px;
 font-weight: 100;
 background-position: 6px 4px;
 background-size: 41px;
}
h5 span {
 font-size: 23px;
 letter-spacing: 20px;
}
div.caution {
 width: 460px;
}
#contents p {
 font-size: 16px;
}
div.reason {
 width: 450px;
 height: auto;
 margin: 0 0 20px 15px;
 border-color: #9d7249;
 border-style: solid;
 border-width: 2px;
 border-radius: 8px;
}
.reason-takuhai img, #photo2 img {
 width: 422px;
 height: auto;
 margin-top: -20px;
 float: left;
}
a#phone img {
 width: 301px;
 display: block;
 margin: 8px 0 0 -20px;
}
.reason h5 {
 border: none;
}
.reason em {
 display: block;
 color: #c1272d;
 font-size: 33px;
 background: url(/img/beginner-icon4.png) no-repeat;
 padding: 14px 0 0 89px;
 background-size: 50px;
 background-position: 29px 17px;
}
.reason a {
 display: block;
 width: 298px;
 height: 52px;
 margin: 20px 0 17px 23px;
 font-size: 21px;
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 line-height: 2.6;
}
#reson8 {
 font-size: 14px;
 color: #0044cc;
 text-decoration: none;
 text-align: center;
 line-height: 0;
 display: inline;
 font-weight: normal;
}
img.F {
 display: block;
 width: 298px;
 height: 52px;
 margin: 0 0 0 -15px;
}
.caution:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.reason:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.caution a.A {
 background: url(/img/beginner-button1.png) no-repeat;
 background-size: 100%;
}
.caution a.B {
 background: url(/img/beginner-button2.png) no-repeat;
 background-size: 100%;
}
.reason a.A {
 background: url(/img/beginner-button1.png) no-repeat;
 background-size: 100%;
}
.reason a.B {
 background: url(/img/beginner-button2.png) no-repeat;
 background-size: 100%;
}
.reason a.C {
 background: url(/img/beginner-button3.png) no-repeat;
 background-size: 100%;
}
.reason a.D {
 background: url(/img/beginner-button4.png) no-repeat;
 background-size: 100%;
}
.reason a.E {
 background: url(/img/beginner-button5.png) no-repeat;
 background-size: 100%;
}
.reason a:hover {
 background-position: 0px -52px;
}
.caution a:hover {
 background-position: 0px -52px;
}
p#voice {
 clear: both;
 width: 166px;
 background: url(/img/beginner-speechballoon.png) no-repeat;
 background-size: 100%;
 padding: 32px 0 33px 0;
 margin: -37px 285px 0 0;
 font-size: 11px;
 text-align: center;
 line-height: 17px;
}
img#smalllot {
 width: 443px;
 padding: 0px 0 28px 3px;
}
img#matome {
 width: 378px;
 padding: 0px 0 28px 29px;
}
.caution dl {
 clear: both;
 width: 427px;
 height: 311px;
 margin: 0 0 29px 11px;
 background: #f9f4d2;
 border-radius: 8px;
}
.caution dt {
 font-size: 20px;
 margin: 20px 0px 30px 50px;
 padding-top: 14px;
}
.caution dd {
 font-size: 14px;
 clear: both;
 width: 370px;
 margin: 0 0 0 34px;
}
.caution dd img {
 margin: 0 0 0 -51px;
 width: 184px;
}
div#beginnerMenu {
 width: 450px;
 height: auto;
 margin: 28px 0 0 27px;
}
#beginnerMenu li {
 width: 135px;
 height: 74px;
 margin: -3px 18px 22px -5px;
 float: left;
 border: 1px solid #3F210E;
 border-radius: 5px;
}
#beginnerMenu a {
 color: #51392B;
 font-size: 15px;
 text-decoration: none;
 width: 121px;
 height: 66px;
 display: block;
 line-height: 22px;
 padding: 3px 0 0 5px;
}
div#beginnerMenu h4 {
 display: none;
}
/* contents size-takuhai
====================*/
#t-contents #contents {
 margin: 0;
}
#t-contents #takuhai-h3 {
 margin: 0 0 15px;
 border-bottom: solid 2px #E4CEAF;
 font-size: 22px;
 color: #53392B;
 font-weight: bold;
 background: url(/img/beginner-takuhai-back.png) no-repeat;
 background-size: 27px;
 background-position: top 0 left 8px;
 padding: 5px 0 0px 41px;
}
#takuhai #b-title p.h3 {
 margin-left: 15px;
}
#t-contents h4 {
 margin: 20px 0 10px;
}
#takuhai h4 {
 clear: both;
 width: 470px;
 margin-bottom: 10px;
 padding-left: 20px;
 background: none;
}
#takuhai h5 {
 clear: both;
}
.link-takuhai h3 {
 margin-top: 20px;
}
.link-takuhai h5 {
 text-align: center;
 background: none;
 margin: 0;
 padding: 20px 0 5px;
}
#takuhai h5 span {
 font-size: 23px;
 letter-spacing: 20px;
}
#takuhai h6 {
 font-size: 16px;
 font-weight: 100;
 margin-top: 15px;
 text-align: center;
 color: #52392B;
}
.link-takuhai #beginner h6 {
 margin-left: 20px;
 background: url(/img/beginner-mark.png) no-repeat;
 background-size: 20px auto;
 background-position: 55px 0;
}
#takuhai p {
 padding: 10px 40px 20px;
}
.link-takuhai #search1 p, #search2 p, #order1 p, #order2 p, #beginner p {
 margin: 10px;
}
#t-contents .more_right {
 float: right;
}
#t-contents #b_contents8 div.sunpo, div.reason-takuhai, div.link-takuhai {
 padding: 20px 0;
}
#t-contents #b_contents8 #tel a {
 padding: 0 0 0 65px;
}
#t-contents #b_contents8 {
 padding: 0;
 background: none;
}
#t-contents #beginner .more_right {
 margin-top: -20px;
}
.sunpo span#right1, span#right2 {
 display: block;
 font-weight: bold;
}
.sunpo span#right1 {
 font-size: 18px;
 margin: 10px 0;
}
.sunpo span#right2 {
 text-align: right;
 font-size: 18px;
 float: left;
 margin: 10px 0;
}
.sunpo span#comment {
 display: none;
 width: 360px !important;
 height: 108px;
 background: url(/img/beginner-comment.png) no-repeat;
 background-size: auto auto;
 background-size: 100%;
 text-align: center;
 line-height: 30px;
 padding: 30px 10px;
 float: right;
}
.sunpo #right3 {
 float: right;
 margin: 0 60px 20px 0;
}
#t-contents {
 width: 460px;
 margin-left: 10px;
}
#t-contents .sunpo img {
 width: 440px;
 height: auto;
 display: block;
 margin: 0px auto 30px;
}
.link-takuhai #search1, #search2, #order1, #order2, #beginner {
 border-radius: 8px;
 padding: 15px;
 margin: 15px 0;
}
.link-takuhai #search2, #order2 {}
.link-takuhai #search1, #search2 {
 background-color: #FDE7CF;
}
.link-takuhai #order1, #order2 {
 background-color: #dcf0f9;
}
.link-takuhai #beginner {
 background-color: #fdfad9;
}
table {
 border-collapse: separate;
 border-spacing: 5px;
 text-align: center;
 line-height: 1.1;
 margin-top: 10px;
}
table th {
 color: #fff;
 font-size: 12px;
 font-weight: bold;
}
table th.title {
 background: #8C6D4B;
}
.size table .sagawa a {
 font-size: 12px;
 color: #fff;
}
.size table .yamato a {
 font-size: 12px;
 color: #fff;
}
.size table .jp a {
 font-size: 12px;
 color: #fff;
}
table th.sagawa, th.yamato, th.jp, th.earth {
 height: 30px;
 line-height: 30px;
}
table th.sagawa {
 background: #30448B;
}
table th.yamato {
 background: #279082;
}
table th.jp {
 background: #D74948;
}
table th.earth {
 background: #E19527;
}
table td {
 vertical-align: baseline;
}
table .title2 {
 margin-top: 20px;
 font-weight: bold;
}
table ul {
 text-align: left;
 margin: 110px 5px 20px;
 width: 90px;
}
table li span {
 float: left;
}
table td.sagawa1 {
 background: url(/img/beginner-d-sagawa.png);
 background-repeat: no-repeat;
 background-position: 8px 65px;
 background-size: auto 65px;
}
table td.sagawa1, td.sagawa2 {
 background-color: #DCE1F4;
}
table td.yamato {
 background: url(/img/beginner-d-yamato.png);
 background-color: #E0EFDA;
 background-repeat: no-repeat;
 background-position: 8px 65px;
 background-size: auto 65px;
}
table td.jp1 {
 background: url(/img/beginner-d-post.png);
 background-repeat: no-repeat;
 background-position: 8px 65px;
 background-size: auto 65px;
}
table td.jp1, td.jp2 {
 background-color: #FCE0DF;
}
table td.earth {
 background: url(/img/beginner-d-muji.png);
 background-color: #FDE7CF;
 background-repeat: no-repeat;
 background-position: 8px 65px;
 background-size: auto 65px;
}
#left {
 padding: 20px 0 30px 50px;
 width: 350px;
 height: auto;
 margin: 0;
}
#takuhai a#phone img {
 width: 300px;
 display: block;
 margin: 0;
 padding: 0;
}
.reason-takuhai img {
 width: 460px;
 height: auto;
 padding: 10px 0 5px;
 margin: 0;
}
.link-takuhai img {
 width: 300px;
 height: auto;
 display: block;
 margin: 20px auto;
}
.link-takuhai #order1 img, .link-takuhai #order2 img {
 width: auto;
 height: 135px;
 margin: 20px auto;
}
#staff {
 display: none;
}
#mailBox p img {
 float: none;
 width: auto;
 padding: 0;
 margin: 0;
}
.sunpo a {
 margin: 0 20px 10px;
}
table a {
 display: block;
 text-align: center;
}
table .link1 a {
 margin-top: 10px;
}
table .link2 a {
 width: 90px;
 height: 25px;
 font-size: 11px;
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 line-height: 2.6;
}
table .link2 a span {
 display: none;
}
.link a {
 clear: both;
 margin: 20px 0;
}
#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;
}
.sunpo a:hover, .reason-takuhai a:hover, .link-takuhai a:hover {
 background-position: 0px -53px;
}
table a:hover {
 color: #ab8053;
}
table .link2 a:hover {
 background-position: 0px -17px !important;
}
.sunpo:after, .size:after, .reason-takuhai:after, .link-takuhai:after, .contact:after, .link-takuhai #search1:after, #search2:after, #order1:after, #order2:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
/* お問い合わせ
====================*/
div.contact {
 width: 450px;
 height: auto;
 margin: 0 0 20px 15px;
 border-color: #9d7249;
 border-style: solid;
 border-width: 2px;
 border-radius: 8px;
}
.contact h5 {
 float: left;
 height: 20px;
 font-weight: 500;
 padding: 20px 0 0 70px;
 line-height: 0.5;
}
.contact .phone {
 margin: 20px 0 0;
 background: url(/img/beginner-icon4.png) no-repeat;
 background-size: 50px auto;
}
.contact .tel {
 float: left;
 padding-left: 30px;
}
.contact .tel p {
 clear: both;
 margin-left: -12px;
}
.contact #telBox {
 clear: both;
 float: left;
 width: 250px;
 margin-left: 30px;
 padding: 10px 20px;
 background: #fbf7ee !important;
}
.contact #NO a {
 font-size: 25px;
 font-weight: bold;
 text-decoration: none;
 color: #996c43;
}
.contact li {
 color: #4f392e;
 font-size: 15px;
 font-weight: bold;
}
#mailBox {
 clear: both;
}
.mail {
 margin-left: 30px;
 margin-top: 40px;
 background: url(/img/beginner-icon-mail.png) no-repeat !important;
 background-size: 50px auto;
}
.contact #mailBox p {
 clear: both;
}
.inqBox {
 clear: both;
 border: solid 1px #999999;
 background: #EADAC8;
 margin: 8px;
 padding: 10px;
}
.inqBox em {
 color: #C00;
}
.inqBox dl dd textarea {
 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 input {
 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 input:focus, textarea:focus {
 background: -webkit-gradient(linear, left top, left bottom, from(#FFED85), to(#FFF6C0));
 background: -moz-linear-gradient(#FFED85, #FFF6C0);
}
.inqBox #soushinBtn {
 display: block;
 margin: 30px auto;
 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;
 width: 410px;
 line-height: 43px;
 border-radius: 8px;
}
.inqBox #step2 dt {
 padding: 3px 5px;
 border-bottom: dashed 1px #666;
}
.inqBox #step2 dd {
 padding: 5px;
 margin-bottom: 20px;
}
#contentsBox h4 {
 height: 30px;
 margin: -4px 0 5px 15px;
 background-size: 35px;
}
#contentsBox p {
 margin-top: 10px;
 margin-bottom: 20px;
 margin-left: 45px;
}
#contentsBox #box1 img {
 display: none;
}
#contentsBox .box {
 padding: 10px;
 margin: 10px 36px 20px 51px;
 background: #F5F3DE;
 border: 1px #EAE3B7 solid;
 clear: both;
}
main span.red {
 color: #C00;
}
/* 引越しコンテンツ
====================*/
#contents-h {
 width: 460px;
 margin: 0 auto;
 position: relative;
 line-height: 1.7;
 background: #FFF;
}
#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;
 padding: 5px 0 5px 40px;
 background-repeat: no-repeat;
 background-position: left center;
}
#b-title #hikkoshi-h3 {
 height: 55px;
 line-height: 60px;
 text-indent: 20px;
 font-size: 27px;
 margin: 23px 8px 10px;
 background: url(/img/beginner-hikkoshi1.png) no-repeat;
 background-size: 100%;
}
#contents-h h3 {
 margin: 30px 0 5px;
 font-size: 18px;
 font-weight: bold;
}
.h-caution ul h3 {
 color: #E23619;
}
p.photo2 {
 position: relative;
}
#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 h5 {
 height: 34px;
 margin: 12px 0px -1px 16px;
 padding: 34px 0px 0px 83px;
 font-size: 23px;
 font-weight: bold;
 color: #52392b;
}
h5#one {
 background: url(/img/beginner-hikkoshi7.png) no-repeat;
 background-size: 50px;
 width: 295px;
}
h5#two {
 background: url(/img/beginner-hikkoshi8.png) no-repeat;
 padding: 21px 0 0 102px;
 background-size: 84px;
 width: 331px;
}
h5#three {
 background: url(/img/beginner-hikkoshi9.png) no-repeat;
 padding: 18px 0 0 146px;
 background-size: 140px;
 width: 306px;
}
#contents-h .item_name {
 color: #159DD9;
 text-decoration: underline;
 margin: 20px 0 10px;
 display: block;
}
p.sentence2 {
 width: 420px;
 float: left;
 margin: -30px 0 36px 15px;
 font-size: 14px;
}
p.sentence4 {
 width: 420px;
 margin: 22px 0 45px 17px;
 font-size: 14px;
}
p.sentence5 {
 width: 400px;
 float: left;
 margin: 8px 0 44px 31px;
 font-size: 14px;
}
p.sentence h3 {
 color: #E15D30;
 font-size: 18px;
 font-weight: bold;
}
p.sentence2 span {
 color: #3F210E;
 font-size: 18px;
 font-weight: 100;
 line-height: 43px;
}
p.h-h3 {
 display: block;
 position: absolute;
 width: 450px;
 height: 33px;
 margin: -5px 0 0 15px;
 font-size: 14px;
 font-weight: normal;
 padding-top: 0;
}
div#hikkoshiMenu {
 margin: 0 auto;
}
#hikkoshiMenu li {
 margin: 10px 0;
 background: #FAF7EF;
 border-radius: 5px;
}
#hikkoshiMenu a {
 color: #51392B;
 font-size: 15px;
 text-decoration: none;
 height: 35px;
 text-align: center;
 line-height: 18px;
 display: block;
 line-height: 22px;
 padding: 8px 0 0 5px;
}
#hikkoshiMenu li span {
 display: inline-block;
 transform: rotate(28deg);
 margin: 0 8px 0 3px;
}
div.h-caution {
 width: 460px;
 height: auto;
}
div.h-caution2 {
 width: 460px;
 height: 1199px;
 overflow: hidden;
 background: url(/img/beginner-hikkoshi14.png) no-repeat;
}
.h-caution2 p {
 width: 271px;
 margin: 75px 0 223px 105px;
 height: 122px;
}
#contents-h .h-size_inner {
 margin-bottom: 100px;
 margin-top: 50px;
 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: 435px;
 min-height: 270px;
 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-top: 15px;
}
#contents-h .h-size_inner img {
 float: left;
 margin-right: 15px;
 padding-bottom: 40px;
}
#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 em {
 margin: 15px 0 0;
 font-size: 18px;
 font-weight: bold;
 color: #51392B;
 display: block;
 width: 450px;
}
p#kaiketu {
 margin: -28px 0 0 60px;
 width: 348px;
 font-size: 17px;
 color: #51392B;
 font-weight: bold;
 text-align: center;
}
div.product {
 margin: 0 auto;
 display: block;
}
.product em {
 font-size: 20px;
 width: 340px;
 display: block;
 margin: 0px 0 -36px 21px;
}
.details li {
 width: 175px;
 float: left;
 margin: 15px 0px 0px 33px;
 text-align: center;
 font-size: 14px;
}
.details li img {
 padding: 0 0 0 0;
 width: 166px;
}
.details span {
 display: block;
}
.details h6 {
 font-size: 20px;
 font-weight: normal;
 text-align: center;
 border-bottom: 1px solid #51392B;
 margin: 15px 0 23px 0;
}
p.button a {
 background: url(/img/beginner-button1.png) no-repeat;
 width: 242px;
 height: 45px;
 display: block;
 margin: 0px 0 21px 194px;
 clear: both;
 text-align: center;
 line-height: 47px;
 color: #FFF;
 text-decoration: none;
 font-size: 20px;
 font-weight: bold;
}
p.button {
 margin: 504px 0 0 0;
}
p.button2 a {
 background: url(/img/beginner-button2.png) no-repeat;
 width: 390px;
 height: 57px;
 display: block;
 margin: 0px 0 0px 419px;
 clear: both;
 text-align: center;
 line-height: 62px;
 color: #FFF;
 text-decoration: none;
 font-size: 25px;
 font-weight: bold;
}
p.button2 {
 margin: 242px 0 21px -387px;
}
p.button2 span {
 display: inline-block;
 transform: rotate(28deg);
 margin: 0 8px 0 3px;
}
.photo img {
 margin: 30px auto;
 display: block;
 width: 422px;
 height: auto;
}
div.point {
 border-bottom: 1px dashed #8B7149;
 overflow: hidden;
}
div#point {
 border: none;
}
div.point img {
 width: 440px;
 height: auto;
}
#contents-h .point h5 {
 font-size: 20px;
 color: #51392B;
 font-weight: normal;
 background: none;
 margin: -10px 0 0 -75px;
}
#contents-h4 img {
 display: block;
 margin: 0 auto;
}
ul#konpo {
 margin: 0 0 0 -11px;
}
ul#konpo li {
 float: left;
 width: 182px;
 height: 214px;
 padding-left: 36px;
 text-align: center;
 font-size: 14px;
}
ul#konpo li img {
 width: 152px;
 height: 152px;
 margin: 10px;
}
p.top {
 font-size: 14px;
 text-align: right;
 margin: -24px 0px 20px 19px;
 width: 450px;
}
span.price {
 position: absolute;
 bottom: 0;
 right: 41px;
 width: 170px;
 height: 30px;
 background: #FB8700;
 color: #fff;
 padding: 3px 6px 6px 10px;
 font-size: 18px;
 text-align: left;
 margin: 0 0 0 -326px;
}
.member {
 background: #fdfad9;
 width: 450px;
 margin: 0 0 37px 16px;
 border: 1px #fdfad9 solid;
 border-radius: 8px;
}
h4.other {
 font-size: 17px;
 background: none;
 margin: -5px 0px -28px -28px;
 width: 470px;
}
.kakomi {
 background: #fff;
 border: 1px #fff solid;
 border-radius: 4px;
 float: left;
 width: 395px;
 margin: 0px 0 22px 17px;
 padding: 10px;
}
.member h5 {
 background: none;
 font-size: 18px;
 padding: 0px 20px 0px;
}
.kakomi h6 {
 font-size: 18px;
 font-weight: normal;
 padding: 4px 0 35px 17px;
}
.kakomi p img {
 width: 350px;
 margin-top: -30px;
 margin-left: 20px;
}
#contents .kakomi p {
 width: 390px;
 margin: 10px -40px 15px 0;
}
.member a.F {
 background: url(/img/2018-beginner-sm-button1.png) no-repeat;
 background-size: 100%;
}
.member a {
 display: block;
 width: 298px;
 height: 52px;
 margin: 20px 0 17px 73px;
 font-size: 21px;
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 line-height: 2.6;
 clear: both;
}
/*　/beginner/(初めての方へ）
============================*/
#b_contents {
 width: 480px;
 display: block;
 margin: 50px auto;
 padding-top: 20px;
}
#b_contents h1 {
 position: relative;
 line-height: 35px;
}
#b_contents h1 span {
 display: inline-block;
 border-radius: 10px;
 padding: 5px 10px;
 margin-left: 5px;
 margin-top: 15px;
 color: #FFF;
 font-size: 25px;
 font-weight: bold;
 background-color: #E89B43;
}
#b_contents h2 {
 padding: 0;
 font-size: 22px;
 border: none;
 text-align: center;
}
#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: -10px 0 30px;
 padding: 15px 0 0;
 background: #FAF6EE;
}
#b_contents #b_main img{
 width: 480px;
 margin-top: -20px;
}
#b_contents #b_main #b_msain_appeal {
 text-align: center;
 height: 412px;
 padding-top: 265px;
 margin-bottom: 20px;
 background: url(/img/beginner-top.png)no-repeat;
 background-size: 280px;
}
#b_contents #b_main_award {
 background: url(/img/beginner-top2.png)no-repeat;
 position: absolute;
 top: 42px;
 right: 20px;
 width: 165px;
 height: 180px;
 background-size: 165px;
}
#b_contents #b_main_award p {
 text-align: center;
 font-size: 24px;
 padding-top: 20px;
 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: 4px !important;
 font-size: 26px !important;
 letter-spacing: 3px;
}
#b_contents #b_main .sub_text {
 font-size: 12px;
 width: 460px;
 margin: 0 auto;
 line-height: 16px;
 position: absolute;
 bottom: -92px;
 right: 10px;
 color: #777777;
 text-align: justify;
}
#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: 64px;
 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: 45px;
}
#b_contents #b_main .b_main_btn_box {
 width: 440px;
 display: block;
 margin: 0 auto;
}
#b_contents #b_main .b_main_btn_box a {
 display: block;
 margin: 0 auto;
 width: 440px;
 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 .b_main_btn_box p {
 display: block;
 margin: 0 auto;
 width: 440px;
 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: 40px 0 0;
font-size:16px;
text-align: center;
background: #FAF6EE;
height: 525px;
}
#b_contents #b_message h2:after {
display:none;
}
#b_contents #b_message p {
font-size:16px;
line-height: 32px;
}
#b_contents #b_message img {
width: 95px;
}
#b_contents #b_message .b_staff1 {
 position: absolute;
 left: 30px;
}
#b_contents #b_message .b_staff2 {
 position: absolute;
 right: 45px;
 bottom: 60px;
}
#b_contents #b_contents1 {
 margin: 45px 10px 30px;
 height: 965px;
}
#b_contents #b_contents1 h3 {
 text-align: center;
 font-weight: bold;
 font-size: 21px;
}
#b_contents #b_contents1 li {
 padding: 15px 0;
}
#b_contents #b_contents1 li + li {
 border-top: solid 1px #c4c4c4;
}
#b_contents #b_contents1 li h3 {
 padding-left: 145px;
 margin-bottom: 10px;
 font-size: 18px;
 font-weight: bold;
 height: 25px;
}
#b_contents #b_contents1 .b_contents1_5 h3 {
 margin-bottom: 32px;
}
#b_contents #b_contents1 li h3 span {
 font-weight: bold;
}
#b_contents #b_contents1 li p {
 padding-left: 145px;
}
#b_contents #b_contents1 .b_contents1_1 {
 background: url(/img/beginner-contents1-1.png)no-repeat;
 background-position: top 20px left 10px;
 background-size: 115px;
}
#b_contents #b_contents1 .b_contents1_2 {
 background: url(/img/beginner-contents1-2.png)no-repeat;
 background-position: top 20px left 10px;
 background-size: 115px;
}
#b_contents #b_contents1 .b_contents1_3 {
 background: url(/img/beginner-contents1-3.png)no-repeat;
 background-position: top 20px left 10px;
 background-size: 115px;
}
#b_contents #b_contents1 .b_contents1_4 {
 background: url(/img/beginner-contents1-4.png)no-repeat;
 background-position: top 20px left 10px;
 background-size: 120px;
}
#b_contents #b_contents1 .b_contents1_5 {
 background: url(/img/beginner-contents1-5.png)no-repeat;
 background-position: top 20px left 10px;
 background-size: 120px;
}
#voiceBox {
margin-bottom: 40px;
}
.merit_detail {
 width: 420px;
 padding: 15px 20px 10px;
 float: left;
 margin: 10px 0;
 background-color: #FAF6EE;
}
.imgBox img {
 width: 376px;
 margin: 0 auto;
 display: block;
 padding: 15px 0;
}
#b_contents .fp_background {
 background: #FAF6EE;
 padding: 5px 0 5px 0;
}
#b_contents .fp_background div {
 margin-top: 120px;
}
#b_contents .fp_background h3 {
 font-size: 19px;
 width: 300px;
 padding: 26px;
 margin-top: -105px;
 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 {
 background: #fff;
 width: 320px;
 padding: 15px;
 margin: 0px 0 60px 65px;
}
#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 15px 265px;
 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;
}
#serviceBlock {
 min-height: 455px;
}
#serviceBlock div {
 width: 620px;
 float: left;
}
#serviceBlock li {
 position: relative;
 float: left;
 margin: 3px 5px;
}
#takuhaiBox h2 {
 background: url(/img/common/icon-title_truck.svg) no-repeat;
}
#serviceBlock .takuhaiBox_size_price {
 color: #333333;
 position: absolute;
 top: 7px;
 right: 10px;
 font-size: 14px;
 background: rgba(255, 255, 255, 0.7);
}
#serviceBlock .takuhaiBox_size_price span {
 font-size: 19px;
 margin: 0 2px;
}
#serviceBlock .takuhaiBox_size_price .tax {
 font-size: 11px;
}
#serviceBlock .takuhaiBox_size_size {
 font-weight: bold;
 font-size: 27px;
 font-family: sans-serif;
 position: absolute;
 bottom: 8px;
 left: 85px;
 display: inline-block;
 color: #ffffff;
 letter-spacing: 2px;
 text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}
#serviceBlock .takuhaiBox_size_size span {
 font-size: 16px;
}
#serviceBlock .takuhaiBox_size170 .takuhaiBox_size_size span {
 position: absolute;
 width: 68px;
 bottom: -4px;
 font-size: 14px !important;
 line-height: 16px;
 letter-spacing: 0px;
}
#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;
}
/**/
#mailBox {
 margin-top: 30px !important;
}
#mailBox h2 {
 background: url(/img/common/icon-title_post.svg) no-repeat;
}
#mailBox p {
 font-size: 14px;
 line-height: 16px;
 height: 40px;
 color: #333333;
 text-align: center;
}
#mailBox li {
 width: 220px;
 height: 95px;
 overflow: hidden;
}
#mailBox p span {
 display: block;
 margin-top: -8px;
}
#b_contents #serviceBlock div {
 width: 460px;
 margin: 0 10px;
}
#b_contents #serviceBlock li {
 float: left;
 margin: 3px 5px;
}
#b_contents #serviceBlock li img {
 width: 220px;
}
#searchBox h3 {
padding: 10px;
margin-bottom: 20px;
text-align: center;
border-bottom: 2px #DBBD94 solid;
font-weight: bold;
font-size: 21px;
}
#searchBox .b_main_btn_box a {
 display: block;
 margin: 0 auto;
 width: 440px;
 height: 60px;
 line-height: 60px;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 color: #ffffff;
 background: #E89B43;
 border-radius: 5px;
 box-shadow: 0 0 2px gray;
}
#takuhaiBox h3, #mailBox h3 {
 background: #FAF7EF;
 padding: 10px;
 margin-bottom: 10px;
 text-align: center;
 font-weight: bold;
 font-size: 20px;
 border: none;
}
#takuhaiBox h2 {
 background: url(/img/common/icon-title_truck.svg) no-repeat;
}
#mailBox h2 {
 background: url(/img/common/icon-title_post.svg) no-repeat;
}
#categoryBlock {
margin-top: 70px;
margin-bottom:25px
}
#categoryBlock div {
 margin-bottom: 10px;
}
#categoryBlock li {
 width: 450px;
 margin: 10px 4px;
 border: solid 1px #c4c4c4;
 padding: 10px;
 position: relative;
}
#categoryBlock img {
height: 105px;
}
#categoryBlock p {
 line-height: 20px;
 margin: -85px 0px 35px 120px;
}
#categoryBlock a {
 line-height: 20px;
 position: absolute;
 right: 6px;
 bottom: 6px;
}
#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;
 margin: 10px 5px;
 font-size: 20px;
 border: none;
}
#category_type h4, #category_size h4, #category_takuhai h4, #category_purpose h4 {
 margin-bottom: -25px;
 margin-left: 120px;
 padding: 0;
 font-weight: bold;
 font-size: 18px;
}
#designBox {
 margin-top: 30px;
 height: 800px;
}
#designBox h4 {
text-align: center;
font-weight: bold;
font-size: 20px;
}
#designBox .imgBox {
 margin-left: 10px;
}
#designBox img {
 width: 184px;
 margin: 0 23px 0 -12px;
 float: left;
}
.print {
 width: 400px;
 padding: 15px 30px 10px 30px;
 margin: 10px;
 border: solid 1px #c4c4c4;
}
div#b_contents2 {
 width: 460px;
 margin: 0 auto;
}
#b_contents #b_contents2 .b_contents2_1, #b_contents #b_contents2 .b_contents2_2, #b_contents #b_contents2 .b_contents2_3 {
 width: 460px;
 height: 250px;
 float: left;
}
#b_contents #b_contents2 ul {
 margin-left: -10px;
}
#b_contents #b_contents2 li {
 margin: 0 0 10px 10px;
 float: left;
}
#b_contents #b_contents2 li a {
 display: block;
 line-height: 22px;
 font-size: 16px;
 color: #52382B;
 width: 212px;
 height: 50px;
 padding: 5px;
 border: solid 1px #c4c4c4;
 border-radius: 5px;
}
#b_contents #b_contents2 h3 {
 height: 85px;
 line-height: 85px;
 padding-left: 25px;
 background: #FAF6EE;
 margin-bottom: 15px;
}
#b_contents #b_contents2 h3 a {
 font-size: 20px;
 font-weight: bold;
 color: #52382B;
 z-index: 10;
 position: absolute;
 height: 85px;
 width: 385px;
}
#b_contents #b_contents2 .b_contents2_1 h3:before {
 position: absolute;
 background: url(/img/beginner-contents2-1.png)no-repeat right -75px top -93px;
 display: block;
 content: '';
 width: 435px;
 height: 85px;
 background-size: 250px;
}
#b_contents #b_contents2 .b_contents2_2 {
 margin-top: 30px;
}
#b_contents #b_contents2 .b_contents2_2 h3:before {
 position: absolute;
 background: url(/img/beginner-contents2-2.png)no-repeat right 0 top 0px;
 display: block;
 content: '';
 width: 435px;
 height: 85px;
 background-size: 155px;
}
#b_contents #b_contents2 .b_contents2_3 {
 margin-top: 30px;
}
#b_contents #b_contents2 .b_contents2_3 h3:before {
 position: absolute;
 background: url(/img/beginner-contents2-3.png)no-repeat right 0 top 0;
 display: block;
 content: '';
 width: 432px;
 height: 85px;
 background-size: 230px;
}
#b_contents #b_contents2 .b_contents2_1_1 {
 background: url(/img/beginner-contents2-1-1.png)no-repeat;
 background-position: right 10px top 10px;
}
#b_contents #b_contents2 .b_contents2_1_2 {
 background: url(/img/beginner-contents2-1-2.png)no-repeat;
 background-position: right 10px top 10px;
}
#b_contents #b_contents2 .b_contents2_1_3 {
 background: url(/img/beginner-contents2-1-3.png)no-repeat;
 background-position: right 10px top 10px;
}
#b_contents #b_contents2 .b_contents2_1_4 {
 background: url(/img/beginner-contents2-1-4.png)no-repeat;
 background-position: right 10px top 10px;
}
#b_contents #b_contents2 .b_contents2_2_1 {
 background: url(/img/beginner-contents2-1-3.png)no-repeat;
 background-position: right 10px top 10px;
}
#b_contents #b_contents2 .b_contents2_2_2 {
 background: url(/img/beginner-contents2-1-2.png)no-repeat;
 background-position: right 10px top 10px;
}
#b_contents #b_contents2 .b_contents2_2_3 {
 background: url(/img/beginner-contents2-2-3.png)no-repeat;
 background-position: right 10px top 10px;
}
#b_contents #b_contents2 .b_contents2_2_4 {
 background: url(/img/beginner-contents2-2-4.png)no-repeat;
 background-size: 71px;
 background-position: right 2px top 4px;
}
#b_contents #b_contents2 .b_contents2_3 li a {
 background: rgba(255, 255, 255, .6)
}
#b_contents #b_contents2 .b_contents2_3_1 {
 background: url(/img/cardboard-useful_title_1.png)no-repeat;
 background-position: right 0 top 0;
 background-size: 125px;
}
#b_contents #b_contents2 .b_contents2_3_2 {
 background: url(/img/cardboard-useful_title_2.png)no-repeat;
 background-position: right 0 top 0;
 background-size: 125px;
}
#b_contents #b_contents2 .b_contents2_3_3 {
 background: url(/img/cardboard-useful_title_3.png)no-repeat;
 background-position: right 0 top 0;
 background-size: 125px;
}
#b_contents #b_contents2 .b_contents2_3_4 {
 background: url(/img/cardboard-useful_title_4.png)no-repeat;
 background-position: right 0 top 0;
 background-size: 125px;
}
#b_contents #b_contents2 .b_contents2_4 {
 margin-top: 20px;
}
#b_contents #b_contents2 .b_contents2_4 li {
 position: relative;
 width: 225px;
}
#b_contents #b_contents2 .b_contents2_4 li a {
 width: 210px;
 height: 65px;
}
#b_contents #b_contents2 .b_contents2_4 li p {
 line-height: 17px;
 text-align: center;
}
#b_contents #b_contents2 .b_contents2_4 h3 {
 height: 36px;
 line-height: 36px;
 padding-left: 15px;
 font-weight: bold;
}
#b_contents #b_contents2 .b_contents2_4 a {
 text-align: center;
 line-height: 45px;
 font-size: 35px;
 font-weight: bold;
}
#b_contents #b_contents2 .b_contents2_4 a span {
 font-size: 24px;
 line-height: 28px;
 margin-left: 5px;
 font-weight: bold;
}
b_contents #b_contents2 .b_contents2_4 a p {
 background: #ffffff;
 position: absolute;
 bottom: 5px;
 right: 10px;
 padding: 2px 3px;
 line-height: 16px;
 border: solid 1px;
 width: 200px;
 text-align: center;
}
#b_contents #b_contents2 .b_contents2_4 a p:before {
 position: absolute;
 bottom: 20px;
 right: 10px;
 display: block;
 content: '';
 width: 59px;
 height: 42px;
 background: url(/img/beginner-contents2-4icon.png)no-repeat;
 z-index: -1;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size60 a {
 color: #45AC41;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size60 a p:before {
 background-size: 36px;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size80 a {
 color: #159DD9;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size80 a p:before {
 background-size: 39px;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size90 a {
 color: #1E8BD8;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size90 a p:before {
 background-size: 42px;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size100 a {
 color: #2878D6;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size100 a p:before {
 background-size: 45px;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size120 a {
 color: #7152C6;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size120 a p:before {
 background-size: 48px;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size140 a {
 color: #EF6FAC;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size140 a p:before {
 background-size: 51px;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size160 a {
 color: #E03D3D;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size160 a p:before {
 background-size: 54px;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size170 a {
 color: #EA611C;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size170 a p:before {
 background-size: 57px;
}
#b_contents #b_contents2 .b_contents2_4 .b_contents2_4_size170 a span {
 font-size: 19px;
}
#b_contents #b_contents3 {
 margin-top: 70px;
}
#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: 10px;
 padding: 10px 10px 10px 158px;
 background: #FAF6EE;
 border-radius: 5px;
 width: 292px;
 height: 144px;
}
#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: 140px;
 display: block;
 content: '';
 height: 140px;
 width: 140px;
}
#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: 140px;
 display: block;
 content: '';
 height: 140px;
 width: 140px;
}
#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: 140px;
 display: block;
 content: '';
 height: 140px;
 width: 140px;
}
#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: 140px;
 display: block;
 content: '';
 height: 140px;
 width: 140px;
}
#b_contents #b_contents3 .b_contents3_2 {
 margin-top: 30px;
}
#b_contents #b_contents3 .b_contents3_2 li {
 padding-top: 226px;
 margin-top: 30px;
 margin-left: 30px;
 position: relative;
 width: 200px;
 background-size: 200px;
 float: left;
 text-align: center;
 color: #666666;
}
#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: 28px;
 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 li .title {
 height: 48px;
 font-size: 15px;
}
#b_contents #b_contents3 .b_contents3_2_1 {
 background: url(/img/beginner-contents3-2-1.png)no-repeat;
 margin-left: 30px;
 background-size: 210px;
}
#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: 480px;
 display: block;
 margin: 30px auto 0;
}
#b_contents3 .b_main_btn_box p {
 display: block;
 margin: 0 auto;
 width: 450px;
 position: relative;
 text-align: center;
 font-size: 18px;
}
#b_contents3 .b_main_btn_box p:before {
 transform: rotate(-30deg);
 position: absolute;
 top: 20px;
 left: 60px;
 content: '';
 display: block;
 height: 25px;
 width: 2px;
 background: #E89B43;
}
#b_contents3 .b_main_btn_box p:after {
 transform: rotate(30deg);
 position: absolute;
 top: 20px;
 right: 60px;
 content: '';
 display: block;
 height: 25px;
 width: 2px;
 background: #E89B43;
}
#b_contents3 .b_main_btn_box a {
 display: block;
 margin: 0 auto;
 width: 440px;
 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 {
 width: 460px;
 margin: 80px 10px 0;
}
#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: 80px;
}
#voice_box li h4 {
 line-height: 55px;
 height: 55px;
 width: 377px;
 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 125px;
 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: 418px;
 padding: 20px;
 margin: 20px 10px;
 min-height: 250px;
 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: 102px;
 float: left;
 text-align: center;
 padding-top: 90px;
}
#voice_box .more_right {
 float: right;
 margin-right: 10px;
}
#voice_box #more_link {
 margin-top: 60px;
}
#consumer_btn {
 position: relative;
 display: block;
 border: solid 1px #c4c4c4;
 color: #53392B;
 font-size: 40px;
 background: url(/img/2019-consumer.png) no-repeat;
 background-size: cover;
 height: 135px;
 font-weight: normal;
 text-align: center;
 margin: 30px auto;
 width: 460px;
}
#consumer_btn .btn_txt {
 display: block;
 background: rgba(255, 255, 255, .8);
 margin: 0 auto;
 width: 300px;
 text-align: center;
 margin-top: 20px;
 font-size: 28px;
 padding: 15px 15px 5px;
 border-radius: 5px;
 line-height: 26px;
}
#consumer_btn .btn_txt span {
 display: block;
 border-top: 1px #5c4232 solid;
 font-size: 20px;
 margin: 10px auto 5px;
 padding: 10px 0 0px 0;
}
#consumer_btn .more_right {
 display: none;
}
#consumer_btn .more_right:after {
 top: 12px;
 right: 5px;
}
#corporation_btn {
 position: relative;
 display: block;
 border: solid 1px #c4c4c4;
 color: #53392B;
 font-size: 40px;
 background: url(/img/corporation-top.jpg) no-repeat;
 background-size: cover;
 height: 135px;
 font-weight: normal;
 text-align: center;
 margin: 30px auto;
 width: 460px;
}
#corporation_btn .btn_txt {
 display: block;
 background: rgba(255, 255, 255, .8);
 margin: 0 auto;
 width: 300px;
 text-align: center;
 margin-top: 20px;
 font-size: 28px;
 padding: 15px 15px 5px;
 border-radius: 5px;
 line-height: 26px;
}
#corporation_btn .btn_txt span {
 display: block;
 border-top: 1px #5c4232 solid;
 font-size: 20px;
 margin: 10px auto 5px;
 padding: 10px 0 0 0;
}
#corporation_btn .more_right {
 display: none;
}
#corporation_btn .more_right:after {
 top: 12px;
 right: 5px;
}
#b_contents6 {
 margin-top: 80px;
}
#videoBox div {
 margin: 0 auto 35px;
 width: 450px;
}
#videoBox iframe {
 width: 450px;
}
#videoBox div p {
 font-size: 16px;
 font-weight: bold;
 color: #53392B;
 margin: 10px 0 0 0;
}
#b_contents7 {
 background: #FAF7EF;
 position: relative;
 width: 440px;
 padding: 10px;
 margin: 10px auto 0;
 text-align: center;
}
#b_contents7 h3 {
 font-weight: bold;
 margin-bottom: 10px;
}
#b_contents8 {
 width: 460px;
 margin: 100px auto 0;
}
#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: 460px;
 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: 428px;
 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;
}
#b_contents8 .contact_box {
 background: #FFFBF3;
 margin-top: 20px;
 padding: 30px 0;
 text-align: center;
}
#b_contents8 #contact_form {
 margin-top: 30px;
 padding: 20px 0 0;
 background: #FFFBF3;
}
#inqBox {
 width: 430px;
 margin: 0 auto;
}
#inqBox p {
 padding: 10px;
}
#inqBox ul {
 border: solid 2px #C4C4C4;
 background: #fff
}
#inqBox li {
 border-bottom: solid 1px #C4C4C4;
}
#inqBox li:first-child {
 line-height: 50px;
}
#inqBox li:last-child {
 border-bottom: none;
}
#inqBox li textarea {
 width: 405px;
 height: 115px;
 border-radius: 5px;
 border: solid #C4C4C4 1px;
 margin: 10px;
}
#inqBox #textarea {
 height: 175px;
}
#inqBox #textarea p {
 line-height: 20px;
}
#inqBox li input {
 width: 405px;
 height: 30px;
 border-radius: 5px;
 border: solid #C4C4C4 1px;
 margin: 10px;
}
#inqBox li p {
 padding: 10px;
 background: #FAFAFA;
}
#inqBox li p span {
 background: #C9361F;
 color: #fff;
 font-size: 14px;
 border-radius: 5px;
 padding: 3px 8px;
 margin-right: 10px;
}
#b_contents9 li {
 float: left;
 margin: 5px;
}
#b_contents9 img {
 width: 220px;
}
/*ミラプリ*/
#m_contents {
 margin: 0 10px !important;
}
#m_contents2, #m_contents3, #m_contents4, #m_contents5 {
 position: relative;
 display: inline-block;
 margin: 20px 0;
}
#m_contents h1 {
 padding: 0 0 10px 0;
 line-height: 1.5;
}
#m_contents h2 {
 padding: 10px;
}
#m_contnets1 #r-movie {
 display: block;
 margin: 0 auto;
}
#m_contents2 li {
 margin: 30px 0;
}
#m_contents2 img {
 width: 200px;
 height: 200px;
 margin: 25px auto 10px;
 display: block;
}
#m_contents2 h5 {
 text-align: center;
 margin: 15px 0;
}
#m_contents3 h5 {
 text-align: center;
 margin: 10px 0;
}
#m_contents3 li {
 margin-top: 50px;
}
#m_contents5 li {
 margin: 40px 0;
}
#m_contents5 img {
 width: auto;
 display: block;
 height: 280px;
 margin: 20px auto;
}
#m_contents #b_contents8 .b_in_contents {
 width: 460px;
}
#m_contents #b_contents8 #inqBox {
 width: 440px;
}
#m_contents #b_contents8 #inqBox p {
 width: 415px;
}
#m_contents #b_contents8 h2 {
 margin: 0;
 background: none;
}
textarea #m_contents #b_contents8 {}
div #mirapuristart {
 background-image: url(/img/sm-mirapuri-banna01.jpg);
 background-repeat: no-repeat;
 width: 460px;
 background-size: 460px;
 height: 158px;
}
div #mirapuristart p {
 font-size: 16px;
 color: #52392b;
 padding: 156px 32px 0 32px;
}
h3#start {
 width: 360px;
 margin-left: 76px;
 font-size: 26px;
 text-align: center;
 line-height: 33px;
 padding-top: 9px;
}
div.mirapuristart p {
 margin: 16px 22px;
}
div.mirapuristart img {
 position: relative;
 top: -180px;
 left: 26px;
}
div.okomari {
 width: 416px;
 height: 590px;
 border: 3px #686868 dotted;
 margin: 69px 0 68px 28px;
}
img#okomariboy {
 position: relative;
 top: -61px;
 left: -9px;
}
div.h8 li {
 font-size: 18px;
 width: 235px;
 height: 70px;
 background: url(/img/m-top13.png) no-repeat;
 padding-top: 33px;
 margin-left: 30px;
}
div#possible1 a, #possible3 a, #possible5 a {
 font-size: 16px;
}
div.h8 {
 margin-top: -72px;
 margin-left: 56px;
}
div.tokuchou img {
 width: 450px;
 height: auto;
 margin: 0 auto;
}
div.mirapurinara {
 width: 289px;
 margin: -50px auto 0;
}
span#shirushi img {
 margin-top: -40px;
 display: none;
}
h4.poss {
 clear: both;
 font-weight: bold;
}
div.mirapuriprint img {
 margin-bottom: 26px;
 width: 375px;
 height: auto;
}
div.mirapuriprint li {
 margin: 32px 0 10px 0;
 text-align: center;
}
div#practice1, .practice2 {
 padding: 39px 27px;
 border: 2px #9d7249 solid;
 border-radius: 6px;
 margin: 6px 0 33px 0;
 width: 404px;
}
div#practice1 img {
 width: 400px;
 height: auto;
}
h5.prac {
 clear: both;
}
div.practice2 img {
 width: 350px;
 height: auto;
 margin-left: 26px;
}
div#practice1 p {
 margin-top: 40px;
}
div.practice2 p {
 margin-top: 40px;
}
div.practice2 {
 margin-bottom: 50px;
}
div#possible4 li {
 font-size: 22px;
 width: 408px;
}
div#practice1 li, .practice2 li {
 font-size: 16px;
 text-align: center;
 margin-top: 60px;
}
li#orignaltyumon {
 color: #52392b;
}
h5.mira {
 text-align: center;
 margin-top: 30px;
}
a.A {
 display: inline-block;
 width: 131px;
 height: 55px;
 line-height: 43px;
 background: #FB8700;
 color: #fff;
 border-radius: 5px;
 font-size: 16px;
}
a.B {
 display: inline-block;
 width: 278px;
 height: 37px;
 line-height: 34px;
 background: #FB8700;
 color: #fff;
 padding: 13px 54px;
 border-radius: 8px;
 font-size: 25px;
}
div.guide1 {
 margin-left: 10px;
}
#mujihako {
 position: relative;
 left: 50px;
}
#r-movie {
 width: 444px;
 height: 250px;
 margin: 10px 0px;
}
#m_contents #tel a {
 color: #6B553E;
 font-size: 48px;
 font-weight: bold;
 display: inline-block;
 background: url(/img/beginner-contents8-1.png) no-repeat;
 background-position: top 21px left 0;
 padding: 0px 0px 0px 65px;
}
#m_contents #tel span {
 font-size: 25px;
 display: block;
 margin-top: -10px;
 font-weight: bold;
 color: #6B553E;
}
#m_contents .bold {
 color: #DBBE84;
 font-size: 36px;
 font-weight: bold;
 /* padding: 16px 0; */
}
/* mt_contents
====================*/
#mt_contents {
 width: 460px;
 margin: 0 auto;
}
#mt_contents h1 {
 background-image: url(/img/mirapuri-techinical-logo.png);
 background-size: 58px;
 background-position: top 0 left 10px;
 background-repeat: no-repeat;
 padding-left: 90px;
 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: 15px;
 display: block;
}
#mt_contents h3 {
 padding: 0;
 margin: 40px 0 10px;
}
#mt_contents h4 {
 padding: 0;
 margin: 20px 0 10px;
}
#mt_contents img {
 width: 420px;
 display: block;
 margin: 0 auto;
}
#mt_contents2-1 img {
 width: 460px;
 height: auto;
}
#mt_contents2-2 img, #mt_contents2-3 img, #mt_contents2-4 img, #mt_contents2-5 img, #mt_contents2-6 img {
 width: 400px;
 height: auto;
}
#mt_contents2-2 li p, #mt_contents2-4 li p {
 margin: 5px 0 10px;
 text-align: center;
}
#mt_contents2-1 p, #mt_contents2-4 p, #mt_contents2-5 p {
 margin: 10px 0;
}
/* お問い合わせ
====================*/
div.contact {
 width: 450px;
 height: auto;
 margin: 0 0 20px 15px;
 border-color: #9d7249;
 border-style: solid;
 border-width: 2px;
 border-radius: 8px;
}
.contact h5 {
 float: left;
 height: 20px;
 font-weight: 500;
 padding: 20px 0 0 70px;
 line-height: 0.5;
}
.contact .phone {
 margin: 20px 0 0;
 background: url(/img/beginner-icon4.png) no-repeat;
 background-size: 50px auto;
}
.contact .tel {
 float: left;
 padding-left: 30px;
}
.contact .tel p {
 clear: both;
 margin-left: 18px;
}
.contact #telBox {
 clear: both;
 float: left;
 width: 250px;
 margin-left: 30px;
 padding: 10px 20px;
 background: #fbf7ee !important;
}
.contact #NO a {
 font-size: 25px;
 font-weight: bold;
 text-decoration: none;
 color: #996c43;
}
.contact li {
 color: #4f392e;
 font-size: 15px;
 font-weight: bold;
}
#mailBox {
 clear: both;
}
/* プラダン　ここから
============================*/
#contents-p {
 width: 460px;
}
#contents-p h1 {
 background: url(/img/common/icon-title_danboru2.svg) no-repeat;
 padding: 5px 0 5px 40px;
 background-repeat: no-repeat;
 background-position: left center;
 margin: 0 0 15px;
 border-bottom: solid 2px #E4CEAF;
 font-size: 27px;
 color: #53392B;
 font-weight: bold;
 line-height: 30px;
}
#contents-p h2 {
 font-size: 22px;
 font-weight: bold;
 color: #5a4d43;
 position: relative;
 margin: 20px 0 10px;
}
#contents-p h3 {
 text-align: center;
 font-weight: bold;
 margin: 30px 0 15px;
}
#contents-p #faqBox {
 width: 460px;
 margin-bottom: 50px;
}
#contents-p #faqBox li h3 {
 text-align: left;
 margin: 0;
 font-size: 18px;
}
#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;
 width: 411px;
 height: 167px;
 margin-bottom: 25px;
 margin-bottom: 30px;
 padding: 12px 12px 20px 12px;
 border-radius: 8px;
 margin: 0 auto 15px;
 text-align: center;
}
li.cate-flow-last:before {
 display: none;
}
#cate-flow li:before {
 content: "";
 position: absolute;
 top: 217px;
 left: 48%;
 transform: rotate(90deg);
 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;
}
.p-titlebox {
 padding: 20px 0 5px;
}
h3.ph3-1 {
 margin: 0 0 10px 10px;
 color: #5a4d43;
 font-weight: bold;
 font-size: 20px;
 border-bottom: 8px double #dfba55;
 width: 400px;
}
h3.ph3-2 {
 margin: 30px 0 0px 10px;
 color: #5a4d43;
 font-weight: bold;
 font-size: 18px;
}
.p-youto h3 span {
 background: linear-gradient(transparent 60%, #ffdb8a 60%);
 font-size: 20px;
}
.p-youto p {
 text-align: center;
}
.p-img img {
 display: block;
 margin: 20px auto 60px;
}
.p-merit {
 margin: 50px 0px;
}
.p-merit h4 {
 margin: 15px 0 10px 10px;
 color: #5a4d43;
 background-image: url(/img/pura-check.jpg);
 background-repeat: no-repeat;
 background-size: 30px;
 padding-left: 40px;
 font-size: 18px;
}
.p-merit p {
 padding-left: 50px;
 margin-bottom: 10px;
}
.simg_box {
 margin: -10px 0 0 0;
 width: 460px;
 background: #fff9f3;
 padding: 5px 0px;
}
.p-syurui h4 {
 background: #51382b;
 color: #fff;
 padding: 10px;
 font-size: 20px;
}
.p-syurui h5 {
 color: #51382b;
 margin-left: 10px;
 font-size: 18px;
 font-weight: bold;
}
.p-syurui a {
 position: absolute;
 right: 10px;
 bottom: 15px;
}
.p-syurui p {
 padding: 10px;
}
.p-syurui img {
 display: block;
 margin: 0 auto;
}
.p-syurui1, .p-syurui2, .p-syurui3 {
 position: relative;
 background: #fff;
 width: 420px;
 padding-bottom: 50px;
 margin: 20px auto;
 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.btn-box {
 position: absolute;
 bottom: -30px;
}
.btn {
 text-align: center;
}
.btn a {
 text-decoration: none;
 color: #fff;
 width: 460px;
 background: #836343;
 border-radius: 5px;
 font-size: 18px;
 padding: 8px 100px;
}
#contents-p .size {
 border-bottom: solid 1px #666;
}
#contents-p #b_contents8, #contents-p #b_contents8 {
 padding: 0;
}
.toku1 {
 background-image: url(/img/pura-toku1.png);
 background-repeat: no-repeat;
 background-size: 457px;
 padding-top: 214px;
 width: 460px;
 margin: 0 10px;
 margin-top: 15px;
}
.toku2 {
 background-image: url(/img/pura-toku2.png);
 background-repeat: no-repeat;
 background-size: 457px;
 padding-top: 214px;
 width: 460px;
 margin: 0 10px;
 margin-top: 15px;
}
.toku3 {
 background-image: url(/img/pura-toku3.png);
 background-repeat: no-repeat;
 background-size: 457px;
 padding-top: 214px;
 width: 460px;
 margin: 0 10px;
 margin-top: 15px;
}
.p-nagare {
 margin-top: 50px;
}
.p-nagare li {
 width: 274px;
 font-size: 18px;
}
.p-nagare ul {
 min-height: 570px;
 margin-top: 30px;
 margin-left: 10px;
}
.flow1 {
 background-image: url(/img/pura-flow1.jpg);
 background-repeat: no-repeat;
 background-size: 170px;
 padding: 0px 0 28px 193px;
 margin: 10px 0;
}
.flow2 {
 background-image: url(/img/pura-flow2.png);
 background-repeat: no-repeat;
 background-size: 170px;
 padding: 0px 0 89px 193px;
 margin: 10px 0;
}
.flow3 {
 background-image: url(/img/pura-flow3.png);
 background-repeat: no-repeat;
 background-size: 170px;
 padding: 0px 0 76px 193px;
}
.flow4 {
 background-image: url(/img/pura-flow4.png);
 background-repeat: no-repeat;
 background-size: 170px;
 padding: 0px 0 28px 193px;
 margin: 10px 0;
}
#p-contactform h3 {
 margin-bottom: 20px;
 background: #dfba55;
 color: #51382b;
 padding: 8px;
 font-size: 16px;
 font-weight: bold;
 width: 200px;
}
.p-contactform p {
 margin: 0 10px;
}
.p-inqBox dl dt {
 font-size: 18px;
 border-radius: 5px;
 color: #51382b;
}
.p-inqBox dl dd input {
 width: 440px;
 border-radius: 5px;
 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: 436px;
 border-radius: 5px;
 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 p {
 margin-left: 0px;
 margin-bottom: 10px;
}
.p-inqBox li {
 margin-left: 10px;
 font-size: 16px;
 color: #51382b;
}
.p-tel {
 margin-bottom: 30px;
}
.p-tel p {
 padding-left: 39px;
}
#contents-p #product_details .detailBox {
 position: relative;
 margin: 0 0 110px;
}
#contents-p #product_details h3 {
 background: #FAF7EF;
 padding: 9px;
 border: none;
 clear: both;
 position: relative;
 top: 22px;
 margin-bottom: 39px;
 font-size: 22px;
}
#contents-p .detailBox h4 a {
 font-weight: bold;
 border-bottom: 2px solid #dbbd94;
 padding-bottom: 10px;
 position: relative;
 color: #53392B;
 font-size: 20px;
 line-height: 26px;
 display: block;
}
#contents-p .product_size {
 top: 101px;
}
#contents-p .product_box {
 position: relative;
 width: 140px;
 margin: 20px 0;
}
#contents-p .button-brown {
 padding: 5px 20px 5px 10px;
 border-radius: 5px;
 bottom: -120px;
 left: 12px;
 position: absolute;
 font-size: 14px;
 font-weight: normal;
}
#contents-p .detailBox .product_box + .product_box {
 margin-left: 15px;
}
#contents-p .detailBox .product_box {
 position: relative;
 width: 140px;
 margin: 20px 0;
}
#contents-p .product_box img {
 width: 142px;
 height: 142px;
}
#contents-p .product_box div {
 width: 140px;
}
#contents-p .product_box h5 {
 position: absolute;
 bottom: -49px;
 color: #333;
 height: 50px;
 overflow: hidden;
 font-weight: normal;
 font-size: 16px;
}
#contents-p .product_box h5 a {
 color: #333;
 height: 50px;
 overflow: hidden;
 display: block;
}
#contents-p .product_box .button-brown {
 padding: 5px 20px 5px 10px;
 border-radius: 5px;
 bottom: -120px;
 left: 12px;
 position: absolute;
 font-size: 14px;
 font-weight: normal;
}
#contents-p .product_box .more_right {
 position: absolute;
 bottom: -75px;
 right: 0;
 font-size: 16px;
}
#contents-p .contact_box {
 background: #FAF7EF;
 margin: 20px 0;
 text-align: center;
 padding: 20px;
}
#contents-p .contact_box h3 {
 margin: 5PX 0;
}
#contents-p #contact_form LI {
 background: #FFF;
}
#contents-p #contact_form {
 PADDING: 5PX;
 BACKGROUND: #FAF7EF;
}
#contents-p #contact_form #soushinBtn {
 display: block;
 top: -6px;
 left: 0;
 height: 50px;
 position: relative;
 margin: 0 auto;
}
/*　プラダン　ここまで
============================*/
/*　setubi.html
============================*/
#contents_s .pc_img img {
 display: none; /*PC画像を表示する*/
}
#contents_s .sp_img img {
 display: inline-block; /*スマホ画像は非表示にする*/
}
/* 設備タイトル見出し
====================*/
#contents_s .h1_title {
 background-image: url("/img/seibi_sm01.jpg");
 width: 480px;
 height: 290px;
 background-repeat: no-repeat;
 background-position: 0pt 4pt;
 padding-bottom: 13px;
 margin: -9px 0 0 0;
}
#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;
 position: relative;
 top: 65px;
 margin: 0px 0px 0px 25px;
 padding: -15px 0px 0px 0px;
}
#contents_s .h1_02 {
 font-size: 45px;
 width: 250px;
 margin: 0px 0px 0px 230px;
 padding: 0px;
 line-height: 50px;
 text-align: left;
}
/* 設備タイトル見出し　ここまで
====================*/
/* プリンタスロッタタイトル　ここから
============================*/
#setubimei {
 margin: 0px;
 width: 480px;
 height: 340px;
 background-color: #F2ECDB;
 background-image: url(/img/seibi_sm06.jpg);
 background-position: bottom;
 background-repeat: no-repeat;
 border-top: solid 10px #E5CFA6; /*左線（実線 太さ 色）*/
}
#setubimei h2 {
 font-size: 26px;
 font-weight: normal;
 width: 219px;
 margin: 0px 0 10px 75px;
 padding: 15px 50px 0 50px;
 border-bottom: solid 1px #53392B;
}
#contents_s .aikn02 {
 margin: 0px 0 0 145px;
 padding: 0px;
}
/* ボクサータイトル
============================*/
#setubimei02 {
 margin: 0px;
 width: 480px;
 height: 340px;
 background-color: #EFE1C6;
 background-image: url(/img/seibi_sm07.jpg);
 background-position: bottom;
 background-repeat: no-repeat;
 border-top: solid 10px #E5CFA6; /*左線（実線 太さ 色）*/
}
#setubimei02 h2 {
 font-size: 26px;
 font-weight: normal;
 width: 219px;
 margin: 0px 0 10px 75px;
 padding: 15px 50px 0 50px;
 border-bottom: solid 1px #53392B;
}
#contents_s .aikn {
 margin: 0px 0 0 190px;
 padding: 0px 0px 20px 0px;
}
/* ミラプリタイトル
============================*/
#setubimei03 {
 margin: 30px 0px 0px 0px;
 width: 480px;
 height: 340px;
 background-color: #EFE1C6;
 background-image: url(/img/seibi_sm08.jpg);
 background-position: bottom;
 background-repeat: no-repeat;
 border-top: solid 10px #E5CFA6; /*左線（実線 太さ 色）*/
}
#setubimei03 h2 {
 font-size: 26px;
 font-weight: normal;
 width: 350px;
 margin: 0px 0 10px 56px;
 padding: 15px 10px 0 10px;
 border-bottom: solid 1px #53392B;
}
/* タイトル　ここまで
============================*/
/* 設備画面本文内デザイン　ここから
============================*/
#contents_s .setumei {
 width: 480px;
 background-color: #FAF7EF;
 margin: 0 auto;
 padding: 25px 0px;
 overflow: hidden;
}
/* 設備画面本文内デザイン　ここまで
============================*/
/* 機械の紹介　ここから
============================*/
#contents_s .syoukai {
 width: 480px;
 margin: 0 0 0 14px;
 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 img {
 margin: 0px 0px 0px -59px;
}
#contents_s .syoukai-1 {
 width: 460px;
 margin: 0;
 padding: 0;
}
#contents_s .syoukai-1 li {
 vertical-align: top;
}
#contents_s .syoukai-1 p {
 font-size: 17px;
 font-weight: normal;
 padding: 0px 10px;
 text-align: left;
 margin-bottom: 10px;
}
#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: 14px;
 font-weight: normal;
 margin: 0px 0px 0px -58px;
}
#contents_s .syoukai-3 {
 padding: 0px;
 width: 163px;
 float: right;
 border-collapse: collapse;
}
#contents_s .syoukai-3 img {
 margin: 20px 19px 0px 23px;
}
#contents_s .syoukai-3 td {
 padding: 0px;
 margin: 0px;
}
#contents_s .syoukai-3 p {
 margin: 5px 0px 0px 0px;
 font-size: 15px;
 font-weight: normal;
}
#contents_s .syoukai-4 {
 padding: 0px;
 width: 163px;
 float: left;
 border-collapse: collapse;
}
#contents_s .syoukai-4 img {
 margin: 30px 19px 0px 35px;
}
#contents_s .syoukai-4 td {
 padding: 0px;
 margin: 0px;
}
#contents_s .syoukai-4 p {
 margin: 5px 0px 0px 0px;
 font-size: 15px;
 font-weight: normal;
 text-align: center;
}
#contents_s .pc_img p {
 display: none; /*PC画像を表示する*/
}
#contents_s .sp_img p {
 display: inline-block; /*スマホ画像は非表示にする*/
}
/* 機械の紹介　ここまで
============================*/
/* ダンボールができるまで　ここから
============================*/
#contents_s .koutei {
 width: 470px;
 margin: 0 auto;
 padding: 20px 0px 0px 0px;
 text-align: center;
}
#contents_s .koutei h3 {
 width: 430px;
 margin: 20px 0px 10px 9px;
 font-size: 19px;
 padding: 0px 8px; /*上下 左右の余白*/
 background: transparent; /*背景透明に*/
 border-left: solid 5px #53392B; /*左線*/
 border-bottom: dotted 1px #53392B;
 font-weight: normal;
 text-align: left;
}
#contents_s .koutei04 p {
 font-size: 16px;
 margin: 10px 0px 0px 0px;
 padding: 0px;
}
#contents_s .koutei04 h4 {
 font-size: 22px;
 color: #E23619;
 margin: 0;
 padding: 0;
 font-weight: normal;
}
#contents_s .koutei04 img {
 margin: 0px 0px 20px 0px;
}
#contents_s .kouteirist {
 width: 420px;
 height: 880px;
 margin: 0 0 0 26px;
 padding: 0px;
 background: #FFEEF1;
}
#contents_s .kouteirist ol {
 padding: 0;
 margin: 0;
}
#contents_s .kouteirist li {
 width: 390px;
 height: 270px;
 padding: 0px;
 margin: 9px 0px 15px 0px;
 display: inline-block;
 background: #ffffff;
}
#contents_s .kouteirist #contents_s .yaari:after {
 content: url(/img/seibi_sm03.png);
 display: block;
 margin: 6px 0px 0px 15px;
}
#contents_s .kouteirist #contents_s .yaari02:after {
 content: url(/img/seibi_sm03.png);
 display: block;
 margin: 0px 0px 0px 15px;
}
#contents_s .kouteirist #contents_s .yanasi:after {
 content: url(/img/seibi_sm04.png);
 display: block;
 margin: 15px 0px 0px 15px;
}
#contents_s .kouteirist p {
 font-size: 18px;
 font-weight: normal;
 padding: 0px 15px;
 margin-top: 10px;
}
#contents_s .kouteirist h4 {
 font-size: 22px;
 color: #E23619;
 text-align: left;
 margin: 0;
 padding: 8px 0px 0px 10px;
 font-weight: normal;
}
/* ダンボールができるまで　ここまで
============================*/
/* アースダンボールでの役割　ここから
============================*/
#contents_s .yakuwari {
 width: 450px;
 margin: 0px 0 0 13px;
 padding: 0px;
 overflow: hidden;
 text-align: center;
}
#contents_s .yakuwari ul {
 font-size: 0;
 margin: 0px;
 padding: 0px;
 display: inline-block;
}
#contents_s .yakuwari li {
 margin: 0px;
 padding: 0px;
 display: inline-block;
 background: #ffffff; /*背景色*/
 height: 395px;
 vertical-align: top;
}
#contents_s .yakuwari h3 {
 width: 280px;
 font-size: 23px;
 margin: 20px 0 0 55px;
 font-weight: normal;
 padding: 2px 20px; /*文字周りの余白*/
 background: #ffffff; /*背景色*/
 border-left: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
 border-right: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
}
#contents_s .yakuwari p {
 font-size: 17px;
 margin-top: 0px 0px 0px 50px 0px;
 padding: 10px 20px; /*文字周りの余白*/
 background: #ffffff; /*背景色*/
 text-align: left;
}
#contents_s .yakuwari-2 p {
 width: 450px;
 font-size: 17px;
 margin-top: 0px;
 padding: 50px; /*文字周りの余白*/
 background: #ffffff; /*背景色*/
}
#contents_s .yakuwari #contents_s .sm01 {
 padding: 10px 0px 0px 0px; /*文字周りの余白*/
}
/* アースダンボールでの役割　ここまで
============================*/
/* スゴ技　ここから
============================*/
#contents_s .sugowaza {
 margin: 75px 0px 0px 16px;
 padding: 0 0 0 16px;
 background: #ffffff;
 border: dotted 1px #53392B;
 width: 428px;
 height: 390px;
 background-image: url(/img/seibi_sm05.jpg);
 background-position: bottom 7px right 7px;
 background-repeat: no-repeat;
}
#contents_s .sugowaza h4 {
 font-size: 22px;
 color: #E23619;
 margin: 5px 0 5px 0px;
 padding: 0px 0px 0 0px;
}
#contents_s .sugowaza p {
 font-size: 18px;
 width: 400px;
 margin: 2px 0 10px 0px;
 padding: 0px 0px 0 0px;
 text-align: left;
}
#contents_s .aikn2 {
 margin: -50px 0 0 -27px;
}
#contents_s .sugowaza02 {
 margin: 75px 0px 0px 16px;
 padding: 0 0 0 16px;
 background: #ffffff;
 border: dotted 1px #53392B;
 width: 428px;
 height: 275px;
}
#contents_s .sugowaza02 h4 {
 font-size: 20px;
 color: #E23619;
 margin: 5px 0 10px 0px;
 padding: 0px 10px 0 10px;
}
#contents_s .sugowaza02 p {
 font-size: 17px;
 width: 434px;
 margin: 2px 0 0 -13px;
 padding: 0px 0px 15px 0px;
 text-align: center;
}
#contents_s .sugowaza03 {
 margin: 75px 0px 0px 16px;
 padding: 0 0 0 16px;
 background: #ffffff;
 border: dotted 1px #53392B;
 width: 428px;
 height: 367px;
 background-image: url(/img/setubi_31.jpg);
 background-position: bottom -140px right -10px;
 background-repeat: no-repeat;
}
#contents_s .sugowaza03 h4 {
 font-size: 21px;
 color: #E23619;
 margin: 5px 0 5px 0px;
 padding: 0px 0px 0 0px;
}
#contents_s .sugowaza03 p {
 font-size: 19px;
 width: 400px;
 margin: 2px 0 0 0px;
 padding: 0px 0px 0 0px;
 text-align: left;
}
/* スゴ技　ここまで
============================*/
#contents_s .moji02 p {
 width: 360px;
 font-size: 18px;
 margin: 10px 0px 10px 22px;
 font-weight: normal;
 padding: 10px 30px 10px 30px; /*文字周りの余白*/
 border-left: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
 border-right: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
 text-align: center;
}
#contents_s .moji03 p {
 width: 360px;
 font-size: 18px;
 margin: 15px 0px 10px 17px;
 font-weight: normal;
 padding: 10px 35px 10px 35px; /*文字周りの余白*/
 background: #ffffff; /*背景色*/
 border-left: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
 border-right: solid 7px #DBBD94; /*左線（実線 太さ 色）*/
 text-align: center;
}
/* その他製造設備　ここから
============================*/
#contents_s .sonota {
 width: 480px;
 text-align: center;
}
#contents_s .sonota ul {
 list-style-type: none;
 padding: 0px;
 margin: 0px 0px 30px 0px;
}
#contents_s .sonota li {
 vertical-align: top;
 display: inline-block;
 width: 420px;
 background: #ffffff; /*背景色*/
 margin: 10px;
 border: dotted 1px #53392B; /*点線*/
 padding-top: 10px;
 padding-bottom: 10px;
}
#contents_s .sonota h4 {
 font-size: 22px;
 color: #E23619;
 text-align: left;
 padding: 5px 0px 0px 20px;
 margin: 0px;
}
#contents_s .sonota p {
 text-align: left;
 font-size: 18px;
 padding: 0px 20px;
}
#contents_s .dejitaru {
 width: 420px;
 margin: 20px auto 0;
}
/* その他製造設備　ここまで
============================*/
/* リンクボタン設定　ここから
============================*/
#contents_s .btn-border {
 display: inline-block;
 position: relative;
 float: left;
 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: 50px;
 width: 450px;
 line-height: 43px;
 border-radius: 8px;
}
/* リンクボタン設定　ここまで
============================*/
h3#contents_s .dejitaru {
 color: #5b3726;
 margin: 0px auto;
 padding: 23px 0px 0px 0px;
 width: 450px;
 text-align: center;
}
#contents_s .irokae {
 font-size: 21px;
 color: #E23619;
}
/* consumer 
====================*/
#contents_c {
 width: 480px;
 position: relative;
 line-height: 1.7;
 background: #FFF;
 margin: 0 0 50px 0;
}
#contents_c #contents {
 margin-top: 0;
}
#contents_c p {
 font-size: 15px;
}
#contents_c h1 {
 color: #53392B;
 font-size: 30px;
 background: url(../img/2019-sm-consumer.png) no-repeat;
 width: 460px;
 height: 104px;
 font-weight: normal;
 text-align: center;
 background-size: 480px;
}
#contents_c h1 span {
 display: block;
 border-bottom: 1px #53392B solid;
 font-size: 25px;
 width: 330px;
 margin: 0 auto 0px;
 padding: 5px 0 0px 0;
}
#contents_c p.con_title {
 margin: 20px auto;
 font-size: 14px;
}
#contents_c h2 {
 font-size: 25px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 line-height: 35px;
 padding: 0;
 background-color: #fff;
}
#contents_c .product {
 border: 1px #e9e9e7 solid;
 position: relative;
 width: 410px;
 height: 170px;
 padding: 15px;
 margin-bottom: 60px;
}
#contents_c .product_set {
 position: relative;
 border: 1px #e9e9e7 solid;
 width: 420px;
 padding: 15px;
 margin: 30px 18px 43px 6px;
 float: left;
}
#contents_c .product_set2 {
 position: relative;
 border: 1px #e9e9e7 solid;
 width: 420px;
 height: 290px;
 padding: 15px;
 margin: 30px 18px 43px 6px;
 float: left;
}
#contents_c .product a {
 text-decoration: none;
}
#contents_c .product_set a {
 text-decoration: none;
}
#contents_c .product_set2 a {
 text-decoration: none;
}
#contents_c .product_set2 p.headline1 {
 margin-bottom: -55px;
}
#contents_c h4 {
 font-size: 20px;
 font-weight: bold;
 color: #53392B;
 padding: 5px 10px;
 border-left: 10px solid #E4CEAF;
 margin-bottom: 55px;
}
#contents_c p.headline1 a {
 width: 400px;
 color: #666666;
 font-size: 18px;
 font-weight: normal;
 position: relative;
 top: -52px;
 display: block;
 left: 40px;
}
#contents_c .product_set p.headline1 a {
 color: #666666;
 font-size: 21px;
 font-weight: normal;
 margin: 0 0 -109px 24px;
 position: relative;
 top: -135px;
 width: 450px;
 display: block;
 left: -31px;
}
#contents_c .product_set2 p.headline1 a {
 color: #666666;
 font-size: 21px;
 font-weight: normal;
 position: relative;
 top: -60px;
 width: 450px;
 display: block;
 left: -10px;
}
#contents_c .product_set p.headline1 img {
 position: relative;
 top: 16px;
 left: -8px;
 width: 40px;
 height: 40px;
}
#contents_c .product_set2 p.headline1 img {
 position: relative;
 top: 5px;
 left: -7px;
}
#contents_c p.service img {
 position: absolute;
 top: 140px;
 width: 40px;
 height: 40px;
}
#contents_c p.service_set img {
 width: 40px;
 height: 40px;
}
#contents_c p.headline1 img {
 position: absolute;
 top: -3px;
 left: -57px;
 width: auto;
 height: 30px;
}
#contents_c .product img {
 position: absolute;
 top: 20px;
 left: 20px;
 width: 160px;
 height: 160px;
}
#contents_c .product .service2 img {
 position: absolute;
 left: 130px;
 top: 25px;
 width: 45px;
 height: 45px;
}
#contents_c .product .headline1 {
 padding: 0;
}
#contents_c .product_set img {
 width: 195px;
 height: 195px;
}
#contents_c .product_set2 img {
 width: 195px;
 height: 195px;
}
#contents_c .product_set2 .service2 img {
 position: absolute;
 left: 155px;
 width: 45px;
 height: 45px;
}
#contents_c p.inner_size {
 font-size: 15px;
 position: absolute;
 top: 75px;
 font-weight: bold;
 padding: 0;
 color: #666;
 margin: 0px 0px 0 182px;
}
#contents_c p.price {
 position: absolute;
 top: 104px;
 color: #E23619;
 font-size: 16px;
 font-weight: bold;
 padding: 0;
 margin: 0 0 0 182px;
}
#contents_c p.number {
 width: 55px;
 height: 18px;
 background: #fff;
 color: #000;
 padding: 5px 0px 5px 0px;
 opacity: 0.50;
 font-size: 14px;
 text-align: center;
 margin: 0 0 -20px 0;
}
#contents_c p.service {
 margin: -40px 0 10px 0;
}
#contents_c h3 {
 color: #53392B;
 font-size: 25px;
 font-weight: normal;
 padding: 30px 0 52px 220px;
 margin: 35px 0 0 0;
 clear: both;
}
#contents_c #set p.com_details {
 background: url(../img/2019-consumer_set.png) no-repeat;
 height: 108px;
 padding: 142px 0 0 0;
 margin: -132px 0px 40px 0;
 background-position: 0 0;
}
#contents_c #takuhai p.com_details {
 background: url(../img/2019-consumer_takuhai.png) no-repeat;
 height: 108px;
 padding: 142px 0 0 0;
 margin: -149px 0px 20px 0;
 background-position: 0 0;
}
#contents_c #takuhai100 p.com_details {
 background: url(../img/2019-consumer_takuhai.png) no-repeat;
 height: 108px;
 padding: 142px 0 0 0;
 margin: -149px 0px 20px 0;
 background-position: 0 0;
}
#contents_c #mail_s p.com_details {
 background: url(../img/2019-consumer_mail.png) no-repeat;
 height: 108px;
 padding: 142px 0 0 0;
 margin: -132px 0px 50px 0;
 background-position: 0 0;
}
#contents_c #yubin p.com_details {
 background: url(../img/2019-consumer_teikei.png) no-repeat;
 height: 108px;
 padding: 142px 0 0 0;
 margin: -132px 0px 20px 0;
 background-position: 0 0;
}
#contents_c #moving p.com_details {
 color: #666666;
 margin: 28px 0 60px 0;
}
#contents_c #storage p.com_details {
 color: #666666;
 margin: 28px 0 60px 0;
}
#contents_c p.transition {
 margin: -30px auto 30px;
 width: 400px;
 padding: 0;
}
#contents_c p.transition a {
 display: inline-block;
 position: relative;
 color: #fff;
 width: 400px;
 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;
 font-size: 16px;
 font-weight: bold;
 line-height: 43px;
 border-radius: 8px;
}
#contents_c ul.shipping_menu {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 width: 460px;
 margin: 30px 0 70px;
 gap: 20px;
}
#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);
 font-size: 18px;
 width: 220px;
 line-height: 48px;
 border-radius: 8px;
}
#contents_c div.com_menuBox {
 padding-top: 10px;
 margin-top: -20px;
}
#contents_c #con_menu {
 margin-bottom: 30px;
}
#contents_c #con_menu li {
 position: relative;
 margin: 15px 0;
}
#contents_c #con_menu img {
 position: absolute;
 top: 5px;
 left: 30px;
}
#contents_c #con_menu a {
 display: block;
 width: 345px;
 height: 56px;
 border: solid 1px #c4c4c4;
 border-radius: 5px;
 box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
 font-size: 18px;
 font-weight: bold;
 color: #53392B;
 padding: 24px 0 0 115px;
}
#contents_c #con_menu a::after {
 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: 30px;
}
#contents_c .product_set ul {
 margin: -194px 0 42px 219px;
}
#contents_c .product_set2 ul {
 margin: -194px 0 42px 219px;
}
#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;
 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;
 color: #333;
}
#contents_c .product_set p.price {
 text-align: left;
 display: block;
 font-size: 15px;
 margin: -36px 0 0 215px;
 width: 189px;
}
#contents_c .product_set2 p.price {
 text-align: left;
 display: block;
 position: absolute;
 top: 191px;
 font-size: 15px;
 margin: 0 0 0 215px;
 width: 189px;
}
#contents_c .product_set a.syosai {
 text-align: right;
 display: block;
 font-size: 16px;
 text-decoration: underline;
 margin: 11px 0 0 215px;
 background: #fff2e6;
 color: #e57423;
 width: 100px;
 padding: 6px 50px;
 border: 1px #e57423 solid;
 border-radius: 6px;
}
#contents_c .product_set2 a.syosai {
 position: absolute;
 bottom: 10px;
 left: 230px;
 padding: 5px 10px;
 font-size: 16px;
 width: 187px;
 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 p.sentence {
 padding: 0;
 width: 220px;
 height: 50px;
 overflow: hidden;
 margin: 15px 10px 0;
 padding-top: 0;
 position: absolute;
 top: 5px;
 left: 190px;
}
div#storage, #moving {
 padding: 0 0 0 9px;
}
#contents_c .product a.syosai {
 position: absolute;
 bottom: 23px;
 left: 194px;
 padding: 5px 10px;
 font-size: 16px;
 width: 210px;
 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 ul.shipping_menu li a::before, #contents_c .product a.syosai::before, #contents_c .product_set2 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 .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;
 padding: 0;
 color: #333;
 border: none;
}
#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: 15px 0px 0px 0;
}
#contents_c .orderguide_Box ul {
 margin: 0 0 0 0px;
 padding: 0;
 list-style: none;
 margin-bottom: 1px;
}
#contents_c .orderguide_Box li {
 font-size: 15px;
}
#contents_c .orderguide_Box a {
 font-size: 15px;
}
#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-top: 15px;
 margin-left: -15px;
}
#contents_c #links01 li {
 width: 175px;
 float: left;
 text-align: center;
 padding: 15px;
 margin: 0 0 15px 15px;
 font-size: 16px;
 font-weight: bold;
 color: #53392B;
 background: #FAF7EF;
}
#contents_c #links02 .table1 {
 border-collapse: collapse;
 border-spacing: 0;
 margin: 15px 0;
 width: 425px;
 border-left: 1px #ccc solid;
 border-right: 1px #ccc solid;
 font-size: 14px;
 width: 1030px;
}
#contents_c .postage_scroll {
 overflow: scroll;
 width: autopx;
}
#contents_c #links02 .table1 ul {
 margin: 0;
 text-align: center;
 width: auto;
}
#contents_c #links02 .table1 li {
 font-size: 14px;
 text-align: center;
}
#contents_c #links02 .table1 .midasi th {
 padding: 5px;
 background: #C4C4C4;
 border-right: 1px #fff solid;
}
#contents_c #links02 .table1 th {
 padding: 10px;
 border-bottom: 1px #C4C4C4 solid;
 text-align: left;
 color: #333;
 font-size: 14px;
}
#contents_c #links02 .table1 td {
 padding: 5px;
 border-left: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
 line-height: 23px;
}
#contents_c #links02 .table1 li:last-child {
 border: none;
}
#contents_c #links02 .table1 .bottom {
 border-bottom: solid 1px #fff;
}
#contents_c #links03 li {
 position: relative;
 width: 135px;
 float: left;
 margin: 0 0 15px 15px;
 padding: 10px 15px 10px 55px;
 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: 7px;
 left: 15px;
 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: 10px;
 left: 15px;
 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: 8px;
 left: 15px;
 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: 10px;
 left: 15px;
 background: url(/img/inquiry-icon-fax.png);
 background-size: 30px;
 display: block;
 content: '';
 width: 30px;
 height: 30px;
}
#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 0 0 15px;
 width: 410px;
 height: 200px;
 border: none;
 padding: 10px;
}
#contents_c #links03 #cate-flow li h5 span {
 font-size: 18px;
 letter-spacing: 0;
}
#contents_c #links03 #cate-flow li + li {
 margin-top: 25px;
}
#contents_c #links03 #cate-flow li:before {
 left: 45%;
 bottom: -30px;
 margin-top: 0;
 border-left: solid 16px #FAF7EF;
}
#contents_c #links_04Box {
 position: relative;
 width: 400px;
 display: block;
 font-weight: bold;
 text-align: center;
 margin: 20px auto 10px;
 background: #FAF7EF;
 padding: 10px;
 color: #53392B;
}
#contents_c #links04 .lins_04_1 {
 display: block;
 font-size: 16px;
 line-height: 21px;
 color: #53392B;
 font-weight: bold;
 text-align: center;
 padding-bottom: 5px;
 border-bottom: solid 2px #E4CEAF;
}
#contents_c #links04 .lins_04_call {
 display: block;
 color: #53392B;
 font-size: 36px;
 font-weight: bold;
 text-align: center;
 padding-left: 48px;
 background: url(/img/inquiry-icon-tel.png)no-repeat center left 30px;
 background-size: 36px;
 line-height: 36px;
 margin-top: 10px;
}
#contents_c #links04 .lins_04_2 {
 font-weight: bold;
}
#contents_c #links04 .lins_04_2 span {
 font-weight: bold;
}
#contents_c #links05 ul {
 margin-top: 15px;
 margin-left: -15px;
}
#contents_c #links05 li {
 float: left;
 padding-top: 80px;
 width: 202px;
 margin: 0 0 15px 15px;
}
#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;
}
#contents_c #links05 .links05_2 {
 background: url(/img/cardboard-delivery_2.png)no-repeat center top 0;
}
#contents_c #links05 .links05_3 {
 background: url(/img/cardboard-delivery_3.png)no-repeat center top 0;
}
#contents_c #links05 .links05_4 {
 background: url(/img/cardboard-delivery_6.png)no-repeat center top 0;
}
#contents_c #consumer_orderguide {
 margin-bottom: 50px;
}
#contents_c #consumer_orderguide .faq_link {
 float: right;
 text-decoration: underline;
}
#contents_c #corporation_btn {
 margin-top: 80px;
}
#contents_c #useful .useful-item {
 width: 460px;
 position: relative;
 margin-bottom: 30px;
}
#contents_c #useful .useful-item strong {
 display: block;
 width: 430px;
 margin: 0 auto 10px;
 color: #F6AC2B;
 font-size: 18px;
 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: 10px;
 height: 170px;
}
#contents_c #useful .useful-item .itembox img {
 width: 170px;
 float: left;
}
#contents_c #useful .useful-item .itembox p {
 margin-left: 180px;
 color: #666;
 text-align: justify;
}
#contents_c #useful .useful-item .itembox .link-btn {
 position: absolute;
 bottom: 10px;
 right: 10px;
 padding: 5px 10px;
 font-size: 16px;
 width: 240px;
 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 p.transition {
 margin: 30px auto;
}
/*#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: 460px;
 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 {
 width: 300px;
 position: absolute;
 right: 10px;
 bottom: 10px;
}
#contents_f #contents_f_title h2 {
 border: none;
 font-size: 22px;
 line-height: 40px;
 padding: 0;
 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: 460px;
 margin: 0 auto;
}
#contents_f #contents_f_box #column {
 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: 460px;
 margin-top: 70px;
 margin-bottom: 10px;
}
#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 {
 width: 450px;
}
#contents_f #contents_f_box .f3 {
 width: 450px;
}
#contents_f #contents_f_box .f4 {
 width: 450px;
}
#contents_f #contents_f_box .f5 {
 width: 450px;
}
#contents_f_item {
 margin-top: 50px;
}
#contents_f_item li {
 margin-top: 5px;
}
#contents_f_item h3 {
 padding: 5px;
 background: #FAF7EF;
 margin-bottom: 10px;
 font-weight: bold;
}
#contents_f .product_box {
 width: 425px;
 background: #fff;
 border: solid 2px #DBBD94;
 border-radius: 10px;
 padding: 15px;
}
#contents_f .product_box + .product_box {
 margin-top: 20px;
}
#contents_f .product_box div {
 float: left;
 width: 235px;
}
#contents_f .product_box img {
 width: 160px;
 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: 21px;
 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;
 bottom: 10px;
 left: 160px;
}
/*== #mirapuri_contents  ==*/
#mirapuri_contents {
 width: 460px;
 margin: 10px auto;
}
#mirapuri_contents h1 {
 color: #000000;
}
#mirapuri_contents h2 {
 padding: 0;
 text-align: center;
 color: #000;
 border: none;
 font-size: 28px;
 line-height: 44px;
 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: 400px;
 margin: 0 auto 70px;
 position: relative;
 height: 51px;
 text-align: center;
 box-sizing: border-box;
}
#mirapuri_contents #mirapuri-contents_appeal:before {
 content: '';
 position: absolute;
 width: 0px;
 bottom: -44px;
 left: -32px;
 z-index: -2;
 border: 24px solid #FFB127;
 border-left-color: transparent;
}
#mirapuri_contents #mirapuri-contents_appeal:after { /*右側のリボン端*/
 content: '';
 position: absolute;
 width: 0px;
 bottom: -44px;
 right: -32px;
 z-index: -2;
 border: 24px solid #FFB127;
 border-right-color: transparent; /*山形に切り抜き*/
}
#mirapuri_contents #mirapuri-contents_appeal span {
 display: inline-block;
 position: relative;
 margin: 0;
 padding: 5px 20px;
 line-height: 37px;
 font-weight: bold;
 font-size: 24px;
 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: 20px 0 232px 15px;
 position: relative;
}
#mirapuri_contents #mirapuri-top .mirapuri-title {
 position: relative;
 font-size: 42px;
 height: 420px;
 line-height: 72px;
 padding-bottom: 101px;
}
#mirapuri_contents #mirapuri-top .mirapuri-title:after {
 display: block;
 content: '';
 width: 300px;
 height: 230px;
 z-index: 10;
 position: absolute;
 right: 0px;
 bottom: 82px;
 background: url(/img/beginner-mirapuri-top1.png)no-repeat bottom 0 right 0;
 background-size: 300px;
}
#mirapuri_contents #mirapuri-top .mirapuri-title span {
 font-weight: bold;
}
#mirapuri_contents #mirapuri-top .mirapuri-title .logo {
 display: block;
 padding-left: 280px;
 height: 70px;
 margin: -83px 0 0 0;
}
#mirapuri_contents #mirapuri-top .mirapuri-title .under_line {
 font-size: 45px;
 display: inline-block;
 background: url(/img/beginner-mirapuri-topline.png)no-repeat left 0 bottom 0;
 height: 63px;
}
#mirapuri_contents #mirapuri-top .mirapuri-top-box-appeal {
 background: linear-gradient(to right, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0));
 height: 253px;
 padding: 10px 0 0 18px;
 position: absolute;
 top: 690px;
 z-index: 2;
 margin-left: -14px;
}
#mirapuri_contents #mirapuri-top .mirapuri-top-box-appeal li {
 padding-left: 70px;
 width: 380px;
 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-top: -95px;
 margin-left: -14px;
}
#mirapuri_contents #mirapuri-top ul li {
 width: 152px;
 height: 152px;
 position: relative;
 float: left;
}
#mirapuri_contents #mirapuri-top ul li img {
 width: 152px;
 height: 152px;
}
#mirapuri_contents #mirapuri-top ul li span {
 color: #fff;
 font-size: 22px;
 font-weight: bold;
 line-height: 21px;
 padding-top: 16px;
 width: 65px;
 height: 54px;
 text-align: center;
 position: absolute;
 top: -8px;
 left: -8px;
 background: url(/img/beginner-mirapuri-top2.png)no-repeat center;
 background-size: 65px;
}
#mirapuri_contents #mirapuri-top-btn .btn {
 position: relative;
 z-index: 2;
 overflow: hidden;
 display: block;
 width: 420px;
 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-contents1 {
 margin-left: -10px;
 width: 480px;
 margin-top: 4px;
}
#mirapuri_contents #mirapuri-contents1 h2 {
 font-size: 25px;
 line-height: 46px;
}
#mirapuri_contents #mirapuri-top h1 {
 position: relative;
 font-size: 29px;
 top: 362px;
 left: -11px;
 text-align: center;
 line-height: 40px;
 background: none;
}
#mirapuri_contents #mirapuri-top h1 .logo {
 position: relative;
 padding-left: 161px;
 top: 2px;
 background: url(/img/beginner-mirapuri-logo.png)no-repeat left 13px top 0px;
 background-size: 142px;
}
/*== slideアニメ ==*/
#mirapuri_contents #mirapuri-contents1 .loopSlide {
 position: relative;
 display: flex;
 flex-flow: row nowrap;
 width: 480px;
 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;
 width: 180px;
 list-style: none;
 text-align: center;
}
#mirapuri_contents #mirapuri-contents1 .loopSlide ul li img {
 display: block;
 width: 180PX;
}
@keyframes slide1 {
 0% {
  transform: translateX(100%);
 }
 to {
  transform: translateX(-100%);
 }
}
@keyframes slide2 {
 0% {
  transform: translateX(0);
 }
 to {
  transform: translateX(-200%);
 }
}
#mirapuri_contents #mirapuri-contents2 {
 margin-top: 70px;
}
#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: 20px 20px 260px;
 position: relative;
 background: #FAFAFA;
}
#mirapuri_contents #mirapuri-contents2 .mirapuri-contents2-Box:after {
 background: url(/img/beginner-mirapuri-contents2-1.png)no-repeat;
 content: '';
 background-size: 460px;
 display: block;
 width: 460px;
 height: 220px;
 position: absolute;
 right: 0;
 bottom: 20px;
}
#mirapuri_contents #mirapuri-contents2 .mirapuri-contents2-Box h3 {
 font-size: 23px;
 color: #000;
 font-weight: bold;
 line-height: 33px;
 margin-bottom: 20px;
}
#mirapuri_contents #mirapuri-contents2 .mirapuri-contents2-Box p {
 width: 440px;
 font-size: 18px;
 line-height: 36px;
}
#mirapuri-contents3 {
 margin-top: 70px;
}
#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: 460px;
 min-height: 540px;
 margin: 0 auto;
 padding: 30px 0;
 background: #FEF7E9;
 position: relative;
}
#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 {
 width: 420px;
 height: 500px;
 margin: 0 auto;
}
#mirapuri-contents3 .mirapuri-contents3-Box .mirapuri-contents3-Box_l .fule-price {
 background: none;
 color: #333;
 top: 20px;
}
#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: 28px;
 font-weight: normal;
}
#mirapuri-contents3 .mirapuri-contents3-Box .mirapuri-contents3-Box_r {
 width: 420px;
 margin: 40px auto 0;
 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 {
 margin-top: 120px;
}
#mirapuri-contents4-p {
 font-size: 18px;
 text-align: center;
 padding: 10px 0;
}
#mirapuri-contents4 img {
 display: block;
 margin: 0 auto;
 width: 460px;
}
#mirapuri-contents4 h3 {
 font-size: 24px;
 line-height: 30px;
 text-align: center;
 font-weight: bold;
 margin-top: 100px;
 color: #E6811D;
}
#mirapuri-contents4 ul {
 background: url(/img/beginner-mirapuri-contents4smback.png)no-repeat;
 width: 460px;
 height: 750px;
 margin: 25px auto 0;
}
#mirapuri-contents4 li {
 height: 225px;
 width: 460px;
 color: #666666;
 padding: 25px 0 0;
 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 center;
 font-size: 17px;
 width: 440px;
}
#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 center;
 font-size: 17px;
 width: 440px;
}
#mirapuri-contents4 .mirapuri-contents4-2 .step3 {
 background: url(/img/beginner-mirapuri-contents4-4.png)no-repeat center top 130px;
}
#mirapuri-contents4-tool {
 margin: 20px 0 0 0;
}
#designToolFrame {
 width: 460px;
 height: 1110px;
 overflow-y: scroll;
}
/*よくあるご質問(#faqBox)
===============================*/
#mirapuri-contents5 {
 margin-top: 70px;
}
#faqBox {
 width: 460px;
 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;
 float: left;
}
#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: 460px;
 margin: 120px auto 0;
}
#mirapuri-contents6 li {
 margin-top: 30px;
 background: url(/img/common/icon-uservaice_user.png)no-repeat left 8px top 50px;
 background-size: 55px;
 padding-left: 75px;
}
#mirapuri-contents6 li h3 {
 padding-left: 20px;
 margin-bottom: 5px;
}
#mirapuri-contents6 p {
 background: url(/img/beginner-mirapuri-contentssm6-1.png)no-repeat;
 width: 334px;
 background-size: 380px;
 padding: 10px 10px 10px 42px;
 font-size: 16px;
 border-radius: 14px;
}
#mirapuri-contents7 {
 margin-top: 120px;
 padding-bottom: 190px;
}
#mirapuri-contents7 ul {
 margin-left: -15px;
}
#mirapuri-contents7 li {
 position: relative;
 float: left;
 margin: 200px 0 15px 15px;
 background: #F7F7F7;
 width: 420px;
 padding: 150px 20px 20px 20px;
}
#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 {
 margin: 15px 0 0 125px;
 width: 295px;
 text-align: right;
}
#mirapuri-contents7 li .price span {
 margin-left: 30px;
 color: #F08414;
 font-size: 28px;
 font-weight: bold;
}
#mirapuri-contents7 .mirapuri-contents7-1:before {
 display: block;
 content: '';
 background: url(/img/mirapuri-contents7-1.png)no-repeat;
 width: 400px;
 height: 400px;
 background-size: 400px;
 position: absolute;
 left: 40px;
 top: -220px;
}
#mirapuri-contents7 .mirapuri-contents7-2:before {
 display: block;
 content: '';
 background: url(/img/mirapuri-contents7-2.png)no-repeat;
 width: 400px;
 height: 400px;
 background-size: 400px;
 position: absolute;
 left: 40px;
 top: -220px;
}
#mirapuri-contents7 .mirapuri-contents7-3:before {
 display: block;
 content: '';
 background: url(/img/mirapuri-contents7-3.png)no-repeat;
 width: 400px;
 height: 400px;
 background-size: 400px;
 position: absolute;
 left: 40px;
 top: -220px;
}
#mirapuri-contents7 .mirapuri-contents7-4:before {
 display: block;
 content: '';
 background: url(/img/mirapuri-contents7-4.png)no-repeat;
 width: 400px;
 height: 400px;
 background-size: 400px;
 position: absolute;
 left: 40px;
 top: -220px;
}
#mirapuri-contents-more {
 margin-top: 70PX;
}
#mirapuri-contents-more p {
 text-align: center;
 margin: 0 auto;
 position: relative;
 width: 460PX;
 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: 20PX;
}
#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: 20PX;
}
#mirapuri-contents-more .btn-box {
 position: relative;
}
#mirapuri-contents-more .btn {
 position: relative;
 z-index: 2;
 overflow: hidden;
 display: block;
 width: 420px;
 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;
 margin: 0 0 65px 0;
}
#mirapuri-contents8 {
 width: 448px;
 margin-left: -10px;
 background: #F08414;
 padding: 10px 15px 30px;
 position: fixed;
 bottom: 0;
 z-index: 100;
 height: 105px;
}
#mirapuri-contents8 .mirapuri-contents8-Box {
 width: 460px;
 margin: 0 auto;
}
#mirapuri-contents8 h2 {
 color: #fff !important;
 font-size: 24px;
 margin-bottom: 15px;
}
#mirapuri-contents8 .mirapuri-contents8-Box p {
 font-size: 16px;
 color: #fff;
 line-height: 28px;
}
#mirapuri-contents8 .mirapuri-contents8-Box .mirapuri-contents8-Box-l {
 width: 440px;
 margin: 0 auto;
}
#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: 440px;
 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: 440px;
 margin: 30px auto 0;
}
.mirapuri-contents8-Box-r a {
 margin-left: 15px;
}
.mirapuri-contents8-smBox a {
 background: #fff;
 color: #F08414;
 width: 215px;
 display: block;
 height: 50px;
 line-height: 50px;
 border-radius: 50px;
 text-align: center;
 float: left;
}
.mirapuri-contents8-smBox {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 position: sticky;
 top: 83%;
 z-index: 100;
 background: #E6811D;
 width: 480px;
 padding-bottom: 40px;
 margin-left: -10px;
 padding-top: 10px;
}
.mirapuri-contents8-smBox h2 {
 font-size: 21px;
 text-align: center;
 color: #fff;
 margin-bottom: 15px !important;
}
#mirapuri_contents .mirapuri-contents8-smBox h2 {
 color: #fff;
 font-size: 23px;
 text-align: center;
 width: 480px;
 margin-bottom: 15px;
}
#mirapuri_contents .mirapuri-contents8-Box-l {
 margin-left: 20px;
}
.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;
}
#flexo_print .flexo_course {
 border: 2px #F5F5F5 solid;
 width: 425px;
 margin: 40px auto;
 padding: 5px 10px;
}
#flexo_print h3 {
 font-size: 20px;
 line-height: 1.5;
 font-weight: bold;
 text-align: center;
 margin-top: 5px;
 margin-bottom: 5px;
}
#flexo_print img {
 width: 180px;
 display: block;
 margin: 0 0 0 60px;
}
#flexo_print p {
 font-size: 16px;
}
#flexo_print .flexo_collar1, .flexo_collar2 {
 height: 157px;
}
#flexo_print .flexo_explanation {
 margin: 0 auto;
 width: 355px;
}
#flexo_print em {
 border: #E89B43 1px solid;
 width: 102px;
 height: 74px;
 border-radius: 60px;
 display: block;
 position: relative;
 top: -140px;
 right: -246px;
 color: #E89B43;
 font-weight: bold;
 text-align: center;
 padding: 27px 0 0 0;
}
#flexo_print em span {
 display: block;
 font-size: 11px;
 font-weight: bold;
 margin: -4px 0;
}
#flexo_print .feature_box {
 background: #F5F5F5;
 margin: 15px 10px;
 padding: 10px 0px 15px 0;
}
#flexo_print .osusume_ul li span {
 color: #E89B43;
 font-weight: bold;
 font-size: 20px;
 position:
  relative;
 left: 2px;
}
#flexo_print .feature_box ul {
 margin: 10px 40px;
}
#flexo_print .feature_box li h4 {
 font-size: 20px;
 padding: 5px 0 5px 0;
 color: #E6811D;
}
#flexo_print .feature_box .osusume_ul li h4 {
 padding: 5px 0 5px 25px;
}
#flexo_print .osusume_ul li {
 margin-left: -23px;
}
#digital_print .digital_course {
 border: 2px #F5F5F5 solid;
 width: 435px;
 margin: 0px auto;
 padding: 15px 10px;
}
#digital_print h3 {
 font-size: 20px;
 line-height: 1.5;
 font-weight: bold;
 text-align: center;
 margin-top: 5px;
 margin-bottom: 5px;
}
#digital_print img {
 width: 180px;
 display: block;
 margin: 0 0 0 60px;
}
#digital_print p {
 font-size: 16px;
}
#digital_print .digital_collar {
 height: 136px;
}
#digital_print .digital_explanation {
 margin: 15px auto;
 width: 420px;
}
#digital_print em {
 border: #E89B43 1px solid;
 width: 102px;
 height: 74px;
 border-radius: 60px;
 display: block;
 position: relative;
 top: -140px;
 right: -245px;
 color: #E89B43;
 font-weight: bold;
 text-align: center;
 padding: 27px 0 0 0;
}
#digital_print em span {
 display: block;
 font-size: 11px;
 font-weight: bold;
 margin: -4px 0;
}
#digital_print #flexo_1color h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 25px;
 height: 25px;
 border-radius: 50px;
 top: -1px;
 left: 93px;
}
#digital_print #flexo_2color h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 25px;
 height: 25px;
 border-radius: 50px;
 top: 0px;
 left: 20px;
}
#digital_print #full_color h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 25px;
 height: 25px;
 border-radius: 50px;
 top: 0px;
 left: 11px;
}
#digital_print .feature_box {
 background: #F5F5F5;
 padding: 10px 0px 15px 0;
 margin: 0 auto;
}
#digital_print .osusume_ul li span {
 color: #E89B43;
 font-weight: bold;
 font-size: 20px;
}
#digital_print .feature_box ul {
 margin: 10px 40px;
}
#digital_print .feature_box h4 {
 font-size: 20px;
 font-weight: bold;
 padding: 5px 0 5px 0;
 color: #E6811D;
 width: 200px;
}
#digital_print .feature_box .osusume_ul li h4 {
 padding: 5px 0 5px 25px;
}
#digital_print .osusume_ul li {
 margin-left: -23px;
}
#digital_print .digital_print_explanation {
 height: 395px;
}
/*法人利用の方へ
==========================================================*/
#corp-contents {
 width: 460px;
 margin: 0 auto 50px;
}
#corp-contents p {
 font-size: 16px;
}
#corp-contents h2 {
 font-size: 25px;
 color: #53392B;
 font-weight: bold;
 text-align: center;
 background: #FAF7EF;
 padding: 10px 0;
 border: none;
 margin: 0;
}
/*corp-contents-top*/
#corp-contents-top {
 background: url(/img/corporation-top-sm.jpg) no-repeat;
 background-position: top;
 margin: 0 auto 50px;
 width: 460px;
}
#corp-contents-top h1 {
 font-size: 28px;
 color: #53392B;
 font-weight: bold;
 text-align: center;
 padding: 48px 0;
}
#corp-contents-top p {
 margin-top: 10px;
}
/*corp-menu1*/
#corp-menu1 {
 margin: 30px auto 50px !important;
 width: 460px;
}
#corp-menu1 li {
 padding: 10px;
 margin: 10px;
 border: solid 1px #c4c4c4;
 border-radius: 8px;
}
#corp-menu1 li h3 {
 font-size: 18px;
 font-weight: bold;
 color: #53392B;
}
#corp-menu1 li label {
 display: block;
 padding: 15px 20px 10px 20px;
 position: relative;
}
#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 {
 display: block;
 margin: 0 auto;
}
#corp-menu1 .hidden_box .hidden_show {
 height: 0;
 width: 440px;
 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 {
 width: 460px;
}
#corp-menu2 ul {
 margin: 10px 0;
}
#corp-menu2 li {
 position: relative;
 margin: 15px 0;
}
#corp-menu2 a {
 display: block;
 width: 360px;
 height: 50px;
 border: solid 1px #c4c4c4;
 border-radius: 5px;
 box-shadow: 1px 1px 2px rgb(0, 0, 0, 0.1);
 font-size: 18px;
 font-weight: bold;
 color: #53392B;
 padding: 30px 0 0 100px;
}
#corp-menu2 ul h3 {
 padding: 28px 0 0 110px;
}
#corp-menu2 img {
 position: absolute;
 top: 5px;
 left: 20px;
}
#corp-menu2 a::after {
 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-contents-item*/
#corp-contents-item {
 margin-bottom: 150px;
 width: 460px;
}
#corp-contents-item h3 {
 font-size: 23px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 line-height: 35px;
}
#corp-contents-item .contents-txt {
 margin: 20px auto;
}
#corp-contents-item .item-box {}
#corp-contents-item .item-info {
 width: 440px;
 border: solid 1px #c4c4c4;
 position: relative;
 padding: 10px;
 margin-bottom: 20px;
}
#corp-contents-item .item-info img {
 width: 170px;
 height: 170px;
 position: absolute;
 top: 45px;
 left: 10px;
}
#corp-contents-item .product_id {
 position: absolute;
 top: 10px;
 left: 10px;
 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-sm {
 width: 260px;
 margin: 5px 10px 0px 180px;
 position: relative;
}
#corp-contents-item .info-right h4 {
 font-size: 18px;
 color: #159DD9;
 margin-left: 65px;
}
#corp-contents-item .info-right .size {
 color: #666;
 margin-bottom: 5px;
}
#corp-contents-item .info-right .icon-box {
 display: flex;
 margin-bottom: 5px;
}
#corp-contents-item .icon-box .takuhai-size, .teimen-size, .postage, .mail-size, .konpou-item {
 padding: 4px 7px 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 .info-right #text_h0863 {
 letter-spacing: -0.06em;
}
#corp-contents-item .text {
 font-size: 15px;
 margin-bottom: 10px;
}
#corp-contents-item .tanka {
 color: #E23619;
 font-size: 20px;
 font-weight: bold;
}
#corp-contents-item .more-item {
 display: block;
 font-size: 16px;
 font-weight: bold;
 width: 260px;
 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;
 margin: 10px auto 0;
 position: relative;
}
#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: 70px auto;
 padding-top: 30px;
}
#corp-contents1 .koukoku-box {
 float: right;
 margin: 25px 0 0 5px;
}
/*corp-contents2*/
#corp-contents2 {
 margin: 120px auto 0;
 padding-top: 30px;
}
/*corp-contents3*/
#corp-contents3 {
 margin: 120px auto 0;
 padding-top: 30px;
}
#takuhai-link {
 margin-top: 30px;
}
#takuhai-link ul {
 margin-top: 10px;
}
#takuhai-link br {
 display: none;
}
#takuhai-link a {
 display: block;
 width: 340px;
 border: solid 1px #c4c4c4;
 border-radius: 5px;
 font-size: 15px;
 font-weight: bold;
 color: #53392B;
 position: relative;
 padding: 15px 0 15px 120px;
 box-shadow: 1px 1px 2px rgb(0, 0, 0, 0.1);
 margin-bottom: 15px;
}
#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: 30px;
}
#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: 30px;
 top: 3px;
 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: 30px;
 top: 3px;
 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: 30px;
 top: 3px;
 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: 30px;
 top: 3px;
 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: 30px;
 top: 3px;
 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: 30px;
 top: 3px;
 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: 30px;
 top: 3px;
 transform: scale(-1, 1);
}
#takuhai-link span {
 font-size: 25px;
 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: 50px auto;
 padding-top: 30px;
}
/*corp-contents5*/
#corp-contents5 {
 margin: 120px auto 0;
 padding-top: 30px
}
/*corp-contents6*/
#corp-contents6 {
 margin: 120px auto 0;
 padding-top: 30px
}
#corp-contents6 ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 10px 0;
 width: 420px;
 margin: 10px auto 0;
}
#corp-contents6 li {
 width: 200px;
}
#corp-contents6 li p {
 font-size: 18px;
 text-align: center;
}
#corp-contents6 img {
 filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.3));
 width: 200px;
}
/*corp-contents7*/
#corp-contents7 {
 margin: 120px auto;
 padding-top: 30px;
}
/*#voice_box_block*/
#voice_box_block {
 margin-bottom: 50px;
}
#voice_box_block #voice_box {
 margin-top: 0;
}
#voice_box_block #voice_box li {
 margin-left: 0;
}
#voice_box_block #voice_box li .voice_response {
 font-size: 14px;
}
#contents_c #voice_box_block #voice_box li h4 {
 width: 377px;
 padding: 0 0 0 70px;
 border: none;
 font-weight: normal;
 margin-bottom: 0;
}
#voice_box_block .more_right {
 float: right;
}
#contents_c #voice_box_block {
 margin-bottom: 50px;
}
#hikaku-order {
 width: 450px;
 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: 10px;
}
#hikaku-order .format-box li {
 width: 140px;
}
#hikaku-order .format-box p {
 text-align: center;
 margin-bottom: 10px;
}
#hikaku-order .format-box img {
 width: 140px;
}
#hikaku-order .point2 {
 margin-top: 50px;
 position: relative;
}
#hikaku-order .point2 img {
 margin-top: 10px;
}
#hikaku-order .point2 .point2-3d {
 position: absolute;
 right: 80px;
 bottom: 240px;
}
#hikaku-order .point3 {
 margin-top: 50px;
}
#hikaku-order .point3 img {
 width: 450px;
}
#hikaku-order .point4 {
 margin-top: 50px;
}
#hikaku-order .point4 img {
 width: 450px;
}
#hikaku-order .arrow2 {
 margin: 30px auto;
 display: block;
}
#hikaku-order strong {
 font-size: 23px;
 color: #53392B;
 display: block;
 text-align: center;
}
#hikaku-order .customize-box {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 gap: 0 25px;
 margin-top: 30px;
 align-items: center;
 margin: 30px 0 0;
 width: 450px;
}
#hikaku-order .customize-box img {
 filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3));
 width: 130px;
}
#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 p {
 text-align: center;
 margin: 20px 0;
 font-size: 14px;
}
#customer_reviewBox .c_h1Box {
 background: #FAF6EE;
 padding: 30px 10px 20px;
 position: relative;
}
#customer_reviewBox .c_h1Box:after {
 margin: 0 auto;
 display: block;
 content: '';
 width: 400px;
 height: 155px;
 background: url(/img/customer-review1.png)no-repeat center;
 background-size: 420px;
}
#customer_reviewBox .c_h1Box p {
 display: block;
 margin: 0 auto 10px;
 width: 336px;
 padding: 0 30px;
 position: relative;
}
#customer_reviewBox .c_h1Box p:before {
 position: absolute;
 right: 0;
 top: 10px;
 display: block;
 content: '';
 width: 3px;
 height: 74px;
 background: #51372A;
 transform: rotate(20deg);
}
#customer_reviewBox .c_h1Box p:after {
 position: absolute;
 left: 0;
 top: 10px;
 display: block;
 content: '';
 width: 3px;
 height: 74px;
 background: #51372A;
 transform: rotate(-20deg);
}
#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;
}
#customer_reviewBox #customer_about {
 margin-top: 30px;
 padding-top: 30px;
 border-top: dotted 5px #DBBD94;
}
#customer_reviewBox #customer_about h2 {
 border: none;
 background: no-repeat;
 text-align: center;
 padding: 0;
 margin-bottom: 35px;
}
#customer_reviewBox #customer_about h2 span {
 background: linear-gradient(transparent 60%, #FFEEBD 60%);
 font-size: 24px;
 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: 420px;
 height: 250px;
 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-top: 40px;
}
#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: 460px;
 margin: 0 auto;
 display: block;
}
#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 top 10px left 0;
 background-size: 55px;
 margin: 0 0 25px;
 padding: 5px 0 5px 60px;
 color: #53392B;
 font-size: 25px;
 font-weight: bold;
 border-bottom: 2px solid #DBBD94;
 position: relative;
 line-height: 28px;
}
#mirapuri_guide_contents h2 {
 background: #FAF7EF;
 font-size: 22px;
 padding: 6px;
 margin-bottom: 10px;
 color: #53392B;
 font-weight: 700;
 position: relative;
 line-height: 26px;
 border: none;
}
ul#mirapuri_guide_menu li + li {
 margin-top: 10px;
}
#mirapuri_guide_contents img {
 display: block;
 margin: 0 auto 15px;
 width: 440px;
}
#container #mirapuri_guide_contents h2 {
 padding: 0 0 10px 0 !important;
 margin-bottom: 81px !important;
}
#flexo_link {
 position: relative;
 margin-top: -55px;
 margin-bottom: 15px;
}
#flexo_link a {
 display: block;
 text-align: center;
 font-size: 16px;
 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;
}
#contents #mirapuri_guide_contents p {
 font-size: 14px;
}
#mirapuri_guide_contents h3 {
 padding-bottom: 5px;
 border-bottom: solid #c4c4c4 1px;
 margin-bottom: 15px;
 font-weight: bold;
}
#mirapuri_guide_contents h3:before {
 content: '';
 display: block;
 width: 10px;
 height: 20px;
 background: #efefef;
 margin-right: 10px;
 float: left;
}
#mirapuri_guide_contents .inner_contents {
 padding: 25px 0;
 border-bottom: dashed 1px #c4c4c4;
}
#mirapuri_guide_contents .inner_contents h4 {
 padding-left: 35px;
 line-height: 24px;
 margin-bottom: 20px;
 font-size: 18px;
 background: url(/img/mirapuri_guide_mark.png)no-repeat;
 font-weight: normal;
}
#mirapuri_guide_contents .inner_contents h5 {
 font-size: 16px;
 margin-bottom: 5px;
}
#mirapuri_guide_contents .mirapuri_contents_img {
 position: relative;
 width: 460px;
 margin-bottom: 20px;
}
#mirapuri_guide_contents .mirapuri_contents_point {
 background: #f5f5f5;
 padding: 40px 15px 15px;
 width: 430px;
 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_contents1-2 li {
 margin-top: 30px;
}
#mirapuri_guide_contents .mirapuri_contents2-2:before, #mirapuri_guide_contents .mirapuri_contents4-1:before {
 background: url(/img/mirapuri_guide_mark2.png)no-repeat center;
 display: block;
 width: 45px;
 height: 45px;
 content: '';
 position: absolute;
 top: 325px;
 left: 210px;
 transform: rotate(90deg);
}
#mirapuri_guide_contents .mirapuri_contents3-1 img {
 width: 390px;
}
#mirapuri_guide_contents .mirapuri_contents3-2 img {
 width: 440px;
}
#mirapuri_guide_contents .mirapuri_contents3-2 img + img {
 margin-top: 15px;
}
#mirapuri_guide_contents .mirapuri_contents3-2 .contents3-2-1 {
 margin-bottom: 50px;
}
#mirapuri_guide_contents .mirapuri_contents3-2:before {
 position: absolute;
 left: 211px;
 top: 315px;
 display: block;
 width: 32px;
 height: 25px;
 content: '';
 background: url(/img/mirapuri_guide_mark2.png)no-repeat;
 transform: rotate(90deg);
}
#mirapuri_guide_contents .mirapuri_contents2-2 img + img, #mirapuri_guide_contents .mirapuri_contents4-1 img + img {
 margin-top: 30px;
}
#mirapuri_guide_contents .mirapuri_contents_other {
 margin-bottom: 50px;
}
#mirapuri_guide_contents .mirapuri_contents_other li {
 margin-top: 30px;
}
#mirapuri_guide_contents .mirapuri_contents_other li p {
 width: 295px;
 float: right;
}
#mirapuri_guide_contents .mirapuri_contents_other li img {
 width: 150px;
 float: left;
 margin-right: 10px;
}
#mirapuri_guide_contents .mirapuri_contents4-1 {
 min-height: 90px !important;
}
#mirapuri_guide_contents .mirapuri_contents4-1:before {
 top: 120px;
}
#mirapuri_contents1, #mirapuri_contents2, #mirapuri_contents3, #mirapuri_contents4 {
 margin-bottom: 70px;
}
#mirapuri_contents5 {
 margin-bottom: 20px;
}
/*版下作成ガイド 
=========================================*/
#hanshita #contents #contentsBox h1 {
 background: #FAF7EF;
 border: 1px #FAF7EF solid;
 border-radius: 10px;
 font-size: 23px;
 color: #53392B;
 text-align: center;
 height: 197px;
 margin: 0 auto;
 padding: 20px 0 0px 0;
}
#hanshita #contents #contentsBox h1 em {
 font-style: normal;
 font-size: 32px;
 font-weight: bold;
 color: #53392B;
 display: block;
}
#hanshita #summary {
 margin: -95px auto 0;
 width: 435px;
}
#hanshita div#hanshitaMenu {
 width: 470px;
 height: auto;
 margin: 38px auto 28px;
}
#hanshita #hanshitaMenu a {
 border: 2px #DBBD94 solid;
 border-radius: 8px;
 font-size: 16px;
 text-decoration: none;
 width: 122px;
 height: 96px;
 display: block;
 float: left;
 margin: 5px;
 color: #5b361e;
 padding: 20px 10px 0 10px;
 font-weight: bold;
}
#hanshita #hanshitaMenu span {
 display: none;
}
#hanshita #contents #contentsBox h2 {
 color: #53392B;
 padding: 8px;
 position: static;
 font-size: 22px;
}
#hanshita p.sentence1 {
 margin: 0;
}
#hanshita div #flow {}
#hanshita #flow ul {
 width: 421px;
 height: 160px;
 margin-left: 27px;
}
#hanshita #flow li {
 float: left;
 width: 150px;
 text-align: center;
 margin: 20px 0 10px -10px;
 color: #53392B;
 font-size: 18px;
 padding-top: 115px;
}
#hanshita #flow li#flow1::after {
 content: url(/img/beginner-arrow.jpg);
 position: relative;
 top: 250px;
 left: -259px;
 transform: rotate(90deg);
 display: none;
}
#hanshita #flow li#flow2::after {
 content: url(/img/beginner-arrow.jpg);
 position: relative;
 top: 236px;
 left: -210px;
 display: none;
}
#hanshita li#flow1 {
 background: url(/img/beginner-hanshita1.jpg) no-repeat;
 background-size: 70%;
 background-position: top;
}
#hanshita li#flow2 {
 background: url(/img/beginner-hanshita2.jpg) no-repeat;
 background-size: 70%;
 background-position: top;
}
#hanshita li#flow3 {
 background: url(/img/beginner-hanshita3.jpg) no-repeat;
 background-size: 70%;
 background-position: top;
}
#hanshita #contents #contentsBox h3 {
 color: #53392B;
 padding: 9px 14px 7px;
 margin: 50px auto 20px;
 font-size: 20px;
 clear: both;
 width: 430px;
 background: #FAF7EF;
}
#hanshita p.sentence2 {
 width: 460px;
 clear: both;
 margin: 0 0 25px 0;
 padding-top: 0px;
}
#hanshita p.sentence3 {
 width: 403px;
 clear: both;
 padding-top: 226px;
 margin: 0px auto 37px;
}
#hanshita #ami {
 width: 369px;
 height: auto;
 margin-left: 20px;
}
#hanshita #beta {
 width: 370px;
 height: auto;
 margin: 0px auto 0;
}
#hanshita p.photo {
 margin: 0px 0 0 30px;
 float: left;
 height: 190px;
}
#hanshita img.han {
 margin: 25px 0 0 0;
 width: auto;
}
#hanshita #townview img {
 width: 400px;
 height: auto;
 padding-top: 20px;
 margin: 0;
}
#hanshita #townview {
 width: 400px;
 height: 166px;
}
#hanshita h5#hanshitasetumei {
 clear: both;
 margin-left: 33px;
 font-weight: normal;
 width: 430px;
 font-size: 16px;
}
#hanshita h5 span {
 font-size: 23px;
 letter-spacing: normal;
}
#hanshita #contents #contentsBox h4 {
 font-weight: normal;
 color: #53392B;
 padding: 30px 0px 15px 7px;
 font-size: 20px;
 clear: both;
 margin: 0;
}
#hanshita #kihon h5 span {
 display: block;
}
#hanshita #kihon h5 {
 padding: 0 0 20px 0px;
 font-size: 16px;
 font-weight: normal;
}
#hanshita p.photo2 {
 text-align: center;
 margin: 0 0 25px 0;
}
#hanshita #sea1 {
 margin-left: -5px;
}
#hanshita #sea1 img {
 width: 290px;
 height: auto;
}
#hanshita #sea2 img {
 width: 448px;
 height: auto;
}
#hanshita #ribon1 {
 margin-left: 22px;
}
#hanshita #ribon1 img {
 width: 290px;
 height: auto;
 margin-left: 33px;
}
#hanshita #ribon2 img {
 width: 204px;
 height: auto;
 margin-left: 50px;
}
#hanshita #bagbox1 img {
 width: 290px;
 height: auto;
}
#hanshita #bagbox2 {
 float: right;
 margin-left: 19px;
}
#hanshita #bagbox2 img {
 width: 416px;
 height: auto;
}
#hanshita #kihon div.pointBox {
 clear: both;
 background: #FFF7F7;
 width: 406px;
 margin: 20px auto 15px;
 border: 1px #FFF7F7 solid;
 border-radius: 8px;
 padding: 20px;
 padding-bottom: 40px;
}
#hanshita #kihon div#point1 p {
 margin-left: 10px;
 margin-top: -6px;
}
#hanshita #kihon div#point2 p {
 width: 304px;
 margin-left: 112px;
 margin-top: -28px;
}
#hanshita #contentsBox #kihon div#point2 h4 {
 padding: 25px 0 5px 0;
 width: 302px;
 float: right;
}
#hanshita #kihon div#point2 img {
 margin-top: 35px;
}
#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: 100px;
 height: 60px;
 display: block;
 margin: -50px 20px -40px -26px;
 padding: 16px 0 0 12px;
}
#hanshita #kihon div.expression {
 margin: 0 0 0 77px;
}
#hanshita p.photo3 {
 width: 150px;
 margin: 0 0 15px -12px;
}
#hanshita p.photo3 img {
 width: 350px;
 height: auto;
}
#hanshita p.photo5 img {
 width: 100px;
 height: 100px;
}
#hanshita #kihon div.expression h5 {
 padding: 25px 0px 14px 0px;
}
#hanshita #kihon p.represetion {
 clear: both;
 width: 345px;
 margin: 0 0 35px -10px;
}
#hanshita #kihon li {
 margin: 0 0 10px 107px;
 list-style-type: disc;
}
#hanshita #kihon ul {
 margin: 0 65px 40px -11px;
}
#hanshita p.photo4 {
 margin: 0;
}
#hanshita #technique div {
 width: 100px;
 float: left;
 margin: 0 0px 0 15px;
}
#hanshita img#hanshitatown {
 width: 450px;
 height: 92px;
}
#hanshita img.foresize {
 width: 441px;
 height: auto;
 margin-left: -9px;
}
#hanshita p.photo4 img {
 width: 447px;
 height: auto;
}
#hanshita #two {
 text-indent: 1em;
}
#hanshita #technique div.pointBox {
 clear: both;
 width: 440px;
 background: #FFF7F7;
 margin: 90px auto 30px;
 border: 1px #FFF7F7 solid;
 border-radius: 8px;
 padding: 10px;
}
#hanshita .size3 {
 margin: 0;
 text-align: center;
}
#hanshita .size2 {
 margin-left: 25px;
 display: none;
}
#hanshita p#tenkai {
 margin: 49px 0 22px 28px;
 width: 426px;
}
#hanshita p.town {
 font-size: 20px;
 color: #53392B;
 margin-left: 13px;
 margin-top: 34px;
}
#hanshita p.hoto8 {
 margin-left: 50px;
}
#hanshita p.photo5 {
 margin: 0;
 width: 100px;
 height: 100px;
}
#hanshita p.photo6 img {
 width: 394px;
 height: auto;
 margin: 20px auto;
 display: block;
}
#hanshita p.yazirushi1 {
 width: 60px;
 transform: rotate(90deg);
 margin-left: 600px;
 margin-bottom: 30px;
 margin-top: 50px;
 display: none;
}
#hanshita p.sentence4 {
 float: right;
 width: 432px;
 margin-right: 24px;
}
#hanshita p.sentence5 {
 padding: 20px;
 background-color: white;
 margin: 0 auto;
}
#hanshita #blue {
 border: 3px #2BCDFF solid;
 border-radius: 8px;
}
#hanshita #orange {
 border: 3px #F58B23 solid;
 border-radius: 8px;
}
#hanshita #updown {
 width: 323px;
 color: #53392B;
 font-size: 18px;
}
#hanshita #yosumi {
 width: 300px;
 color: #53392B;
 font-size: 18px;
}
#hanshita #circle {}
#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: 102px;
 height: 60px;
 display: block;
 margin: -53px 0 -40px -7px;
 padding: 16px 0 0 12px;
}
#hanshita #technique div.pointBox p {
 margin: 0;
 float: none;
}
#hanshita p#point {
 margin-left: 8px;
 width: 400px;
}
#hanshita p.sentence6 {
 width: 443px;
 margin: 0 auto 40px;
}
#hanshita img#yuki {
 width: 420px;
 height: auto;
}
#hanshita p.photo7 {
 margin: 0 0 0 -5px;
}
#hanshita p.sentence7 {
 writing-mode: vertical-rl;
 float: right;
 margin-right: 19px;
 margin-top: -191px;
 color: red;
 font-size: 17px;
}
#hanshita p.haichi {
 font-size: 20px;
 color: #53392B;
 margin: 0 0 5px 10px;
}
#hanshita p.haichi2 {
 font-size: 20px;
 color: #53392B;
 width: 406px;
 margin-left: 34px;
 margin-bottom: 10px;
 padding-top: 350px;
}
#hanshita p.hako {
 float: right;
 margin-top: 11px;
 height: 141px;
}
#hanshita .hako img {
 width: 116px;
 height: auto;
}
#hanshita #danball li {
 margin: 40px 43px;
}
#hanshita span#yazhirushi3 {
 display: none;
}
#hanshita #danball li#danball1 {
 width: 200px;
 color: #53392B;
 text-aline: center;
 margin-left: 133px;
}
#hanshita #danball li#danball2 {
 width: 256px;
 color: #53392B;
 height: 191px;
 margin-left: 109px;
}
#hanshita #danball li#danball3 {
 width: 332px;
 color: #53392B;
 height: 231px;
 margin-left: 59px;
}
#hanshita #danball li#yazirushi2 {
 position: relative;
 right: -1px;
 top: 69px;
 width: 50px;
 margin: -15px;
}
#hanshita #danball a#kantan {
 margin: -40px 0 0 40px;
}
#hanshita .recommendBox {
 width: 217px;
 height: 478px;
 float: left;
 margin: 10px 5px -2px 4px;
 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 .recommendBox img {
 width: 195px;
 height: 195px;
}
#hanshita p.design1 {
 background: #FAF7EF;
 width: auto;
 height: 30px;
 font-size: 15px;
 padding: 10px 9px 20px 88px;
 margin: 0;
}
#hanshita p.design2 {
 font-size: 14px;
 padding: 9px 9px 0px 10px;
 font-weight: normal;
 min-height: 50px;
 display: block;
 margin: 0;
}
#hanshita p.design3 {
 font-size: 14px;
 width: 189px;
 padding: 14px;
 margin: 0;
}
#hanshita a.details {
 display: block;
}
#hanshita span.cate1 {
 display: block;
 width: 83px;
 height: 35px;
 background: #45A09D;
 color: #fff;
 font-size: 13px;
 transform: rotate(-10deg);
 line-height: 15px;
 padding: 8px 4px 0 9px;
 font-weight: bold;
 margin: -52px 0 0 -100px;
}
#hanshita span.new {
 width: 55px;
 height: 55px;
 position: absolute;
 top: 110px;
 left: 168px;
 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: 94px;
 height: 35px;
 background: #C58B6A;
 color: #fff;
 font-size: 13px;
 transform: rotate(-10deg);
 line-height: 15px;
 padding: 8px 0px 2px 6px;
 font-weight: bold;
 margin: -50px 0 0 -100px;
}
#hanshita span.cate2 em {
 font-style: normal;
 font-size: 18px;
}
#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: -52px 0 0 -100px;
}
#hanshita span.cate3 em {
 font-style: normal;
 font-size: 18px;
}
#hanshita .recommendBox img {
 margin: 0px 10px 0 11px;
}
#hanshita span.id {
 top: 120px;
 left: 11px;
 right: auto;
 padding: 3px 5px;
 color: #333;
 font-size: 13px;
 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;
 display: none;
}
#hanshita span.price {
 position: absolute;
 width: 117px;
 height: 18px;
 bottom: 165px;
 right: 11px;
 background: #FB8700;
 color: #fff;
 padding: 3px 0px 7px 10px;
 font-size: 16px;
 text-align: left;
}
#hanshita .recommendBox button {
 top: 149px;
 left: 20px;
}
#hanshita .recommendBox button.mylistOFF {
 background: url(../img/2018-mylist-icon-offS.png);
 display: block;
}
#hanshita #kantan {
 position: relative;
 margin: 25px auto 40px;
}
#hanshita #itemBox {
 position: relative;
 width: 460px;
}
#hanshita #itemBox h2 {
 padding: 3px 5px 3px 5px;
 margin: 10px 0;
 font-size: 21px;
 border: none;
 border-bottom: solid #DBBD94 2px;
 background: none;
}
#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 .right {
 margin-bottom: 20px;
}
/*「ミラプリ」フルカラー印刷でお客様に喜ばれるお届け箱を作ろう！( #mirapurimake_contentsBox )
=========================================*/
#mirapurimake_contentsBox #mirapurimake_titleBox {
 padding: 30px 15px;
 background: transparent linear-gradient(180deg, #f2ecdb 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
 position: relative;
 height: 415px;
 padding-bottom: 50px;
}
#mirapurimake_contentsBox #mirapurimake_titleBox h1 {
 text-align: center;
 color: #333333;
 font-size: 24px;
 line-height: 40px;
}
#mirapurimake_contentsBox #mirapurimake_titleBox h1 .title {
 font-size: 33px;
 padding-left: 162px;
 background: url(/img/beginner-mirapuri-logo.png)no-repeat top 0px left 0;
 background-size: 160px;
 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: 460px;
 margin: 25px auto;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox a {
 float: left;
 width: 140px;
 padding-top: 125px;
 text-align: center;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox a + a {
 margin-left: 20px;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox a h2 {
 display: block;
 font-size: 20px;
 line-height: 40px;
 text-align: center;
 margin: 0 auto;
 padding: 10px;
 border-radius: 40px;
 background: #FB8700;
 color: #fff;
 border: none;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox #mirapurimake_btn2 h2 {
 line-height: 20px;
 font-size: 18px;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox a p {
 color: #FB8700;
 font-size: 16px;
 line-height: 18px;
 margin-top: 15px;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox #mirapurimake_btn1 {
 background: url(/img/mirapurimake_as1.png)no-repeat center top 0;
 background-size: 165px;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox #mirapurimake_btn2 {
 background: url(/img/mirapurimake_ch1.png)no-repeat center top -6px;
 background-size: 145px;
}
#mirapurimake_contentsBox div#mirapurimake_btnBox #mirapurimake_btn3 {
 background: url(/img/mirapurimake_il1.png)no-repeat center top -13px;
 background-size: 140px;
}
#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 {
 width: 440px;
 position: relative;
 margin: 0 auto 50px;
 background: #F4F4F4;
 border-radius: 10px;
 padding: 40px 10px 15px;
}
#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: 18px;
 color: #FB8700;
 line-height: 26px;
 margin: 0 0 20px;
 padding-bottom: 235px;
 background: url(/img/beginner-mirapuri-contents2-1.png)no-repeat center bottom 0;
 background-size: 440px;
 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;
 padding-left: 30px;
 font-size: 14px;
 line-height: 30px;
}
#mirapurimake_contentsBox #mirapurimake_exp ul li span {
 color: #FB8700;
 font-size: 16px;
 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;
 margin-top: 15px;
}
#mirapurimake_contentsBox #mirapurimake_tool {
 width: 440px;
 position: relative;
 margin: 0 auto 50px;
 background: #F4F4F4;
 border-radius: 10px;
 padding: 30px 10px;
}
#mirapurimake_contentsBox #mirapurimake_tool .mirapurimake_tool {
 position: relative;
 width: 420px;
 background: #ffffff;
 padding: 20px 10px 10px;
 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: 420px;
 height: 290px;
 background: url(/img/mirapurimake_designtool.png)no-repeat left 0px top 0;
 background-size: 420px;
 position: absolute;
 top: 55px;
 left: 10px;
}
#mirapurimake_contentsBox #mirapurimake_tool #mirapurimake_tooldt a {
 position: relative;
 left: 125px;
 width: 230px;
 display: block;
 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: 420px;
 height: 290px;
 background: url(/img/mirapurimake_illustrator.png)no-repeat left 0px top 0;
 background-size: 420px;
 position: absolute;
 top: 55px;
 left: 10px;
}
#mirapurimake_contentsBox #mirapurimake_tool div + div {
 margin-top: 20px;
}
#mirapurimake_contentsBox #mirapurimake_tool h2 {
 margin: 0 auto 25px;
 padding: 0 77px;
 position: relative;
 font-size: 20px;
 color: #333333;
 border: none;
 text-align: center;
}
#mirapurimake_contentsBox #mirapurimake_tool h2:before {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 left: 20px;
 border-left: solid 3px #F08414;
 transform: rotate(-30deg);
 width: 3px;
 height: 60px;
}
#mirapurimake_contentsBox #mirapurimake_tool h2:after {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 right: 20px;
 border-left: solid 3px #F08414;
 transform: rotate(30deg);
 width: 3px;
 height: 60px;
}
#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_contentsBox .mirapurimake_contents {
 position: relative;
 width: 433px;
 margin: 70px auto 0;
 border: solid 2px #FB8700;
 border-radius: 5px;
 padding: 50px 10px 5px;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_contentstitle {
 position: absolute;
 left: -4px;
 top: -4px;
 width: 299px;
 border-radius: 5px 5px 0 0;
 padding: 15px 10px 10px 150px;
 background: #FB8700;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_contentstitle h2 {
 color: #ffffff;
 padding: 0;
 margin-bottom: 10px;
 font-size: 18px;
 line-height: 24px;
 border: none;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_contentstitle p {
 color: #ffffff;
 font-size: 14px;
 line-height: 18px;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_contentstitle img {
 position: absolute;
 left: -8px;
 top: 5px;
 width: 160px;
 height: auto;
}
#mirapurimake_contentsBox #mirapurimake_contentsch .mirapurimake_contentstitle img, #mirapurimake_contentsBox #mirapurimake_contentsil .mirapurimake_contentstitle img {
 left: 0px;
 top: -5px;
 width: 150px;
}
#mirapurimake_contentsBox #mirapurimake_contentsil .contents_block {
 margin-top: 100px;
}
#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 35px top 0px;
 background-size: 33px;
}
#mirapurimake_contentsBox .mirapurimake_contents .ai {
 background: url(/img/mirapurimake_icon2.png)no-repeat left 150px top 4px;
 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 {
 width: 430px;
 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 {
 margin: 0 auto;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_Block .mirapurimake_Inner img {
 width: 200px;
 height: auto;
 float: left;
 margin: 0 20px 0 0;
}
#mirapurimake_contentsBox .mirapurimake_contents .mirapurimake_flex {
 height: 120px;
 margin-top: 35px;
 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: 5px 0 5px 0;
}
#fp_contents {
 width: 480px;
 margin: 0 auto;
}
#fp_contents p {
 font-size: 16px;
}
.fp_section {
 margin-top: 35px;
}
#fp_h1 {
 background: transparent linear-gradient(180deg, #FAF7EF 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
 position: relative;
}
#fp_h1 h1 {
 font-size: 30px;
 text-align: center;
 padding: 25px 46px 25px 46px;
 line-height: 1.2;
}
#fp_h1 p {
 font-size: 16px;
 line-height: 1.5;
 padding: 0 16px;
}
#fp_h1 img {
 width: 480px;
 margin: 5px auto 0;
 display: block;
}
#fp_contents h2 {
 text-align: center;
 font-size: 25px;
 position: relative;
 border: none;
 margin: 0 0 30px 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 0 0;
}
#fp_nemu li {
 border: #EAE4D8 2px solid;
 border-radius: 5px;
 width: 200px;
 padding: 5px 10px;
 float: left;
 height: 35px;
 text-align: center;
 position: relative;
 line-height: 1.3;
 margin: 0 0 8px 11px;
 box-shadow: 0px 0px 10px #eaeaea;
}
#fp_nemu li.line {
 line-height: 2.5;
}
#fp_nemu li a {
 color: #53392B;
 display: block;
 font-size: 14px;
}
#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: 25px 0 0 0;
 height: 275px;
}
#fp_problem ul {
 width: 385px;
 margin: 0 0 0 20px;
}
#fp_problem li {
 font-size: 16px;
 padding: 15px 0 15px 40px;
 background: url(/img/fp_check.png)no-repeat;
 border-bottom: 2px #EAE4D8 dashed;
 background-position: 0 14px;
 background-size: 28px;
}
#fp_problem img {
 margin: -178px 0 0 238px;
 width: 240px;
 display: block;
}
/*印刷ダンボールのメリット*/
#fp_merit .merit_box {
 width: 430px;
 float: left;
 padding: 0 20px 30px;
}
#fp_merit h3 {
 color: #E6811D;
 font-weight: bold;
 font-size: 22px;
 text-align: center;
 padding: 0 0 10px 0;
}
#fp_merit .merit_box p {
 padding: 15px 0 15px 0;
 float: right;
 width: 230px;
}
#fp_merit .merit_box img {
 display: block;
 margin: 0 auto;
 float: left;
 width: 170px;
}
/*アースダンボールが選ばれる理由*/
#fp_reason .reason_box {
 float: left;
 width: 190px;
 padding: 20px 15px;
 background: #fff;
 margin: 0px 0 13px 13px;
 height: 375px;
}
#fp_reason .reason_box img {
 width: 180px;
}
#fp_reason h3 {
 text-align: center;
 font-weight: bold;
 padding: 15px 0;
 font-size: 17px;
}
/*印刷ダンボールの特徴・事例*/
#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: 25px;
 font-weight: bold;
 text-align: center;
 position: relative;
 padding: 0 40px;
}
#fp_jirei h3 span {
 display: block;
 font-size: 20px;
 font-weight: bold;
 color: #333333;
 margin: 24px 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 0px;
 padding: 138px 0 20px 5px;
 position: relative;
}
#fp_jirei .feature_box li {
 font-size: 16px;
 padding: 0 0 10px;
}
#fp_jirei .osusume_ul li span {
 color: #E89B43;
 font-weight: bold;
 font-size: 20px;
}
#fp_jirei .feature_box ul {
 width: 208px;
 float: left;
 padding: 0 0 0 25px;
}
.explanation {
 text-align: center;
 margin: 25px 20px;
}
#fp_jirei .feature_box img {
 position: absolute;
 left: 152px;
 top: -23px;
 width: 190px;
}
#fp_jirei .jirei_contents {
 margin: 40px 0;
 border-bottom: #EAE4D8 2px solid;
 padding: 0 0 35px 0;
}
#flexo_2color .explanation {
 text-align: left;
}
#fp_jirei .jirei_box {
 width: 440px;
 margin: 0 auto 15px;
 border: #F5F5F5 2px solid;
 padding: 10px;
}
#fp_jirei .jirei_box img {
 width: 165px;
 float: left;
}
#fp_jirei .jirei_box dl {
 float: left;
 margin: 0 0 0 15px;
 width: 250px;
}
#fp_jirei .jirei_box dl a {
 display: block;
 text-align: right;
 margin: 10px 0 0 -98px;
 position: relative;
 padding: 0 20px 0 0;
}
#fp_jirei .jirei_box dl a:after {
 display: block;
 content: '';
 position: absolute;
 top: 5px;
 left: 333px;
 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 20px;
}
#fp_jirei .jirei_box dt:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 15px;
 height: 15px;
 border-radius: 50px;
 top: 4px;
 left: 0;
}
#fp_jirei .jirei_box dd {
 padding: 5px 0 7px;
}
#fp_jirei .jirei {
 margin: 30px 0 0 0;
}
#fp_jirei .jirei h4 {
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 padding: 0 0 20px 0;
 color: #E6811D;
}
#fp_jirei .orange_btn {
 display: block;
 margin: 0 auto;
 width: 385px;
 height: 60px;
 line-height: 60px;
 font-size: 18px;
 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: 20px;
 font-weight: bold;
 padding: 0 0 10px 0;
 color: #E6811D;
}
.feature_box .list {
 list-style: disc;
}
/*特徴・メリットから印刷方法を選ぶ*/
#course div {
 border: 2px #F5F5F5 solid;
 width: 425px;
 float: left;
 margin: 0 0 15px 15px;
 padding: 15px 10px 0;
 position: relative;
}
#course h3 {
 font-size: 20px;
 line-height: 1.5;
 padding: 0 30px;
}
#course img {
 width: 180px;
 display: block;
 margin: 0 0 0 60px;
}
#course em {
 border: #E89B43 1px solid;
 width: 102px;
 height: 74px;
 border-radius: 60px;
 display: block;
 position: absolute;
 top: 78px;
 right: 75px;
 color: #E89B43;
 font-weight: bold;
 text-align: center;
 padding: 27px 0 0 0;
}
#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: relative;
 width: 300px;
 bottom: 0;
 left: 70px;
 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: 25px;
 height: 25px;
 border-radius: 50px;
 top: -1px;
 left: 93px;
}
#fp_jirei #flexo_2color h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 25px;
 height: 25px;
 border-radius: 50px;
 top: 0px;
 left: 20px;
}
#fp_jirei #full_color h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 25px;
 height: 25px;
 border-radius: 50px;
 top: 0px;
 left: 11px;
}
/*ご注文方法*/
#fp_order .menu li {
 border: #EAE4D8 2px solid;
 background: #fff;
 border-radius: 5px;
 width: 210px;
 padding: 5px 5px 0 5px;
 float: left;
 height: 45px;
 text-align: center;
 position: relative;
 margin: 0 0 0 8px;
 box-shadow: 0px 0px 10px #eaeaea;
}
#fp_order .menu li + li {
 margin-left: 15px;
}
#fp_order .menu li:after {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 right: 100px;
 bottom: -24px;
 width: 15px;
 height: 15px;
 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: 14px;
 color: #333333;
 display: block;
}
#fp_order_web, #fp_order_inq {
 background: #fff;
 width: 440px;
 margin: 0 auto 20px;
 padding: 40px 10px 30px 10px;
}
#fp_order .menu {
 width: 478px;
 margin: 20px auto 30px;
}
#fp_order h3 {
 font-size: 25px;
 font-weight: bold;
 text-align: center;
 position: relative;
}
#fp_order_web h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 25px;
 height: 25px;
 border-radius: 50px;
 top: 0px;
 left: 0px;
}
#fp_order_inq h3:after {
 display: block;
 content: '';
 position: absolute;
 background: #E89B43;
 width: 25px;
 height: 25px;
 border-radius: 50px;
 top: -1px;
 left: 58px;
}
#fp_order .example {
 margin: 0 0 0 -15px;
 width: 465px;
}
#fp_order .example div {
 float: left;
 width: 144px;
 margin: 20px 5px;
 height: 135px;
}
#fp_order .example div.new_line {
 margin: 20px 5px 20px 85px;
}
#fp_order .example div p {
 font-weight: bold;
 text-align: center;
 padding: 0 0 15px 0;
}
#fp_order .example img {
 width: 120px;
 display: block;
 margin: 0 auto;
}
#fp_order .osusume div {
 float: left;
 width: 190px;
 margin: 10px 0 0 20px;
 height: 255px;
}
#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;
 width: 165px;
}
#fp_order_web h4, #fp_order_inq h4 {
 text-align: center;
 font-weight: bold;
 font-size: 22px;
 color: #E6811D;
 padding: 30px 35px 15px;
}
#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: 380px;
 padding: 20px;
 float: left;
 margin: 0px 0 10px 10px;
 height: 133px;
}
#fp_order_web .order_box p {
 float: right;
 width: 273px;
 margin: -73px 0 0 0;
}
#fp_order_web .order_box img {
 height: 82px;
 display: block;
 width: 82px;
}
#fp_order .flow {
 background: url(/img/beginner-mirapuri-contents4smback.png)no-repeat;
 background-size: 440px 430px;
 margin: 0 auto 0;
}
#fp_order .flow li {
 height: 118px;
 color: #333333;
 padding: 25px 28px 0 125px;
}
#fp_order .flow li span {
 display: block;
 color: #F08414;
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 15px;
 margin-left: 60px;
}
#fp_order_web .flow .step1 {
 background: url(/img/beginner-mirapuri-contents4-2.png)no-repeat 10px 18px;
}
#fp_order_web .flow .step2 {
 background: url(/img/beginner-mirapuri-contents4-3.png)no-repeat 10px 18px;
}
#fp_order_web .flow .step3 {
 background: url(/img/beginner-mirapuri-contents4-4.png)no-repeat 10px 18px;
}
#fp_order_inq .flow .step1 {
 background: url(/img/beginner-mirapuri-contents4-5.png)no-repeat 10px 18px;
}
#fp_order_inq .flow .step2 {
 background: url(/img/beginner-mirapuri-contents4-6.png)no-repeat 10px 18px;
}
#fp_order_inq .flow .step3 {
 background: url(/img/beginner-mirapuri-contents4-4.png)no-repeat 10px 18px;
}
#fp_order .orange_btn {
 display: block;
 margin: 25px auto 0;
 width: 378px;
 height: 23px;
 font-size: 18px;
 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 {
 padding: 50px 0 35px;
}
#fp_order .order_inq_p strong {
 color: #E6811D;
 display: block;
 font-size: 20px;
 padding: 0 10px 15px;
 text-align: center;
}
#fp_order_web .explanation {
 margin: 0px 0 25px;
 position: relative;
}
#fp_order #inq_img {
 width: 440px;
 display: block;
 margin: 0 auto;
}
/*よくある質問*/
#fp_FAQ .more_btn {
 margin: 15px 0 0 158px;
 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: 380px;
 padding: 30px;
 float: left;
 margin: 16px 0 0 20px;
}
#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: 20px 0 15px 262px;
 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: 420px;
 padding: 15px;
 float: left;
 margin: 10px 13px 0px;
}
.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: 120px;
 float: left;
}
.connection_box p {
 width: 290px;
 float: right;
 margin: 0 0 10px 0;
}
#fp_connection .heading {
 font-size: 18px;
 font-weight: bold;
 margin: 0 0 10px 0;
 float: right;
 width: 290px;
}
.connection_box a {
 display: block;
 float: right;
 margin: 0 15px 0 30px;
 position: relative;
}
.connection_box a:after {
 display: block;
 content: '';
 position: absolute;
 top: 5px;
 left: 100px;
 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 a {
 font-size: 16px;
}
#link_list a:hover {
 color: #ab8053;
}
#link_list p {
 padding: 5px 5px;
}
#link_list ul {
 margin: 6px 0;
}
#link_list h2 {
 text-indent: -35px;
 padding-top: 20px;
 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_ch p.title {
 background: #FAF7EF;
 font-size: 16px !important;
}
/*サイズ別のダンボール一覧
============================*/
#link_list_1 {
 margin: 0 auto;
 width: 460px;
}
#link_list_1 h2 {
 margin: 50px 0 25px;
 padding: 5px 0 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 p {
 padding: 5px 5px;
}
#link_list_1 ul {
 margin: 6px 0;
}
.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_ch p.title {
 background: #FAF7EF;
 font-size: 16px !important;
 width: 450px;
}
#link_list_1 .link_list_l1 {
 display: flex;
 flex-wrap: wrap;
 gap: 15px;
 margin-top: 15px;
 margin-bottom: 20px;    
}
#link_list_1 .link_list_l1 a {
 display: block;
 width: 180px;
 font-size: 14px;
 padding-left: 40px;
 height: 42px;
 border: solid 1px #c4c4c4;
 border-radius: 5px;
 line-height: 42px;
 text-align: center;
}
#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: 49px;
 background-position: 2px 10px;
}
#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 2px top 2px;
 background-size: 36px;
}
#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:40px 
}
#op_contents {
 width: 460px;
 margin: 0 auto;
}
#h1_box {
 width: 460px;
 position: relative;
}
#h1_box:before {
 display: block;
 width: 460px;
 height: 230px;
 content: '';
 position: absolute;
 background: url(/img/op-top1.svg)no-repeat center left 55px;
 background-size: 340px;
 top: 45px;
 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: 130px 15px 15px;
 margin-top: 45px;
 height: 145px;
}
#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: 16px;
 line-height: 26px;
 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;
}
#serviceBlock div {
 width: 460px;
}
#serviceBlock li {
 margin: 3px 0px;
}
#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: 0 0 20px -4px;
}
#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: 208px;
}
#mail-Box .nekoposu a, #mail-Box .yuupake a, #mail-Box .teikeigai a, #mail-Box .kuriposu a {
 width: 218px;
 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: 200px;
 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: 260px;
 background-position: -20px -5px;
}
#mail-Box .yuupake a {
 background: url(/img/discount-yupaket.png) no-repeat;
 background-size: 255px;
 background-position: -15px -5px;
}
#mail-Box .teikeigai a {
 background: url(/img/discount-teikeigai.png) no-repeat;
 background-size: 255px;
 background-position: -20px -5px;
}
#mail-Box .kuriposu a {
 background: url(/img/discount-kuriposu.png) no-repeat;
 background-size: 250px;
 background-position: -15px -5px;
}
#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;
}
.op_detailBox {
 margin: 50px 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-top: 70px;
}
.category_list div {
 position: relative;
 background: #fff;
 margin-bottom: 40px;
}
.category_list h2 {
 top: -20px;
 font-size: 22px;
 background: none;
 border-bottom: none;
 text-align: center;
}
.category_title {
 padding: 8px;
}
.category_box1, .category_box2, .category_box3 {
 width: 380px;
 height: 195px;
 border: solid 1px #c4c4c4;
 padding: 18px 30px 0px 20px;
 float: left;
 margin: 20px 0px 0px 15px;
}
.category_box1 h3 {
 position: absolute;
 top: -45px;
 left: 0;
 width: 415px;
 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: 415px;
 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: 415px;
 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;
}
.category_box1 h4 , .category_box2 h4 , .category_box3 h4 {
 top: -180px;
 line-height: 30px;
 font-weight: bold;
 margin-left: 190px;
 width: 180px;
}
.category_list p {
 font-size: 22px;
 font-weight: bold;
 color: #52392B;    
 text-align: center;
 margin: -20px 0 0 0;
 padding: 0px 0 40px 0px;
}
.category_list img {
vertical-align: bottom;
}
.category_box1 ul , .category_box2 ul , .category_box3 ul {
 position: relative;
 top: -135px;
 margin-left: 190px;    
}
.category_box1  .Product_price, .category_box2  .Product_price, .category_box3  .Product_price {
 color: #E23619;
 font-size: 30px;
 width: 194px;
 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: 25px;
 right: -110px;
}
#size50_title {
 margin: 0 100px;
 top: -40px;
 width: 245px;
 text-align: center;
 border: solid 2px #80AF19;
 padding: 13px 0px 13px 0;
}
#size50_title h3 {
 font-size: 38px;
 color: #80AF19;
 font-weight: bold;
}
#size50_title span, #size60_title span, #size80_title span, #size100_title span {
 font-size: 25px;
}
#size60_title {
 margin: 0 100px;
 top: -40px;
 width: 245px;
 text-align: center;
 border: solid 2px #45AC41;
 padding: 13px 0px 13px 0;
}
#size60_title h3 {
 font-size: 38px;
 color: #45AC41;
 font-weight: bold;
}
#size80_title {
 margin: 0 100px;
 top: -40px;
 width: 245px;
 text-align: center;
 border: solid 2px #159DD9;
 padding: 13px 0px 13px 0;
}
#size80_title h3 {
 font-size: 38px;
 color: #159DD9;
 font-weight: bold;
}
#size100_title {
 margin: 0 100px;
 top: -40px;
 width: 245px;
 text-align: center;
 border: solid 2px #2878D6;
 padding: 13px 0px 13px 0;
}
#size100_title h3 {
 font-size: 38px;
 color: #2878D6;
 font-weight: bold;
}
#nekoposu_title, #yuupake_title, #kuriposu_title, #teikeigai_title {
 margin: 0 100px 0px;
 top: -40px;
 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 -5px;
}
#teikeigai_title li {
 height: 55px;
 background: url(/img/discount-teikeigai.png) no-repeat;
 background-size: 255px;
 background-position: -5px -5px;
}
#op_inquiryBox h2 {
 color: #53392B;
 font-size: 27px;
 text-align: center;
 border: none;
 margin: 0 0 40px 0;
 padding: 0;
 line-height: 2.5rem;
}
#op_inquiryBox h2:after {
 margin: 20px 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 40px 0;
}
#op_inquiryBox #file p {
 margin: 0;
 line-height: 1.2;
}
#op_kana {
 font-size: 18px;
 font-weight: bold;
 margin: 15px 0 0px 117px;
}
#op_kana span {
 font-weight: bold;
 padding: 0 50px 0 40px;
}
#op_limite {
 text-align: center;
 font-size: 23px;
 font-weight: bold;
}
#op_inquiryBox img {
 width: 460px;
}
#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: 30px 20px;
 margin-bottom: 50px;
 margin-top: 30px;
}
#op_form table {
 text-align: left;
 border-spacing: 0;
}
#op_form tr {
 margin-bottom: 30px;
 display: block;
}
#op_form td {
 display: block;
 font-size: 18px;
 font-weight: bold;
 color: #333;
}
#file #error {
 color: #E23619;
 margin-top: 10px!important;
}
#op_form .info_titile {
 margin-bottom: 10px;
}
#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: 40px;
 width: 400px;
}
#op_form td textarea {
 resize: vertical;
 padding: 10px;
 height: 150px;
 line-height: 1.5;
}
#op_form td select {
 width: 250px;
 height: 50px;
}
#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: 15px 10px;
 text-align: center;
 height: auto;
 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: 420px;
 padding: 14px 0;
 border-radius: 5px;
}
#op_inqBtn:hover {
 opacity: 0.8;
}
div#category {
 width: 460px;
 display: block;
 margin: 0px auto;
}
div#category {
 width: 460px;
 display: block;
 margin: 0px auto;
}
#category .category_title h2 {
 padding: 17px 0 0 0px;
 margin-bottom: 20px;
 margin-top: 15px;
 font-size: 20px;
 border-bottom: 4px #dbbd94 solid;
 line-height: 1.2;
 color: #53392b;
}
#category h3 a {
 font-size: 18px;
 font-weight: bold;
 color: #52382B;
 z-index: 10;
 position: absolute;
 height: 85px;
 width: 385px;
}
#category .category_1, .category_2, .category_3 {
 height: 250px;
}
#category ul {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 gap: 10px;
}
#category li a {
 display: block;
 line-height: 22px;
 font-size: 16px;
 color: #52382B;
 width: 212px;
 height: 50px;
 padding: 5px;
 border: solid 1px #c4c4c4;
 border-radius: 5px;
}
#category h3 {
 height: 85px;
 line-height: 85px;
 padding-left: 25px;
 background: #FAF6EE;
 margin-bottom: 15px;
}
#b_contents h3 a {
 font-size: 20px;
 font-weight: bold;
 color: #52382B;
 z-index: 10;
 position: absolute;
 height: 85px;
 width: 385px;
}
#category .category_4 h3 {
 height: 36px;
 line-height: 36px;
 padding-left: 15px;
 font-weight: bold;
 font-size: 18px;
}
#category .category_1 h3:before {
 position: absolute;
 background: url(/img/beginner-contents2-1.png)no-repeat right -75px top -93px;
 display: block;
 content: '';
 width: 435px;
 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: 435px;
 height: 85px;
 background-size: 155px;
}
#category .category_3 h3:before {
 position: absolute;
 background: url(/img/beginner-contents2-3.png)no-repeat right 0 top 0;
 display: block;
 content: '';
 width: 432px;
 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: 71px;
 background-position: right 2px top 4px;
}
#category .category_3 li a {
 background: rgba(255, 255, 255, .6)
}
#category .category_3 li {
 width: 225px;
 height: 62px;
 order: solid 1px #c4c4c4;
 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: 150px;
}
#category .category_3_2 {
 background: url(/img/cardboard-useful_title_2.png)no-repeat;
 background-position: right 0 top 0;
 background-size: 150px;
}
#category .category_3_3 {
 background: url(/img/cardboard-useful_title_3.png)no-repeat;
 background-position: right 0 top 0;
 background-size: 150px;
}
#category .category_3_4 {
 background: url(/img/cardboard-useful_title_4.png)no-repeat;
 background-position: right 0 top 0;
 background-size: 150px;
}
#category .category_4 li {
 position: relative;
 width: 225px;
}
#category .category_4 li a {
 width: 210px;
 height: 65px;
 text-align: center;
 line-height: 45px;
 font-size: 35px;
 font-weight: bold;
}
#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: 2px 3px;
 line-height: 16px;
 width: 200px;
 text-align: center;
}
#category .category_4 a p:before {
 position: absolute;
 bottom: 20px;
 right: 10px;
 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;
}