@charset "UTF-8";
#pageField a[target=_blank],
#singlePost a[target=_blank]{color:#00a0e9;text-decoration:underline;padding-right:23px;background-image:url(../layout/blank.gif);background-repeat:no-repeat;background-position:right center;background-size:13px auto;}
#pageField a[target=_blank]:hover,
#singlePost a[target=_blank]:hover{color:#00a0e9;text-decoration:none;}
#pageField img,
#singlePost img{max-width:calc(100% - 20px);border:10px solid #fff;box-shadow:2px 2px 5px rgba(0,0,0,0.3);}

#bread{width:1200px;margin:0 auto;text-align:right;}



/*タイトル周り*/
#titleIMG{background:#fff url() no-repeat center / cover;width:100vw;height:250px;border-bottom:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,0.3);position:relative;z-index:0;overflow:hidden;}
#titleIMG:before{content:'';display:block;width:100%;height:100%;background:rgba(255,255,255,0.5) url(../top/dotted-wh.svg) repeat center / 16px auto;position:absolute;top:0;left:0;right:0;margin:0 auto;opacity:.15;/*mix-blend-mode:multiply;*/z-index:2;}
#titleIMG.menu{background-image:url(../menu/topIMG.jpg);}
#titleIMG h2{width:fit-content;color:#fff;z-index:2;position:absolute;top:90px;bottom:0;left:0;right:0;margin:auto;display:table;font-size:20px;line-height:1.3;text-align:center;text-shadow:0px 0px 5px #ff339940,0px 0px 5px #ff339940,0px 0px 5px #ff339940,0px 0px 5px #ff339940;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:500;}
#titleIMG h2 i{display:block;font-size:50px;font-family:"Outfit", sans-serif;text-transform: capitalize;line-height:1;margin-bottom:5px;font-weight:100;}
#titleIMG video{width:auto;height:auto;min-height:100%;min-width:100%;position:absolute;top:-1000px;bottom:-1000px;left:-1000px;right:-1000px;margin:auto;display:block;z-index:1;}
#titleIMG span.titleIMG img{display:block;width:120%;height:auto;position:absolute;bottom:-100px;left:-1000px;right:-1000px;margin:auto;display:block;z-index:1;/*animation:titleIMG 30s linear 0s infinite;translate:5% 0;*/}
@keyframes titleIMG{0%{translate:5% 0;}100%{translate:-5% 0;}}

#titleIMG{background:#fff url(../layout/titleMOVIE/companyBCKG_L.webp) no-repeat center bottom / cover;}
#titleIMG.service-page{background:#fff url(../layout/titleMOVIE/conceptBCKG_L.webp) no-repeat center bottom / cover;}
#titleIMG.news-page{background:#fff url(../layout/titleMOVIE/newsBCKG.webp) no-repeat center bottom / cover;}
#titleIMG.items-page,
#titleIMG.works-page{background:#fff url(../layout/titleMOVIE/worksBCKG.webp) no-repeat center bottom / cover;}
#titleIMG.flow-page{background:#fff url(../layout/titleMOVIE/flowBCKG_L.webp) no-repeat center / cover;}
#titleIMG.company-page{background:#fff url(../layout/titleMOVIE/companyBCKG_L.webp) no-repeat center bottom / cover;}
#titleIMG.thanks-page,
#titleIMG.contact-page{background:#fff url(../layout/titleMOVIE/contactBCKG.webp) no-repeat center / cover;}
#titleIMG.privacy-policy-page{background:#fff url(../layout/titleMOVIE/errorBCKG_L.webp) no-repeat center bottom / cover;}

@media screen and (max-width:768px){
#titleIMG{background:#fff url(../layout/titleMOVIE/companyBCKG_L.webp) no-repeat center bottom / cover;}

#titleIMG.service-page{background:#fff url(../layout/titleMOVIE/conceptBCKG_M.webp) no-repeat center bottom / cover;}
#titleIMG.news-page{background:#fff url(../layout/titleMOVIE/newsBCKGsp.webp) no-repeat center bottom / cover;}
#titleIMG.items-page,
#titleIMG.works-page{background:#fff url(../layout/titleMOVIE/worksBCKGsp.webp) no-repeat center bottom / cover;}
#titleIMG.flow-page{background:#fff url(../layout/titleMOVIE/flowBCKG_M.webp) no-repeat center / cover;}
#titleIMG.company-page{background:#fff url(../layout/titleMOVIE/companyBCKG_M.webp) no-repeat center bottom / cover;}
#titleIMG.thanks-page,
#titleIMG.contact-page{background:#fff url(../layout/titleMOVIE/contactBCKGsp.webp) no-repeat center / cover;}
#titleIMG.privacy-policy-page{background:#fff url(../layout/titleMOVIE/errorBCKG_M.webp) no-repeat center bottom / cover;}

}

nav#bread{z-index:2;text-align:right;margin-bottom:20px;}
nav#bread ul{width:100%;margin:0 auto;padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
nav#bread ul li{display:inline;margin-right:5px;font-size:13px;background:url(../layout/arrow-next.gif) no-repeat left center / 4px auto;padding:5px 0 5px 11px;vertical-align:middle;line-height:1;color:#666;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:500;}
nav#bread ul li.home{background:url(../layout/icon-home.gif) no-repeat center left / 13px;padding-left:17px;}
nav#bread ul li a{color:#666;transition:0s ease-in-out;}
nav#bread ul li a:hover{color:#d89;}

#items-list{width:100%;display:flex;flex-wrap:wrap;}
#items-list li{width:calc(100% / 4 - 40px);margin:0 20px 20px 20px;min-height:350px;}
#items-list li a{display:block;min-height:350px;position:relative;}
#items-list li a > *{display:block;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
#items-list li a span.thumIMG{display:block;width:100%;height:240px;margin-bottom:15px;border:5px solid #fff;box-shadow:0 0 4px rgba(0,0,0,0.3);box-sizing:border-box;position:relative;overflow:hidden;background:#fff url() no-repeat center / contain;transition:0.15s ease-in-out;}
#items-list a:hover span.thumIMG{scale:1.02;box-shadow:2px 2px 8px rgba(0,0,0,0.3);}
#items-list li a em{display:block;margin-bottom:10px;line-height:1.15;color:#4A6BB7;font-size:10px;text-align:center;font-weight:bold;}
#items-list li a em i{display:block;font-size:12px;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:500;margin-bottom:2px;}
#items-list li a b.title{display:block;font-size:16px;line-height:1.25;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:600;}
#items-list li a b.title span{font-size:12px;line-height:1.5;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:500;display:block;margin-bottom:4px;}
#items-list li a span.cate{display:block;line-height:1;margin-top:7px;}
#items-list li a span.cate i{display:inline-block;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:normal;font-size:10px;line-height:1;margin:2px 2px 0 0;padding:3px 4px 2px 4px;color:#fff;background:#999;}
#items-list li a span.thumIMG:after{background:#c00;color:#fff;padding:5px 8px 3px 8px;border-radius:0px;line-height:1;font-size:10px;font-weight:bold;position:absolute;top:15px;left:-8px;}
#items-list li.sold-out a span.thumIMG:after{content:'SOLD OUT';}
#items-list > li a:hover{opacity:1;}
#items-list > li a:hover b span,
#items-list > li a:hover b{color:#7CA5D2;}
#items-list li.全国販売商品{}
#items-list li.国内生産商品{}
#items-list li.社内秘商品{}
#items-list li.hidden a span.thumIMG:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(5px);}

#items-list 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;}


.fArchive{margin:200px auto 200px auto;}
.fArchive > h3{font-size:25px;margin-bottom:80px;padding-bottom:15px;font-family:"Noto Sans JP",sans-serif;font-weight:600;border-bottom:5px solid;border-image:linear-gradient(to right, #806d45 0%,#efefef 27%,#fff 30%,#ffc 32%,#806d45 60%,#806d45 100%) 1;}


/* コンタクトフォーム */
span[data-name='not-sales'] span.wpcf7-not-valid-tip{text-align:center;translate:0 -15px;}
input + .wpcf7-spinner{margin:auto 10px;}


.pager{position:relative;margin:50px auto 100px auto;line-height:1;vertical-align:middle;text-align:center;color:#666;}
.pager li.prev,.pager li.next{position:absolute;width:30%;top:0;bottom:0;margin:auto 0;line-height:19px;height:19px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pager li.prev a,.pager li.next a{color:#806d45;font-size:15px;}
.pager li.prev a:hover,.pager li.next a:hover{color:#09f;}
.pager li.prev{left:0;text-align:left;background:url(../layout/arrow-back.gif) no-repeat left center / 8px;padding-left:17px;}
.pager li.next{right:0;text-align:right;background:url(../layout/arrow-next.gif) no-repeat right center / 8px;padding-right:17px;}
.pager li.home{display:inline-block;width:auto;height:auto;}
.pager li.home a{font-size:15px;font-weight:400;background:#806d45;color:#fff;padding:10px 25px 8px 25px;line-height:1;display:block;font-weight:500;}



#pageField table{border-left:1px solid #999;border-top:1px solid #999;width:100%;box-sizing:border-box;margin:50px auto;}
#pageField table th,#pageField table td{font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:500;border-right:1px solid #999;border-bottom:1px solid #999;padding:30px 30px;color:#000;font-size:16px;}
#pageField table th{width:160px;background:#efefef;font-weight:bold;}
#pageField table tr:nth-child(odd){background:rgba(0,0,0,0.02);}
#pageField table th span.ex{display:block;font-size:12px;}
#pageField table a{color:#09c;text-decoration:underline;}
#pageField table a:hover{text-decoration:none;}

span.page-top{display:block;text-align:right;margin:100px 0 150px;}
span.page-top a{display:inline-block;padding-left:17px;background:url(../layout/arrowTop_br.gif) no-repeat left center;color:#000;font-weight:normal;font-size:13px;text-decoration:underline;}
span.page-top a:hover{color:#0cf;text-decoration:none;}





/*ページ下部のcontact*/
section#contact article{margin:0 auto;background:#fff url(../layout/contactBCKG.webp) no-repeat center / cover;border:10px solid #ccc;padding:70px 100px;position:relative;}
section#contact article h2{color:#0cf;margin-bottom:25px;font-size:60px;font-weight:100;font-family:"Noto Sans JP",sans-serif;line-height:1;}
section#contact article address h3{color:#000;margin-bottom:15px;font-size:30px;font-weight:500;font-family:"Noto Sans JP",sans-serif;line-height:1.5;}
section#contact article address 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;}
section#contact article address a.tel b:hover{color:#0cf;}
section#contact article address a.tel span{display:block;font-size:16px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:500;margin-top:7px;}
section#contact article:before{content:'';display:block;width:356px;height:469px;position:absolute;right:80px;bottom:0;background:url(../layout/banner/picture.webp) no-repeat center bottom;}
section#contact article a.mail{display:block;width:150px;height:150px;border-radius:50%;background:#09f;border:0;margin:0;transition:0s ease-in-out;position:absolute;bottom:25px;right:50px;}
section#contact article a.mail i{display:flex;height:150px;justify-content:center;align-items:center;color:#fff;font-size:18px;font-weight:bold;text-align:center;font-family:"Noto Sans JP",sans-serif;}



a.sin-BTN{font-size:18px;background-color:#7CA5D2;padding:20px 40px;border-radius:10px;color:#fff;display:block;width:fit-content;text-align:center;margin:0 auto;}

.pager li.prev{left:0;text-align:left;}
.pager li.next{right:0;text-align:right;}

.pagenation{position:relative;margin:100px auto;width:95%;display:block;box-sizing:border-box;max-width:95%;}
.pagenation > *{font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-size:16px;vertical-align:middle;display:inline-block;box-sizing:border-box;line-height:30px;height:30px;width:30px;vertical-align:middle;}
.pagenation a.prev:hover,.pagenation a.next:hover{text-decoration:underline;}
.pagenation a.prev,
.pagenation a.next{position:absolute;top:0;bottom:0;margin:auto 0!important;color:#999!important;box-sizing:initial;font-size:15px;font-weight:600;width:auto;}
.pagenation a.prev{left:0;background:url(../layout/arrow-back.gif) no-repeat left center / 10px;left:0;padding-left:20px;}
.pagenation a.next{right:0;background:url(../layout/arrow-next.gif) no-repeat right center / 10px;right:0;padding-right:20px;}
.pagenation a.prev:hover,.pagenation a.next:hover{color:#7CA5D2!important;text-decoration:underline;border:0;}
.pagenation a.page-numbers{margin:0 2px;color:#999;}
.pagenation a.page-numbers:hover{border-color:#7CA5D2;color:#7CA5D2;}
.pagenation span.current:hover{border-color:#7CA5D2;}
.pagenation span.current,.pagenation span.current:hover{width:25px;height:25px;line-height:25px;border-radius:50%;font-size:18px;background-color:#7CA5D2;color:#fff;cursor:default;}



/*single-items.php*/
#single-items .single-head{position:relative;}
#single-items figure.topIMG{display:table;position:relative;}
#single-items figure.topIMG .brand{position:absolute;top:-50px;right:-50px;z-index:1;}
#single-items figure.topIMG .brand span.termIMG{display:block;width:125px;height:125px;margin:0 auto;background:#fff url() no-repeat center center / 125px;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.5);border-radius:50%;box-sizing:border-box;transition:0.15s ease-in-out;z-index:1;}
#single-items figure.topIMG .brand b.title{display:block;width:auto;padding:8px 20px;box-sizing:border-box;background-color:rgba(0,0,0,0.8);color:#fff;text-align:center;line-height:1;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";margin-top:-15px;}
#single-items figure.topIMG .brand b.title i{display:block;font-size:12px;font-weight:normal;}

#single-items figure.topIMG .brand a:hover{opacity:1;}
#single-items figure.topIMG .brand a:hover span.termIMG{scale:1.1;}


/*archive.php*/
#news-list{width:100%;display:flex;flex-wrap:wrap;}
#news-list > li{width:calc(100% / 3 - 10px);margin:0 15px 70px 0;}
#news-list > li:nth-of-type(3n){margin-right:0;}
#news-list > li a > *{display:block;transition:0.15s ease-in-out;}
#news-list > li a{position:relative;display:block;}
#news-list > li a i{display:none;}
#news-list > li a i.media{display:block;background-color:#f69;position:absolute;font-size:12px;color:#fff;top:20px;left:-5px;padding:2px 6px;}
#news-list > li a span.thumIMG{display:block;width:100%;height:0;padding-bottom:calc(300 / 450 * 100% - 10px);margin-bottom:15px;border:5px solid #fff;box-shadow:0px 0px 4px #00000052;background:#fff url() no-repeat center / cover;box-sizing:border-box;}
#news-list > li.new a span.thumIMG: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;}
#news-list > li a b{font-size:18px;margin-bottom:5px;line-height:1.75;}
#news-list > li a:hover span.thumIMG{scale:1.02;opacity:1;}
#news-list > li a:hover b{color:#d89;}
aside nav.sideNews ul li b.title:after,
#items-list > li.new a b span:before,
/*#news-list > li.new a b:before{content:'NEW';background-color:#f00;color:#fff;padding:3px 4px 2px 4px;margin-right:7px;font-size:11px;line-height:1;display:inline-block;position:relative;top:-2px;height:auto;visibility:visible;}*/
aside nav.sideNews ul li b.title:after{font-size:9px;margin-right:0;margin-left:7px;top:-3px;}

#news-list span.time{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:10px;font-size:14px;}
#news-list span.time time{background:url(../layout/icon-time.png) no-repeat center left / 12px;color:#000;font-weight:normal;display:inline-block;}
#news-list span.time em{margin-left:10px;}

/*お知らせ一覧*/
#news-page{}
#news-page h3.title02{font-size:30px;font-family:"Noto Sans JP",sans-serif;font-weight:normal;}
#news-page h3.title02 b{font-weight:400;}
#news-list li a{font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
#news-list li a b{font-family:"Noto Sans JP",sans-serif;font-weight:500;}
#news-list li a span{font-size:13px;font-weight:400;}
#news-list li a em{font-size:13px;font-weight:400;}


/*お知らせ個別ページ*/
#single-post #single-content div.single-head{border-image:linear-gradient(to right, #456280 0%, #efefef 27%, #fff 30%, #dfebf5 32%, #a0aabb 60%, #456280 100%) 1;}
#single-post #singlePost{margin-top:50px;}
#single-post #singlePost p a{color:#09c;text-decoration:underline;}
#single-post .pager li.home a{background:#d89;}
#single-post .pager li.prev a, #single-post .pager li.next a , #single-post #singlePost h4{color:#d89;}
#single-post #signature time{color:#d89;}




.contactBOX{width:890px;height:300px;background:#f0f0f0 url(../layout/conBOXbg.webp) no-repeat bottom right 150px / 500px auto;border:5px solid #999;position:relative;display:flex;align-items:center;margin-bottom:150px;box-sizing:border-box;}
.contactBOX:before{content:'';width:226px;height:266px;display:block;background:url(../layout/conBOX01.webp) no-repeat center center / contain;position:absolute;bottom:0;left:80px;}
.contactBOX:after{content:'';width:141px;height:173px;display:block;background:url(../layout/conBOX02.webp) no-repeat center center / contain;position:absolute;top:-30px;right:30px;}
.contactBOX div{width:fit-content;margin-left:350px;}
.contactBOX p,#singlePost .contactBOX p{font-size:20px;line-height:1.3;margin:0;}
.contactBOX a.tel{font-size:15px;display:block;line-height:1.3;}
.contactBOX a.tel span{font-size:50px;display:block;font-family:Oswald, sans-serif;font-weight:600;}
.contactBOX a.mail{display:flex;align-items:center;justify-content:center;font-size:18px;height:60px;width:100%;background:#0E3958 url(../layout/icon-mailWH.webp) no-repeat left 23px center / 27px auto;border:2px solid #fff;padding-left:28px;color:#fff;border-radius:15px;box-sizing:border-box;margin-top:15px;box-shadow:0 0 5px rgba(0,0,0,0.3);}


/*お問い合わせページ*/
#contact-page h3.title{text-align:left;border-bottom:5px solid #7CA5D2;}
#contact-page h3.title i{color:#999;margin-left:10px;}
#contact-page h3{}

/*サンクスページ*/
#thanks-page h3{text-align:center;font-size:35px;font-weight:500;margin-bottom:40px;padding-top:250px;background:url(../layout/thanks-image.webp) no-repeat center top / auto 180px;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#thanks-page p{text-align:center;}
#thanks-page #pageField a{margin-top:80px;}

#news-list > li.not-found{margin-right:0;margin-left:0;}


#pageField h5.title{font-size:23px;line-height:1.75;margin-top:30px;margin-bottom:10px;font-weight:600;color:#d89;}
#pageField h6.title{color:#000;font-size:17px;font-weight:bold;margin-bottom:7px;}
article p{font-size:15px;line-height:2;margin-bottom:30px;margin-top:10px;}
#pageField p.title{font-size:16px;text-align:center;margin-bottom:15px;letter-spacing:0.075em;}


#pageField h5.title03,#postField h5.title03{display:table;padding:5px 15px;font-size:16px;border:1px solid #000;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:bold;}



a.more{font-size:15px;margin:50px auto;line-height:1;display:table;padding:20px 40px;color:#fff;background:#333;border-radius:6px;}
#singlePost a.fPost.more{color:#fff;text-decoration:none;background:linear-gradient(to bottom,rgba(240,205,208,1.0) 0%,rgba(200,108,115,1.0) 100%);transition:0s ease-in-out;}
#singlePost a.fPost.more:hover{background:linear-gradient(to bottom,rgba(200,108,115,1.0) 0%,rgba(200,108,115,1.0) 100%);}
#singlePost a.fPost.more:before,
#singlePost a.fPost.more:after{display:none;}
#singlePost a.fPost.more[target=_blank] span{display:inline-block;padding-right:23px;background-image:url(../layout/blankWH.gif);background-repeat:no-repeat;background-position:right center;background-size:13px auto;}

main.main #pageField p.notice,
main.main #postField p.notice{padding:30px 35px;font-size:15px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:bold;background-color:#ececea;border-radius:6px;}
main.main #pageField div.notice p.notice,
main.main #postField div.notice p.notice{padding:30px 35px;margin-bottom:15px;font-size:15px;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:bold;background-color:#fff;border-radius:6px;}
ul.notice{background-color:#fefed9;box-shadow:5px 5px 0 rgba(0,0,0,0.3);padding:30px 35px;position:relative;margin:30px auto;font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-weight:bold;}
ul.notice > li{font-size:14px;margin:7px 0;line-height:1.5;}

.fBanner{margin:150px auto 80px auto;width:1060px;}
.fBanner ul{text-align:center;margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.fBanner ul li{margin-top:10px;}
.fBanner ul > li > a{height:218px;display:block;}
.fBanner a,.fBanner a img{display:block;}
.fBanner a.fContact{display:block;box-sizing:border-box;}



.scroll::-webkit-scrollbar{width:8px;}
.scroll::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.2);}
.scroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.3);border-radius:4px;transition:0.15s ease-in-out;}
.scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.6);}





@media screen and (max-width:1200px){
}
@media screen and (max-width:600px){
}
@media screen and (max-width:400px){
}

@media screen and (max-width:1000px){
}
@media screen and (max-width:600px){
}


/* clearfix
-----------------------------------------------------------------------------*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-table;min-height:1%;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}.clearfix{display:block;}
/* End hide from IE-mac */
.f10{font-size:10px!important;}.f11{font-size:11px!important;}.f12{font-size:12px!important;}.f13{font-size:13px!important;}.f14{font-size:14px!important;}.f15{font-size:15px!important;}.f16{font-size:16px!important;}.f17{font-size:17px!important;}.f18{font-size:18px!important;}.f19{font-size:19px!important;}.f20{font-size:20px!important;}.f21{font-size:21px!important;}.f22{font-size:22px!important;}.f23{font-size:23px!important;}.f24{font-size:24px!important;}.f25{font-size:25px!important;}.f26{font-size:26px!important;}.f27{font-size:27px!important;}.f28{font-size:28px!important;}.f29{font-size:29px!important;}.f30{font-size:30px!important;}.f35{font-size:35px!important;}.f40{font-size:40px!important;}
.fRed{color:#CC0000!important;}.fGreen{color:#669900!important;}.fBlue{color:#06c!important;}.fPurple{color:#663366!important;}.fPink{color:#f69!important;}
.l10{line-height:100%!important;}.l11{line-height:110%!important;}.l12{line-height:120%!important;}.l13{line-height:130%!important;}.l14{line-height:140%!important;}.l15{line-height:150%!important;}.l16{line-height:160%!important;}.l18{line-height:180%!important;}.l20{line-height:200%!important;}
.mt0{margin-top:0px!important;}.mt5{margin-top:5px!important;}.mt10{margin-top:10px!important;}.mt15{margin-top:15px!important;}.mt20{margin-top:20px!important;}.mt30{margin-top:30px!important;}.mt40{margin-top:40px!important;}.mt50{margin-top:50px!important;}.mt60{margin-top:60px!important;}.mt80{margin-top:80px!important;}.mt90{margin-top:90px!important;}.mt100{margin-top:100px!important;}.mt150{margin-top:150px!important;}.mt200{margin-top:200px!important;}
.mb0{margin-bottom:0px!important;}.mb5{margin-bottom:5px!important;}.mb10{margin-bottom:10px!important;}.mb15{margin-bottom:15px!important;}.mb20{margin-bottom:20px!important;}.mb30{margin-bottom:30px!important;}.mb40{margin-bottom:40px!important;}.mb50{margin-bottom:50px!important;}.mb60{margin-bottom:60px!important;}.mb80{margin-bottom:80px!important;}.mb100{margin-bottom:100px!important;}.mb150{margin-bottom:150px!important;}.mb200{margin-bottom:200px!important;}
.fMincho{font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;font-weight:600;}.fGothic{font-family:YuGothic, "Yu Gothic",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"!important;font-weight:500;}

.none{display:none!important;}

/*テーブルCSS*/
.footerBox{width:1100px;margin: auto;}
.article table.center th,.article table.center td{text-align:center;}
.article tr.center th,.article tr.center td{text-align:center;vertical-align:middle;}
.article th.center{text-align:center;vertical-align:middle;}
.article td.center{text-align:center;vertical-align:middle;}
.article table th,.article table td{padding:10px 20px;line-height:1.5;font-size:14px;}
.article table th span{font-weight:bold;font-size:16px;}
.article table th.tableTh02{color:#fff;}
.article table td a{color:#09c;text-decoration:underline;}
.article table td a:hover{text-decoration:none;}

input,select{border:1px solid #000;border-radius:0px;}


/*角丸*/
.radius{border-radius:6px;}
.topRadius{border-top-left-radius:6px;}/*左上*/
.bottomRadius{border-bottom-right-radius:6px;}/*右下*/
.rightRadius{border-top-right-radius:6px;}/*右上*/
.leftRadius{border-bottom-left-radius:6px;}/*左下*/
/*ボックスシャドウ*/
.boxShadow{box-shadow:#000 0px 0px 10px;}
.boxShadow02{box-shadow:#000 0px 0px 5px;}
/*グラデーション*/
/*nth関連
class/ID:nth-child(1n){}
class/ID:nth-child(even){}
class/ID:nth-child(odd){}
class/ID:first-child{}
class/ID:last-child{}*/
/*アニメーション
{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease; transition:all 0.3s ease;}
box-sizing:border-box;*/
/*背景グラデーション*/
.linear{background:linear-gradient(to bottom,#eee,#fff);background:-webkit-linear-gradient(top,#eee,#fff);background:-moz-linear-gradient(top,#eee,#fff);background:-o-linear-gradient(top,#eee,#fff);}
.bx-wrapper,
.bx-wrapper .bx-viewport{background:none;margin:0;padding:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border:0;left:inherit;right:inherit;}
.jquery-lightbox a{transition:0s ease-in-out!important;}

.mailform tr.check .wpcf7-list-item-label{padding-left:24px;}
.mailform tr.check td input{width:18px;height:18px;position:absolute;top:0;bottom:0;margin:auto 0;}

#pageField .mailform{border:none;margin:30px 0;width:100%;}
#pageField .mailform tr th{width:250px;font-size:15px;}
#pageField .mailform tr td{font-weight:normal;}
#pageField .mailform tr td,
#pageField .mailform tr th{text-align:left;background:#fff;border:none;border-bottom:1px solid #dadada;padding:15px 15px;box-sizing:border-box;}
#pageField .mailform tr:last-of-type th,
#pageField .mailform tr:last-of-type td{border-bottom:none;}
.mailform tr.required th:after{content:'必須';display:inline-block;width:32px;height:15px;line-height:15px;margin-left:10px;font-size:11px;color:#fff;text-align:center;background:#c00;border-radius:5px;}
.mailform tr.menu td span.wpcf7-list-item{display:block;margin:7px 0;}
.mailform tr.menu td label{display:block;width:fit-content;cursor:pointer;}
.mailform tr.menu td label:hover{color:#09c;}

.mailform tr th b{display:block;font-size:12px;color:#c00;}
.mailform.en tr.required th{background-image:url(../contact/required-en.gif);}
.mailform tr.check .wpcf7-list-item{margin:8px 30px 8px 0!important;}
.mailform input{margin:1px 5px 1px 0;}
.mailform tr.tel input{width:24em;}
.mailform tr.mail input{width:26em;}
.mailform tr.company input{width:40em;}
.mailform tr.address input.p-region{width:26em;}
.mailform tr.address input.building{width:24em;}
.mailform tr.name input{width:18em;}
.mailform tr.name input[name='kana']{width:18em;}
.mailform tr.address input.p-postal-code{width:7em;}
.mailform tr.address input.p-region{margin:7px 0;}
.mailform tr.privacy td > span{margin-top:15px;display:block;}
.mailform tr.privacy td span.wpcf7-list-item{margin-left:0;}
.mailform tr.privacy td input{width:20px;height:20px;vertical-align:middle;translate:0 -2px;}
.mailform tr.privacy td p{margin:15px 0 0 0;}
.mailform tr.privacy td p a{margin:0 7px 0 2px;}
table.mailform tr.file input[type='file']{border:0;}
table.mailform tr.file input[type='file']:hover{color:#47acdd;}
.mailform span.ex{display:block;font-size:11px;color:#47acdd;}
.mailform td textarea{width:95%;box-sizing:border-box;}
.mailform td input,.mailform td textarea{padding:15px;font-size:15px;border:none;background:#f0f0f0;border-radius:6px;}
.mfp_buttons{margin-top:70px;margin-bottom:50px;text-align:center;}
.mfp_buttons input,.mfp_buttons button{display:inline-block;min-width:210px;box-sizing:border-box;background:#d89;font-size:20px;color:#fff!important;text-align:center;padding:.4em 2em .6em 2em;font-weight:500;text-decoration:none!important;position:relative;border-radius:6px;border:none;line-height:1.5;cursor:pointer;-webkit-appearance:none;transition:0.3s ease-in-out;}
.mfp_buttons input:hover,.mfp_buttons button:hover{opacity:0.8;}
.mfp_buttons button{background:#b3b8be;}

span.wpcf7-not-valid-tip{font-weight:bold;animation:strobe 0.5s ease-in-out alternate infinite;font-size:12px;}
@keyframes strobe{0%{opacity:0;}50%{opacity:1;}100%{opacity:1;}}
form span[data-name='not-sales'] + p.center{text-align:center;margin-top:-20px!important;}