/* BMB作成CSS */ body.page main.l_main article{width:100%;padding:0 50px;} body.page main.l_main article.pageField{width:100%;padding:0 50px;} body.single main > div.wrapper > aside{display:none!important;} body.single main > div.wrapper{padding:30px;} body.single main > div.wrapper > article{width:100%;margin:0 auto;padding:50px 30px;} main#tax-items_cate #sortFIELD > div{width:94%;} div.p-top_topics, main.l_main > article#single-items{width:100%;} #single-items .estimate, #single-items .resultBOX{width:calc(100% - 120px);padding:50px 60px;box-sizing:border-box;margin-left:auto;margin-right:auto;} #single-items .resultBOX{padding-top:0;width:100%;} #single-items .resultBOX > div{width:100%;} #single-items .resultBOX > div div.pBOX dl dt{width:25%;} #single-items .resultBOX > div dl.price dd.result{width:75%;} #single-items .resultBOX > div dl.price .m_link-btn .__arrow{display:none;} ul.top-news, ul.list-shop-name{width:calc(100% - 40px);margin-left:auto;margin-right:auto;} ul.faq-link{width:100%;margin: 0 auto;} ul.faq-link li{width:calc(100% / 2 - 20px);margin:0 10px 10px 10px;} ul.faq-link li a{width: 100%;} nav#maker-list{padding:100px 50px;} nav#maker-list ul{width:100%;padding: 50px 30px 0 30px;} nav#maker-list ul li{width:calc(100% / 4);margin-bottom: 50px;} #company-page .pageField section{width:100%;} #company-page section.com01 table th{width:140px;} #contact-page .pageField form{width:90%;margin-left:auto;margin-right:auto;} #contact-page article div.purchase h4{padding:0;padding-top:100px;background:url(../../img/icon_cash.png) no-repeat center top / 80px auto;font-size:28px;} #contact-page article div.purchase{padding:70px;} #contact-page article div.purchase a{min-width:390px;width:50%;} #contact-page article div.tel, #contact-page article div.line{padding:30px 40px;} #contact-page article div.tel h4, #contact-page article div.line h4{margin-bottom:20px;font-size:30px;} #contact-page article div.tel p,#contact-page article div.line p{margin-bottom:0;min-height:7.5em;} #contact-page article div.tel p br, #contact-page article div.line p br{display:none;} #contact-page article div.tel a, #contact-page article div.line a{width:auto;padding-left:70px;} #contact-page article div.line a{padding-left:20px;font-size:18px;background:#fff url(../../img/icon_line02.png) no-repeat left 20px center / 52px auto;} #contact-page article div.tel a{background:#fff url(../../img/icon_tel-red.png) no-repeat left 25px center/ 32px auto;font-size:38px;} #ready-page article.pageField{width:100%;padding: 0;} #ready-page .m_section-smooth_balloon{padding:0 30px;box-sizing:border-box;line-height:1.3;} #archive-review article{width:100%;padding: 0 50px} @media screen and (max-width:1100px) { #tax-items_cate #selectFIELD > div{width:94%;} #howto-sell01 > div, #howto-sell02 > div, #shop-map > div{width:100%;} #tax-items_cate #sortFIELD{padding:25px 20px 15px 20px;} #single-items .estimate .flexBOX{display:block;} #single-items .estimate .flexBOX > div{width:100%;} #single-items .estimate .flexBOX > div.topIMG{width:100%;margin:0 auto 50px auto;} #single-items .estimate .flexBOX > div.topIMG a{margin:0 auto;} #single-items .estimate .flexBOX > div.topIMG img{position:static;} #single-items .estimate .btnBOX{justify-content: center;} #single-items .estimate .btnBOX .m_link-btn{width:calc(100% / 2 - 20px);margin:0 10px;} #single-items .estimate .btnBOX .m_link-btn .__arrow{display:none;} #tax-items_cate #tax-items{width:100%;padding:0 50px;} #tax-items ul.list-archive li div.titleBOX, #tax-items ul.list-archive li p.priceBOX{width:calc(100% - 220px);} #tax-items ul.list-archive li p.priceBOX{justify-content:center;} #tax-purchase{width:100%;padding:0 50px;} #tax-purchase .list-archive li{display:block;} #tax-purchase .list-archive li > .titleBOX{width:100%;} #tax-purchase .list-archive li a.sateiBTN{width:100%;position:static;margin-top: 20px;} #tax-purchase .list-archive dl.info{flex-wrap:wrap;} #tax-purchase .list-archive dl.info dt{width:6.1em;} #tax-purchase .list-archive dl.info dt.date{width:5em;margin:0!important;} #tax-purchase .list-archive dl.info dd{width:calc(100% - 6.1em);} main#single-shop #fContact ul, main#single-shop #faq, main#single-shop #mail form{width:100%;} main#single-shop article.shop-page, main#single-shop #review div.slider{width:calc(100% - 100px);} div.exm-phone ul li{width:calc(100% / 3 - 20px);} .info-top .topIMG{margin-bottom:30px;} .info-top .topIMG span.chief{bottom:-40px;right:-100px;left:auto;} .info-top .topIMG span.chief > span{margin-bottom:0;} .info-top .topIMG span.chief b{font-size:13px;} main#single-shop .point ul li{width:calc(100% / 3 - 20px);} main#single-shop #mail form{width:90%;} #others-items > div{width:96%;} #ready-page article section{padding-left:50px;padding-right:50px;} #searchBOX{width:92%!important;} #searchBOX select,#searchBOX .pSEARCH input{padding:10px 15px;font-size:14px;} #news-archive #searchBOX{background-size:120px auto;} #makerIMG > .termTITLE nav{width:100%;} ul.list-items-maker{width:100%;padding:50px 15px;} section.list-items-makerTOP > div.serach > form{justify-content:center;padding-left:40px;} #single-items .resultBOX .m_link-btn .__arrow{display:none;} } @media screen and (max-width:1000px) { .pageField .introduction p.t-center{font-size:24px;} .l_footer-bottom_nav-wrap{justify-content:space-around;} .l_footer-bottom_meta{flex-direction:column-reverse;align-items:center;gap:32px;padding-top:32px;padding-bottom:40px;} .l_footer-bottom_meta-links{max-width: 400px} #tax-items_cate #howto-sell01 ul{width:96%;} #single-items .estimate > dl.price dt{width:250px;} #single-items .estimate > dl.price dd b{font-size:35px;} #contact-page article div.purchase{display:block;} #contact-page article div.purchase h4{text-align:center;margin:0;margin-bottom:20px;} #contact-page article div.purchase a{margin:0 auto;} #contact-page article div.tel a{font-size:30px;} #contact-page article div.tel a span{font-size:15px;} #contact-page article div.line a{background:url(../../img/icon_line02.png) no-repeat left 30px center/ 40px auto #fff;} #contact-page article div.tel, #contact-page article div.line{padding:30px 15px;} #contact-page .pageField form{width:100%;} #contact-page section.form{padding:100px 30px;} #contact-page .mailform th{font-size:16px;} #news-archive .list-news a.thumIMG{width:100%;height:0;padding-bottom:calc(240 / 360 * 100%);} div.exm-any ul li{width:calc(100% / 2 - 20px);} div.exm-any ul li span{max-width:250px;margin-left:auto;margin-right:auto;} main#single-shop #fContact ul li{width:calc(100% / 3 - 20px);margin:0 5px;} #archive-purchase .searchBOX{width:90%;} .pageField .flow .flow-step{width:90%;margin-left:auto;margin-right:auto;box-sizing:border-box;} #business-page article{width:100%;} #business-page article section.business-data div{width:90%;} #business-page article section{margin-left:0;margin-right:0;} #business-page article div.introduction p:last-child{text-align:left;font-size:20px;background-image:none;background:rgba(248,249,255,1);} #start-page article div section.step-price::before{right:0;} #start-page article div section.step-price p{padding-right:100px;} #start-page article div section.step-packing::before{right:50px;} #start-page article div section.step-packing > p{padding-right:210px;} #start-page article div section.step-packing > p br{display:none;} #single-items .resultBOX dl.price dd b span{font-size:45px;} } @media screen and (max-width:900px) { #archive-purchase > .titileBOX nav{width:90%;} main#single-shop #access{padding-bottom:0;} main#single-shop hr.fullBCKG + h3.title{padding-top:50px;} main#single-shop h3.title br{display:block;} main#single-shop .point ul{display:block;} main#single-shop .point ul li{width:100%;padding-left:320px;padding-right:30px;position:relative;margin-bottom:30px;} main#single-shop .point ul li i{left:65px;right:auto;z-index:2;} main#single-shop .point ul li span.thumIMG{width:270px;position:absolute;left:30px;top:50px;background-position:center center;background-size:cover;} main#single-shop .point ul li h4, main#single-shop .point ul li p{padding-left:0;padding-right:0;} main#single-shop .point ul li h4{text-align:left;} main#single-shop .point ul li h4 br{display:none;} #access ul.root li{width:calc(100% / 4 - 20px);} div.exm-phone h4 b br{display:block;} main#single-shop #fContact ul li.fC01 a{background-image:none;} main#single-shop #fContact ul li.fC03 a{background-image:none;} table.mailform th{width:180px;} table.mailform td{width:calc(100% - 180px);} table.mailform tr.check span.wpcf7-list-item{display:block;margin:10px 0;} #business-page article section.business-data h4 span{top:-150px;left:0;right:0;margin:0 auto;} #start-page a.m_link-btn span.__arrow{display:none;} #start-page article div section.step-packing div.initialization div > ul{flex-wrap:wrap;} #start-page article div section.step-packing div.initialization div > ul li{width:calc(100% / 2 - 30px);} #single-items .estimate > dl.price dd b span{font-size:35px;} #single-items .estimate > dl.price dd{width:calc(100% - 180px - 15px);margin-left:15px;} #single-items .estimate > dl.price dt{width:180px;} } @media screen and (max-width:810px) { #tax-items ul.list-archive li{display:block;} #tax-items ul.list-archive li a.sateiBTN{position:static;} #tax-items ul.list-archive li div.titleBOX, #tax-items ul.list-archive li p.priceBOX{width:100%;margin-bottom:20px;} #contact-page article div.contact-wrap{display:block;} #contact-page article div.tel, #contact-page article div.line{width:100%;margin-bottom:50px;} #contact-page article div.tel a, #contact-page article div.line a{min-width:390px;width:50%;} #contact-page article div.tel a{font-size:36px;} #contact-page section.form{padding:100px 50px;} #contact-page .mailform th, #contact-page .mailform td{display:block;width:100%;font-size:20px;margin-bottom:10px;box-sizing:border-box;} #contact-page div.policy{margin:0 auto 40px auto;} main#single-shop #fContact{padding-top:40px;} main#single-shop #fContact h3{margin-bottom:20px;} main#single-shop #fContact ul li{width:calc(100% / 2 - 30px);min-height:inherit;margin-bottom:15px;} main#single-shop #fContact ul li.fC01 a{background-image:url(../img/arrow01WH.svg);} main#single-shop #fContact ul li.fC03 a{background-image:url(../img/arrow01WH.svg);} #ready-page article div.introduction h4 br{display:block;} #ready-page article div.introduction h4 + p{padding:0 30px;} #ready-page article div.introduction h4 + p br{display:none;padding:0 20px;} #signature .s_info{padding:0;padding-top:240px;} #signature .s_info a.thumIMG{right:0;margin:0 auto;} } @media screen and (max-width:800px) { .single-purchase article table tr th{width:200px;} .single-purchase article table tr th, .single-purchase article table tr td{padding:20px;} .single-purchase article .timeWrap .top-cat li{padding:3px 6px;} ul.list-shop-name li div.infoBOX{width:calc(100% - 300px - 40px);} ul.list-shop-name li a.thumIMG{width:300px;height:0;padding-bottom:calc(240 / 360 * 40%);box-sizing:border-box;} #news-archive .list-news{margin-top:40px;} #news-archive .list-news article{width:100%;margin:20px auto;display:flex;flex-wrap:wrap;justify-content:space-between;} #news-archive .list-news a{width:calc(100% - 240px);} #news-archive .list-news a.thumIMG{width:210px;height:140px;padding:0;} #business-page article div.introduction h5 br{display:none;} #contact-page .mailform tr.check span.wpcf7-form-control{display:block;} #contact-page .mailform tr.check span.wpcf7-list-item{width:100%;margin:10px 0;} #contact-page article div.purchase a{min-width:auto;width:100%;} ul.list-items-maker dl dd ol li{width:calc(100% / 3 - 15px);} #single-items .resultBOX > div{padding-top:40px;} #single-items .resultBOX > div div.pBOX{display:block;} #single-items .resultBOX > div div.pBOX dl, #single-items .resultBOX > div div.pBOX div.btn{width:100%;} #single-items .resultBOX > div div.pBOX div.btn{margin-left:0;} } @media screen and (max-width:750px) { #single-items .estimate{padding:50px 20px;} nav#maker-list h2{font-size:35px;} nav#maker-list h2 br{display:block;} #start-page article div section.step-mail ul{display:block;} #start-page article div section.step-mail ul li{width:100%;box-sizing:border-box;} #start-page article div section.step-mail ul li p br{display:none;} #start-page article div section.step-packing div.document > ul{display:block;} #start-page article div section.step-packing div.document > ul > li{width:100%;box-sizing:border-box;} #start-page article div section.step-packing div.application > ul{display:block;} #start-page article div section.step-packing div.application > ul li{width:auto;display:inline-block;margin-right:1em;} } @media screen and (max-width:700px) { ul.list-shop-name{width:calc(100% - 80px);} ul.list-shop-name > li{display:block;} ul.list-shop-name li a.thumIMG{margin:0 auto 30px auto;width:80%;padding-bottom:calc(240 / 360 * 80%);} ul.list-shop-name li div.infoBOX{width:100%;} h2.cat-title span.cat-title{font-size:35px;background-size:auto 35px;padding-left:45px;} #access ul.root li{width:calc(100% / 3 - 20px);} main#single-shop .point ul li{padding-left:30px;padding-right:30px;} main#single-shop .point ul li i{left:0;right:0;margin-left:auto;margin-right:auto;} main#single-shop .point ul li span.thumIMG{width:270px;height:180px;margin:0 auto 30px auto;position:relative;top:auto;left:auto;} div.exm-phone ul li b{width:90%;} #postField div.chief{display:block;} #postField div.chief > p{width:100%;margin-top:15px;} #postField div.chief > p b{text-align:center;} hr.fullBCKG{background-size:1400px auto;margin-left:auto;margin-right:auto;} .pageField .introduction p.t-center br{display:none;} #start-page article div.introduction ul li{width:calc(100% / 2 - 30px);} #start-page article div.introduction ul li a{width:100%;height:130px;background-position:center top 30px!important;} #tax-purchase .list-archive li{padding:30px 10px;} #tax-purchase .list-archive li > .titleBOX{display: block;width: 100%;} #tax-purchase .list-archive .pcsTEXT{min-height: auto;} #tax-purchase .list-archive .pcsIMG a.thumIMG, #tax-purchase .list-archive .pcsIMG > em{width:70%;margin:0 auto} #tax-purchase .list-archive .pcsIMG a.thumIMG{height:0;padding-bottom:calc(240 / 360 * 70%);} .info-top .topIMG span.chief{right:-60px;left:auto;} main#single-shop article.shop-page{width:calc(100% - 30px);box-sizing:border-box;} main#single-shop #review div.slider{width:90%;padding-left:15px;padding-right:15px;box-sizing:border-box;} div.exm-any p b br{display:block;} .m_section-x_bannar-block{max-width:450px;} } @media screen and (max-width:650px) { main#single-shop #fContact ul{display:block;} main#single-shop #fContact ul li{width:300px;margin-left:auto;margin-right:auto;} ul.list-items-maker > li{padding:0;margin-top:50px;padding-top:130px;} ul.list-items-maker > li span.makerIMG{right:0;margin:0 auto;} #makerIMG > .termTITLE ul li{width:calc(100% / 3 - 20px);} #makerIMG > .termTITLE ul li a span{height:80px;} #archive-review .list-archive span.thumIMG{width:120px;height:120px;} #archive-review .list-archive li > div.flexBOX .flexText{margin-left:15px;} #archive-review .list-archive li h5{font-size:16px;} #archive-review .list-archive li p.store{font-size:15px;} } @media screen and (max-width:600px) { html #wpadminbar{top:-46px;} #single-purchase table tr th{width:160px;} #single-items .estimate{width:calc(100% - 30px);} #single-items .estimate > dl.price dt{width:160px;} #single-items .estimate > dl.price dd b{font-size:30px;} #single-items .estimate dl.select{display:block;padding:20px 0;} #single-items .estimate dl.select dt, #single-items .estimate dl.select dd{width:100%;} #single-items .estimate dl.select dt, #single-items .estimate dl.select dd{padding:0;margin:0 uato;} #single-items .estimate dl.select dt{margin-bottom:15px;} #single-items .estimate > dl.price dd b span{font-size:28px;} #single-items .estimate > dl.price dd{width:calc(100% - 150px - 15px);margin-left:15px;} nav#maker-list h2{font-size:30px;} #start-page article div section.step-price::before{top:110px;} #start-page article div section.step-packing::before{top:-50px;} #start-page article div section.step-packing > p{padding-right:0;} #start-page article div section.step-packing div.initialization + p{background-image:none;} #business-page article div.introduction p.business-title br, #business-page article section.business-data h4 br{display:block;} #start-page article div section.step-packing div.initialization div > ul{display:block;} #start-page article div section.step-packing div.initialization div > ul li{width:100%;} #news-archive #searchBOX{padding:0;background:none;} #single-items .estimate dl dt ol{bottom:140px;left:0;} } @media screen and (max-width:560px) { .l_footer-bottom_nav-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:unset;gap:initial;} .l_footer-bottom_nav-block{width:50%;margin-bottom:30px;} .m_section-assessment-up{padding:50px 0;} main#single-shop h3.title{line-height:1.5;} main#single-shop hr.fullBCKG + h3.title{line-height:1.15;} #access p.notice{font-size:14px;} .slick-arrow.slick-next{right:-10px;} .slick-arrow.slick-prev{left:-10px;} .m_section-assessment-up_bord .slick-arrow.slick-next, .m_section-assessment-up_bord .slick-arrow.slick-prev{top:40%;} table.mailform th,table.mailform td{display:block;width:100%;} table.mailform th{background:#006491;color:#fff;padding:5px 15px;} table.mailform td{width:100%;padding-bottom:30px;} .l_footer-bottom_meta{align-items:center!important;} #single-items .resultBOX{padding-left:40px;padding-right:40px;} #single-items .resultBOX > div div.pBOX dl{display:block;margin-top:0;} #single-items .resultBOX > div div.pBOX dl dt, #single-items .resultBOX > div dl.price dd.result{width:100%;} #single-items .resultBOX > div div.pBOX dl dt{background:none;} #single-items .resultBOX > div div.pBOX dl dt span{height:auto;width:100%;display:block;position:relative;top:auto;bottom:auto;left:auto;right:auto;text-align:left;margin-bottom:15px;} #single-items .resultBOX > div div.pBOX dl dt span b{display:inline-block;border-top:0;border-left:2px solid rgba(255,255,255,0.5);margin:0 0 0 20px;padding:0 0 0 20px;} #single-items .resultBOX dl.price dd.result:before{left:auto;right:0px;bottom:188px;} #single-items .resultBOX:hover dl.price dd.result:before{height:0;} #single-items:hover .resultBOX dl.price dd.result:before{height:80px;} #single-items .resultBOX > div div.pBOX div.btn{margin-top:40px;} #single-items .resultBOX .note{margin-top:50px;} #single-items .estimate dl.check dd ul{display:block;} #single-items .estimate dl.check dd ul li{width:100%;} #contact-page article div.purchase{padding-left:15px;padding-right:15px;} } @media screen and (max-width:500px) { ul.list-shop-name li a.thumIMG{max-width:90%;width:auto;height:auto;padding-bottom:calc(240 / 360 * 100%);} #news-archive .list-news article{width:100%;margin:20px auto;display:block;} #news-archive .list-news a{width:100%;} #news-archive .list-news a.thumIMG{width:70%;height:0;padding-bottom:calc(240 / 360 * 70%);margin:0 auto 15px auto;} #news-archive .m_section-assessment-up_article-meta{padding:0;} #postField{padding-left:20px;padding-right:20px;} .info-top .topIMG span.chief{right:-40px;} .info-top .topINFO{width:90%;margin-left:auto;margin-right:auto;} #access ul.root{display:block;} #access ul.root li{width:100%;position:relative;z-index:-1;margin-left:0;margin-bottom:15px;} #access ul.root li a{display:flex;flex-wrap:wrap;align-items:center;} #access ul.root li a span.thumIMG{width:180px;height:120px;margin-bottom:0;margin-right:20px;z-index:-1;} #access ul.root li a span.txt{width:calc(100% - 180px - 20px);} #access ul.root li:after{left:70px;top:-20px;bottom:auto;rotate:90deg;z-index:1;} div.exm-phone ul li{width:calc(100% / 2 - 20px);} #ready-page article section{padding-left:20px;padding-right:20px;} .pageField nav.mokuji ul li ol{display:block;margin-bottom:40px;} .pageField nav.mokuji ul li ol li{width:100%;margin:10px auto;} .pageField nav.mokuji ul li ol li a{height:30px;} .m_section-assessment-up_article a{padding:10px;} .m_section-assessment-up_article.new a span.thumIMG:before{left:-10px;} #business-page article section.business-data a{font-size:15px;} #start-page article div section.step-mail ul li{border:0;} #start-page article div section.step-mail ul li p{margin-left:0;margin-right:0;margin-bottom:40px;} #start-page article div section.step-packing div.initialization div span{display:block;line-height:1.75;font-size:15px;text-align:justify;} } @media screen and (max-width:450px) { ul.list-shop-name li dl{display:block;padding-left:0;} ul.list-shop-name li dl dt{width:100%;height:23px;position:relative;top:auto;left:auto;margin-bottom:4px;background:#06c;} ul.list-shop-name li dl dd ol li{font-size:11px;padding:4px 7px;} .info-top .topIMG{margin-bottom:60px;} .info-top .topIMG span.chief{bottom:-55px;right:0;} div.exm-any ul{display:block;} div.exm-any ul li{width:100%;margin:0 auto 30px auto;} main#single-shop #fContact h3{padding:100px 0 0 0;text-align:center;background-position:center top;background-size:auto 90px;} #start-page article div.introduction ul li a{font-size:20px;} article.pageField .btnBOX{display:block;} article.pageField .btnBOX > a{width:100%;margin-bottom:10px;font-size:16px;} article.pageField a.m_link-btn{font-size:16px;} #start-page article div section.step-mail ul li h6{font-size:16px;} .pageField .flow .flow-step{padding-left:20px;padding-right:20px;} #single-items .resultBOX dl.price dd b span{font-size:40px;} } @media screen and (max-width:400px) { #start-page article div section.step-price::before{display:none;} #start-page article div section.step-price p{padding-right:0;} #ready-page article section.ready17 ul{display:block;} #ready-page article section.ready17 ul li{width:80%;margin:10px auto;} #start-page article div section.step-packing::before{width:100px;height:100px;top:10px;} .pageField .flow .flow-step h5 span{font-size:20px;} .pageField .flow .flow-step h5 span b{font-size:30px;} #contact-page article div.line a{background-image:none;} }