@charset "UTF-8";
.grecaptcha-badge{opacity:0;}
.spOnly{display:none!important;}
i,u,em{text-decoration:none;font-style:normal;font-weight:400;}
em{font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;}
body{background:#333;}/*css遅延対策用*/
html.admin_bar{margin-top:0!important;padding-top:32px;}
html.admin_bar body{margin-top:0!important;}

img{border-style:none;}a img{border-style:none; }
html{max-width:100%;min-height:100%;-webkit-text-size-adjust:100%;font-size:13px;} 
body{font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;font-weight:500;position:relative;overflow-x:hidden;-webkit-text-size-adjust:100%;width:100%;line-height:2.0;background:#fff;font-size:16px;}
main > section{width:100%;padding:0;box-sizing:border-box;}
main > section > article{width:100%;margin:0 auto 50px auto;box-sizing:border-box;position:relative;z-index:2;background:#fff;}
time{padding-left:17px;display:block;background:url(../layout/icon-time.png) no-repeat left 1px / 12px auto;line-height:15px;font-family:Oswald,sans-serif;font-weight:bold;}

a{color:#000;cursor:pointer;}
p.ready{border:1px solid #333;color:#666;padding:100px 30px;text-align:center;font-size:17px;}
.article ul.check {padding-left:30px;}
.article ul.check li{font-size:24px;font-weight:bold;position:relative;}
.article ul.check li:before{content:'';display:block;width:24px;height:0;padding-top:calc(27 / 31 * 24px);background:url() no-repeat center / 100% auto;position:absolute;left:-30px;top:9px;}
.textarea{white-space:pre-wrap;}
.link i{font-size:18px;line-height:1;}
i.slug{position:absolute;left:-65%;width:800px;top:-120px;rotate:-90deg;transform-origin:right bottom;line-height:1;font-size:120px;color:#eee;display:block;text-align:right;}
/*お知らせ新着情報*/
main time{display:block;padding-left:20px;line-height:15px;vertical-align:middle;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:bold;}

header:before,
header .logo,
header p.description,
header #gNavi ul li a{opacity:1;text-shadow:none;}


/*シングルページ共通*/
#single-content div.single-head{background-color:#f0f0f0;position:relative;padding:60px 60px 150px;border-top:5px solid;border-image:linear-gradient(to right, #806d45 0%,#efefef 27%,#fff 30%,#ffc 32%,#806d45 60%,#806d45 100%) 1;}
#single-content div.single-head time{font-size:13px;color:#d89;padding:0;padding-left:19px;font-weight:bold;position:absolute;right:60px;top:30px;}
#single-content div.single-head h3{font-size:27px;text-align:left;line-height:1.5;margin:10px 0 15px 0;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:500;}
#single-content div.single-head.lock form{padding:50px;background:#fff;margin:50px auto;}
#single-content div.single-head.lock form h4{text-align:center;font-size:25px;}
#single-content div.single-head.lock form > input + p{text-align:center;}
#single-content div.single-head.lock form div{display:block;width:80%;padding:120px 20px 70px 20px;background:url(../layout/icon-lock.svg) no-repeat center top 70px / 20px auto , linear-gradient(to bottom,#fff,#efefef);box-sizing:border-box;margin:30px auto 20px auto;border:3px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:6px;}
#single-content div.single-head.lock form label{text-align:center;display:block;font-size:13px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:bold;}
#single-content div.single-head.lock form label input[type=password]{padding:5px 10px;background:#fff;border:1px solid #333;font-size:20px;}
#single-content div.single-head.lock form input[type=submit]{cursor:pointer;display:block;margin:30px auto 10px auto;padding:4px 30px;background:#333;color:#fff;border:0;font-size:18px;border-radius:6px;transition:0.3s ease-in-out;}
#single-content div.single-head.lock form input[type=submit]:hover{background-color:#5675c7;}
#single-content div.single-head.lock form span.ex{display:block;text-align:center;font-size:13px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:normal;}
#single-content div.single-head.lock form span.ex a{color:#c00;text-decoration:underline;}
#single-content div.single-head.lock form span.ex a:hover{text-decoration:none;}
#single-content div.single-head.lock form span.ex a:before,
#single-content div.single-head.lock form span.ex a:after{display:none;}

#single-content div.single-head h3 span{display:block;font-size:17px;margin-bottom:5px;}
#single-content div.single-head .topCAT a{padding:3px 5px;background:#d89;color:#fff;margin-right:3px;font-size:12px;}
#single-content div.single-head .topCAT a:hover{background:#fff;color:#d89;}
#single-content figure.topIMG{display:block;position:relative;margin:-100px auto 80px;}
#single-content figure.topIMG a.topIMG{display:table;margin:0 auto 15px auto;border:5px solid #fff;box-shadow:0 0 5px rgba(0, 0, 0, 0.3);background-color:#fff;}
#single-content figure.topIMG a.topIMG img{max-width:740px;height:auto;display:block;}
#single-content figure.topIMG a.topIMG:hover{opacity:1;}
#single-content figure.topIMG a.topIMG:hover img{opacity:0.8;}
#single-content.new figure.topIMG a.topIMG img:before{content:'NEW';display:block;width:50px;height:50px;color:#fff;background-color:#00c;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;line-height:1;font-size:15px;font-family:"Cormorant SC",serif;font-weight:600;border-radius:50%;text-shadow:none;position:absolute;top:-10px;left:-20px;rotate:-15deg;animation:bound 5s ease-in-out 0s infinite;z-index:2;}

#singlePost{margin-top:-30px;}

#singlePost h4{border-bottom:3px solid #ccc;line-height:1.5;margin-top:100px;margin-bottom:40px;padding-bottom:15px;font-size:25px;font-weight:bold;color:#806d45;}
#singlePost h4 i{font-size:35px;}
#singlePost h4.title{border-bottom:5px solid #efefef;line-height:1.5;margin-top:100px;margin-bottom:40px;padding-bottom:0;}
#singlePost h4.title i{border-bottom:5px solid #8d837a;width:fit-content;display:table;margin-bottom:-5px;padding-bottom:15px;line-height:1.0;}

#singlePost h5{font-size:22px;line-height:1.75;color:#d89;margin-top:50px;margin-bottom:10px;font-weight:bold;}
#singlePost h5.copy{font-size:30px;line-height:1.5;font-weight:500;margin-bottom:15px;}
#singlePost h5.copy + p{font-size:20px;margin-bottom:30px;}
#singlePost p{line-height:2.0;font-size:16px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:500;}
#singlePost a.BTN{font-size:18px;background-color:#7CA5D2;padding:20px 40px;border-radius:10px;color:#fff;display:block;width:fit-content;text-align:center;margin:50px auto;}
#singlePost a.BTN:hover{}
#singlePost h6{font-size:19px;font-weight:600;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";margin-top:15px;}

#signature{background:#efefef;text-align:right;padding:7px 30px;margin:150px auto 50px auto;font-size:13px;}
#signature time{display:inline-block;margin-right:20px;}
#signature time a{color:#690;text-decoration:none;}
#signature time a:hover{text-decoration:underline;}
#signature author{display:inline-block;font-weight:500;opacity:0.4;}

ol.check li{padding-left:30px;background:url(../oem/icon-check.gif) no-repeat left 9px;font-size:17px;}

main h3.title02{font-size:30px;font-weight:500;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
main h3.title02:after{content:'';display:block;width:auto;height:4px;margin-top:8px;background:linear-gradient(to right,rgba(240,205,208,1.0) 0%,rgba(200,108,115,1.0) 100%);}

main h3.title02 b{font-weight:500;font-size:0.6em;vertical-align:middle;margin-left:15px;}
main h3.title03{font-size:30px;line-height:1.5;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:500;margin-top:200px;margin-bottom:40px;position:relative;z-index:1;}
main h3.title03:after{content:'';display:block;width:auto;height:4px;margin-top:8px;background:linear-gradient(to right,rgba(240,205,208,1.0) 0%,rgba(200,108,115,1.0) 100%);}

main h4.title{font-size:30px;font-weight:500;margin-bottom:30px;color:#d89;}
#service-page .oem00{padding-left:570px;position:relative;min-height:416px;box-sizing:border-box;margin-bottom:-50px;}
#service-page .oem00 span.thumIMG{display:block;width:509px;height:416px;position:absolute;left:0;top:0;background:url(../oem/00-1.png) no-repeat center;}
#service-page .oem00 ol{font-size:15px;margin-top:15px;}
#service-page .oem00 ol li{margin-top:10px;}
#service-page .oem01{text-align:center;}
#service-page .oem01 h3{margin-bottom:20px;}
#service-page .oem01 p{margin-top:10px;font-size:18px;font-weight:400;line-height:2.0;}

div.note{padding:25px 40px 35px 40px;border-radius:6px;background:#ffffea;color:#000;text-align:left;}
div.note h5{font-size:20px;font-weight:bold;position:relative;width:fit-content;line-height:1.5;}
div.note p{font-size:16px!important;margin:12px 0 0 0!important;color:#333;}
#service-page div.note h5:after{content:'';position:absolute;bottom:0px;right:-90px;width:80px;height:102px;rotate:10deg;scale:0.5;transform-origin:left bottom;background:url(../layout/icon-note.webp) no-repeat center;}


#service-page #infiniteITEMS + a.link{margin-top:-50px;margin-bottom:150px;}
#service-page .oem02 div.items{margin:50px auto 30px auto;display:flex;flex-wrap:wrap;}
#service-page .oem02 div.items div{width:calc(100% / 3 - 40px);margin:0 20px 40px 20px;}
#service-page .oem02 div.items div a.thumIMG{width:100%;height:auto;aspect-ratio:1.5 / 1;background:url() no-repeat center / auto 100%;margin:0 auto 15px auto;display:block;border:1px solid #dcd9d6;transition:0.15s ease-in-out;}
#service-page .oem02 div.items div a.thumIMG:hover{background-size:auto 115%;}
#service-page .oem02 div.items div h4{text-align:center;font-size:19px;font-weight:500;}
#service-page .oem02 div.items div ul li{display:inline;font-size:13px;}
#service-page .oem02 div.items div ul li:before{content:'／';display:inline;font-size:inherit;}
#service-page .oem02 div.items div ul li:first-child:before{content:'';display:none;}
#service-page .oem03 ul{margin:50px auto 30px auto;}
#service-page .oem03 ul li{position:relative;font-size:17px;padding-left:150px;min-height:90px;margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;line-height:2.0;}
#service-page .oem03 ul li b{display:block;position:absolute;font-size:18px;left:20px;top:-20px;width:120px;text-align:center;line-height:1;}
#service-page .oem03 ul li b i{display:table;font-size:40px;background:#5A5659;color:#fff;padding:0;width:60px;height:60px;line-height:60px;vertical-align:middle;margin:15px auto 0 auto;box-sizing:border-box;}
#service-page .oem04{padding:100px 0;background:#5A5659 url(../oem/06.webp) no-repeat left calc(100% - 30vw) center / auto 100%;}
#service-page .oem04 div{width:1200px;margin:0 auto;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,0.5);padding-left:450px;box-sizing:border-box;}
#service-page .oem04 div h3.title03{font-size:50px;margin-top:0;margin-bottom:30px;}
#service-page .oem04 div a.link{margin-left:0;margin-bottom:0;text-shadow:none;color:#fff!important;border-color:#fff;}
#service-page .oem04 div a.link:after{border-color:#fff;}
#service-page .oem05{}
#service-page .oem05 > div.imgLEFT{min-height:350px;}
#service-page .oem05 p,#service-page .oem05 li{font-size:15px;line-height:2.0;}
#service-page .oem05 p,#service-page .oem05 li a[target=_blank]{color:#000!important;}
#service-page .oem05 li a[target=_blank]:hover{color:#00a0e9!important;}
#service-page .oem05 h3.title03{font-size:40px;margin-top:0;margin-bottom:12px;}
#service-page .oem05 p{margin:0;}
#service-page .oem05 li{display:inline;}
#service-page .oem05 li:before{content:'／';display:inline;font-size:inherit;}
#service-page .oem05 li:first-child:before{content:'';display:none;}
#service-page .oem05 > div.imgLEFT span.thumIMG{display:block;width:500px;height:350px;background:url() no-repeat center / contain;}

#works-page .wr00{margin-top:100px;}
#works-page .wr00 ul{display:flex;flex-wrap:wrap;width:100%;}
#works-page .wr00 li{width:calc(100% / 4 - 30px);margin:15px;}
#works-page .wr00 li a{display:block;position:relative;}
#works-page .wr00 li a > *{display:block;margin-top:15px;}
#works-page .wr00 li a span.thumIMG{height:auto;aspect-ratio:260 / 240;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.3);background:#fff url() no-repeat center / contain;}
#works-page .wr00 li a b.title{font-weight:600;font-size:15px;line-height:1.5;}
#works-page .wr00 li a span.txt{font-size:11px;margin-top:7px;}
#works-page .wr00 li.new a:before{content:'NEW';display:block;width:50px;height:50px;color:#fff;background-color:#00c;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;line-height:1;font-size:15px;font-family:"Cormorant SC",serif;font-weight:600;border-radius:50%;text-shadow:none;position:absolute;top:-10px;left:-20px;rotate:-15deg;animation:bound 5s ease-in-out 0s infinite;z-index:2;}

li.NG a span.messageNG{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto!important;display:block;background:#000;color:#fff;padding:10px 20px;width:fit-content;height:fit-content;text-align:center;font-size:14px;opacity:0;scale:0;line-height:1.3;transition:0.3s ease-in-out;}
li.NG a span.messageNG.active{opacity:0.75;scale:1;}

.imgLEFT{margin-top:50px;position:relative;display:flex;flex-wrap:wrap;align-items:center;min-height:450px;}
.imgLEFT > div{height:fit-content;margin-left:50px;width:650px;}
.imgLEFT > span.thumIMG{width:450px;height:450px;display:block;margin:auto 0;background:url() no-repeat center / contain;}
.imgRIGHT{margin-top:50px;position:relative;display:flex;flex-wrap:wrap;align-items:center;min-height:450px;}
.imgRIGHT > div{height:fit-content;margin-right:50px;width:650px;}
.imgRIGHT > span.thumIMG{width:450px;height:450px;display:block;margin:auto 0;right:0;background:url() no-repeat center / contain;}

#works-page .wr01{margin-top:100px;}
#works-page .wr01 > div{}
#works-page .wr01 div h5.title{margin-bottom:30px;font-size:25px;line-height:1;vertical-align:middle;}
#works-page .wr01 div h5.title span{margin-left:10px;font-size:13px;vertical-align:middle;}
#works-page .wr01 div h6{font-size:15px;line-height:1;padding:7px 15px 5px 15px;border:1px solid #d89;width:fit-content;margin-bottom:15px;}
#works-page .wr01 div ul{height:200px;overflow-y:auto;padding:5px 20px 15px 0;line-height:2.0;}
#works-page .wr01 div ul li{display:inline;font-size:13px;}
#works-page .wr01 div ul li:before{content:'／';display:inline;font-size:inherit;}
#works-page .wr01 div ul li:first-child:before{content:'';display:none;}

#works-page .wr02{margin-top:100px;}
#works-page .wr02 ul{display:flex;flex-wrap:wrap;align-items:start;}
#works-page .wr02 ul li{width:calc(100% / 4);margin-bottom:12px;}
#works-page .wr02 ul li a{font-size:16px;color:#333;}


#flow-page .fl00{margin-top:80px;}
#flow-page .fl00 div.imgLEFT{margin:50px auto 30px auto;min-height:203px;background:url(../flow/arrow-bottom.webp) no-repeat center bottom;padding-bottom:80px;}
#flow-page .fl00 div.imgLEFT span.thumIMG{background-size:auto;width:334px;height:203px;margin-left:100px;}
#flow-page .fl00 div.imgLEFT > div h4{margin-top:0;margin-bottom:10px;}
#flow-page .fl00 div.imgLEFT > div p{margin-top:12px;margin-bottom:0;}
#flow-page .fl00 div.imgLEFT:last-child{background:none;padding-bottom:0;}
#flow-page .fl00 div.imgLEFT:last-child h4{color:#c00;}

#contact-page form{margin-bottom:100px;}
#contact-page div.notice > p{text-align:left;font-size:15px;}
#contact-page #pageField h3{color:#000;margin-bottom:30px;font-size:30px;font-weight:500;line-height:1.5;}
#contact-page #pageField h4{margin:0 0 20px 0;color:#d89;font-size:20px;}
#contact-page #pageField a.telNUM{display:block;width:fit-content;}
#contact-page #pageField a.telNUM b{display:block;padding-left:45px;background:url(../layout/icon-tel.webp) no-repeat left 3px;}
#contact-page #pageField a.telNUM b{font-size:50px;padding-left:43px;color:#333;line-height:1;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:bold;background:url(../layout/icon-tel02.png) no-repeat left 5px / 35px auto;display:block;}
#contact-page #pageField a.telNUM span{font-size:13px;display:block;font-weight:normal;margin-top:8px;}
#contact-page #pageField #mail h3 + p{margin-bottom:80px;}


#contact-page .contactTEL{margin-bottom:80px;}
#contact-page .contactTEL a.tel{background:url(../layout/tel.svg) no-repeat left 5px / 50px auto;color:#000;display:table;font-size:60px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:1;padding-left:60px;transition:0s ease-in-out;}
#contact-page .contactTEL a.tel b:hover{color:#0cf;}
#contact-page .contactTEL a.tel span{font-size:16px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:normal;vertical-align: middle;margin-left:15px;}
form span[data-name='not-sales']{display:block;margin:30px auto;background:#fff0f0 url(../layout/warn.webp) no-repeat center top 15px / 41px auto;border-radius:8px;box-sizing:border-box;text-align:center;padding-top:40px;}
form span[data-name='not-sales'] label{display:block;padding:15px 30px;box-sizing:border-box;vertical-align:middle;cursor:pointer;}
form span[data-name='not-sales'] label span{font-size:18px;color:#000;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";vertical-align:middle;}
form span[data-name='not-sales']:hover{background-color:#fcc;}
form span[data-name='not-sales'] label:hover span{color:#000;text-decoration:none!important;opacity:0.8;}
form span[data-name='not-sales'] label input{width:20px;height:20px;margin-right:7px;vertical-align:middle}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{font-size:16px;padding:12px;text-align:center;box-sizing:border-box;}

#singlePost #detail table.detailTable{border-collapse:separate;border-top:1px solid #ccc;border-left:1px solid #ccc;width:100%;}
#singlePost #detail table.detailTable th,
#singlePost #detail table.detailTable td{padding:30px;border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #999;border-right:1px solid #999;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:normal;line-height:1.75;}
#singlePost #detail table.detailTable th{width:150px;background:#e6e4e1;text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
#singlePost #detail table.detailTable td{font-weight:normal;}
#singlePost #detail figcaption{display:block;padding:25px;background:#f0efee;font-size:14px;line-height:2.0;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";margin-top:30px;}

#printBTN{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:50px auto;}
#printBTN > *{margin:10px 20px;width:380px;height:140px;border-radius:12px;transition:0.3s ease-in-out;}
#printBTN > *:hover{background-color:#e5eff5;}
#printOPEN{display:flex;flex-wrap:wrap;align-items:center;position:relative;cursor:pointer;}
#printOPEN p{padding-left:130px;margin:0!important;}
div.pamphlet{width:fit-content;} 
div.pamphlet span.BTN{display:block;font-size:15px;}
div.pamphlet a{color:#000!important;text-align:left!important;display:block;position:relative;padding:30px 20px 30px 140px;width:fit-content;margin:0 auto;text-decoration:none!important;background:none!important;}
#printOPEN span.iconIMG,
div.pamphlet a span.pdfTHUM{display:block;width:90px;height:135px;background:url() no-repeat center / cover;border:2px solid #fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,0.3);position:absolute;left:15px;top:0;bottom:0;margin:auto 0;transition:0.15s ease-in-out;}
#printOPEN span.iconIMG{background-image:url(../layout/printTHUM.jpg);}
div.pamphlet a span.pdfTHUM{background-image:url(../layout/icon_pamphlet.webp);}
div.pamphlet a span.pdfTHUM:after{content:'';display:block;width:23px;height:23px;background:url(../layout/icon-other02.png) no-repeat center;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;opacity:0;transition:0.15s ease-in-out;}
#printOPEN p,
div.pamphlet a span.BTN{display:block;font-size:13px;color:#000;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:700;}
#printOPEN p i,
div.pamphlet a span.BTN i{font-size:25px;color:#d89;display:block;line-height:1;font-weight:normal;} 

#printOPEN:hover span.iconIMG,
div.pamphlet a:hover span.pdfTHUM{scale:1.1;border-radius:0;}
div.pamphlet a:hover span.pdfTHUM:after{opacity:1;}

#print{position:fixed;top:0;left:0;right:0;margin:auto;width:100%;height:100%;padding-bottom:150px;box-sizing:border-box;z-index:21;overflow-y:auto;}
#print > div.scroll{margin:100px auto;width:210mm;min-height:297mm;background:#fff;border-radius:15px;position:relative;padding:25mm 20mm 15mm 20mm;box-sizing:border-box;z-index:21;}
#print > div.scroll h2{font-size:20px;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-align:center;color:#999;position:absolute;top:30px;left:0;width:100%;}
#print > div.scroll p.timeStamp{font-size:12px;font-weight:500;position:absolute;top:60px;right:17.5mm;text-align:right;color:#999;padding:3px 5px;border:1px solid #999;width:fit-content;line-height:1;}
#print > div.scroll button.close{display:block;width:80px;height:80px;position:absolute;top:-27px;right:-40px;text-align:center;background:unset;border:0!important;transition:0.3s ease-in-out;cursor:pointer;}
#print > div.scroll button.close span{display:block;width:45px;height:45px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,0.7) url(../layout/icon-close02.gif) no-repeat center;box-sizing:border-box;margin:0 auto 3px auto;}
#print > div.scroll button.close i{display:block;line-height:1;font-weight:bold;font-size:15px;transition:0.3s ease-in-out;}
#print > div.scroll button.close:hover{opacity:0.8;}
#print > div.scroll button.close:hover i{color:#09c;}

#print > div.scroll p.timeStamp time{display:inline-block;color:#999;background:none;padding-left:0;font-weight:500;}
#print > div.scroll figure{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:25px;}
#print > div.scroll figure .thumIMG{width:70mm;height:70mm;background:url() no-repeat center / contain;border:4px solid #ccc;box-sizing:border-box;}
#print > div.scroll figure div.title{width:calc(100% - 70mm - 15mm);height:auto;}
#print > div.scroll figure div.title h3{line-height:1.5;margin-bottom:10px;}
#print > div.scroll figure div.title h3 span{font-size:12px;display:block;margin-bottom:7px;}
#print > div.scroll figure div.title h3 b{font-size:23px;display:block;font-weight:600;line-height:1.5;}
#print > div.scroll figure div.title span.cat{display:block;margin-top:10px;}
#print > div.scroll figure div.title span.cat b{display:inline-block;font-size:11px;margin:0 3px 3px 0;background:#666;color:#fff;line-height:1;padding:4px 4px 3px 4px;}
#print > div.scroll figure div.title p.detail{font-size:11px;line-height:2;margin-top:10px;}
#print > div.scroll div.content{min-height:80mm;font-size:10px;line-height:1.75;margin:15px auto 10px auto;padding-bottom:10px;border-bottom:1px dashed #666;}
#print > div.scroll div.content h4{font-size:17px;line-height:1.5;margin:15px 0;font-weight:500;}
#print > div.scroll div.content h5{font-size:15px;line-height:1.5;margin:15px 0 7px 0;font-family:"Noto Sans JP",sans-serif;font-weight:900;}
#print > div.scroll div.content h6{font-size:13px;line-height:1.5;margin:10px 0 4px 0;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:700;}
#print > div.scroll div.content p{font-size:11px;line-height:1.75;margin-bottom:10px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:normal;}
#print > div.scroll p.ingredients{font-size:9px;line-height:1.75;}
#print > div.scroll p.notice{margin-top:15px;padding-left:30px;background:url(../layout/icon-warning.png) no-repeat left center / auto 17px;font-size:9px;line-height:1.75;}
#print ul.printBTN{display:flex;flex-wrap:wrap;justify-content:center;margin:50px auto 0 auto;position:absolute;bottom:-80px;left:0;right:0;width:100%;}
#print ul.printBTN li{width:150px;margin:0 15px;background:linear-gradient(to bottom, #333,#000);border-radius:6px;color:#fff;text-align:center;cursor:pointer;transition:0.3s ease-in-out;}
#print ul.printBTN li:hover{background:linear-gradient(to bottom, #333,#333);}
#print ul.printBTN li span{display:inline-block;padding:15px 0 15px 30px;font-size:20px;font-family:"Cormorant SC",serif;line-height:1;}
#print ul.printBTN li.enablePRINT span{background:url(../layout/icon-print.png) no-repeat left center / 23px auto;}
#print ul.printBTN li.closePRINT span{background:url(../layout/icon-close.gif) no-repeat left center;padding-left:21px;}

#print #printFOOT{padding-right:50mm;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:20px auto 0 auto;width:;box-sizing:border-box;position:relative;border-top:5px solid #666;padding-top:15px;}
#print #printFOOT h3{font-size:17px;font-family:"Noto Sans JP",sans-serif;font-weight:700;margin-bottom:7px;line-height:1;}
#print #printFOOT p{font-size:20px;font-family:"Noto Sans JP",sans-serif;font-weight:700;margin-bottom:7px;line-height:1;}
#print #printFOOT p.tel{font-size:30px;font-family:Arial, Helvetica, sans-serif;font-weight:700;vertical-align:middle;padding-left:27px;background:url(../layout/icon-tel02.png) no-repeat left 3px / 23px auto;}
#print #printFOOT p.tel span{font-size:13px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";margin-left:15px;display:inline-block;vertical-align:middle;}
#print #printFOOT p.mail{font-size:15px;font-weight:700;padding:2px 0;padding-left:27px;background:url(../layout/icon-mail.gif) no-repeat left 3px top 5px / auto 13px;}
#print #printFOOT p.mail span:before{content:'＠';margin:0 1px;display:inline-block;}
#print #printFOOT p.txt{font-size:13px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";margin:2px 0 5px 0;}
#print #printFOOT address{font-size:12px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";line-height:1.5;}
#print #printFOOT div.qr{position:absolute;right:0;bottom:0;text-align:center;}
#print #printFOOT div.qr img{width:30mm!important;height:30mm!important;}
#print #printFOOT div.qr p{font-size:12px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";margin-top:-5px;}


#printSKIN{display:block;width:100%;height:100%;position:fixed;top:0;left:0;right:0;margin:auto;background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);z-index:20;box-sizing:border-box;}

#archive-items .contactBOX{margin:130px auto 180px auto;}

#sort{width:100%;padding:20px;box-sizing:border-box;background:url(../layout/sortBG.gif) repeat center;margin-bottom:30px;}
#sort .sortWrap{width:fit-content;margin:0 0 0 auto;}
#sort select{padding:3px 25px 3px 10px;border-radius:20px;margin-left:8px;border-color:#ccc;font-size:12px;cursor:pointer;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:bold;}
#sort select:hover{border-color:#0cf;}

#company-page div.map{display:flex;flex-wrap:wrap;align-items:center;margin-top:50px;}
#company-page div.map iframe{width:600px;height:400px;border:2px solid #fff!important;margin-right:70px;box-shadow:0 0 5px rgba(0,0,0,0.3);}
#company-page div.map div{width:526px;}
#company-page div.map h4{font-size:17px;margin-bottom:10px;width:fit-content;padding:5px 15px;text-align:center;border:1px solid #666;line-height:1;}
#company-page div.map p{font-size:14px;margin-bottom:0;}
#company-page div.map p.tel{font-size:12px;line-height:1;}
#company-page div.map p.tel a{display:block;font-size:40px;font-family:Arial, Helvetica, sans-serif;margin-bottom:7px;padding-left:40px;background:url(../layout/icon-tel02.png) no-repeat left center / 30px auto;}

#contact{width:70%;height:250px;margin:150px auto;position:relative;overflow:hidden;}
#contact > video{width:100%;height:auto;position:absolute;top:-1000px;bottom:-1000px;left:-1000px;right:-1000px;margin:auto;display:block;}
#contact > div{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;padding-left:400px;text-shadow:2px 1px 2px rgba(0,0,0,0.7);background-color:rgba(0,0,0,0.3);border:7px solid rgba(255,255,255,0.3);}
#contact > div span.logo{display:block;width:200px;height:70px;display:block;position:absolute;top:0;bottom:0;left:100px;margin:auto 0;}
#contact > div span.logo a{display:block;text-shadow:2px 2px 2px rgba(0,0,0,0.7);}
#contact > div span.logo a b{display:block;line-height:1;}
#contact > div > div h4{font-size:17px;color:#fff;margin-bottom:12px;line-height:1;font-family:"Noto Sans JP",sans-serif;font-weight:700;}
#contact > div > div a.tel{font-size:43px;padding-left:43px;color:#fff;line-height:1;font-family:Oswald, sans-serif;font-weight:bold;background:url(../layout/icon-telW.png) no-repeat left 2px / 35px auto;display:block;}
#contact > div > div a.tel span{font-size:13px;display:block;font-weight:normal;margin-top:5px;}



#error-page .error{width:fit-content;margin:60px auto;padding-top:200px;background:url(../layout/404image.webp) no-repeat center top / 200px;}
#error-page .error h3{font-size:70px;color:#d89;text-align:center;line-height:1;margin-bottom:15px;}
#error-page .error p{font-size:15px;text-align:center;}
#error-page a{margin-top:80px;}

#privacy-policy-page #pageField *{font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
#privacy-policy-page #pageField > ol > li{list-style:none;text-indent:-1em;padding-left:1em;margin-bottom:15px;}
#privacy-policy-page #pageField > ol ul.sub{margin:10px auto;}
#privacy-policy-page #pageField > ol ul.sub li{font-size:14px;text-indent:-1em;padding-left:1em;}
#privacy-policy-page #pageField > ol ul.sub02{margin:5px auto;padding-left:1em;}

#privacy-policy-page #pageField h3.title02{margin:60px auto 30px auto;}