@charset "utf-8";




/* title */
[class*="tit-level"]				{}
[class*="tit-level"]:first-child,
.tit-box + [class*="tit-level"]		{margin-top:0;}
[class*="tit-level"]:last-child		{margin-bottom:0;}

.tit-level0{margin-bottom: 45px;display: flex;}
	@media only screen and (max-width:767px)	{.tit-level0{margin-bottom: 30px;}}

.tit-level0 h2{font-size: 48px;line-height: .75;position: relative;color:#ef770d;font-weight: bold;display: flex;flex-flow:column wrap;font-family: 'roboto-b','nsans-b',sans-serif;align-items:center;}
	@media only screen and (max-width:767px)	{.tit-level0 h2{font-size: 36px;}}

.tit-level0 h2 span{position: relative;font-family: 'roboto-b',sans-serif;font-size: 18px;width: 52px;height: 52px;line-height: 52px;text-align: center;margin-bottom: 15px;}
	@media only screen and (max-width:767px)	{.tit-level0 h2 span{font-size: 14px;}}

.tit-level0 h2 span:before,.tit-level0 span:after{content: "";position: absolute;width: 36px;height: 42px;border-top: 1px solid #ef770d;border-bottom: 1px solid #ef770d;top: 50%;left: 50%;right: 50%;bottom: 50%;margin: -21px -18px;display: block;}
	@media only screen and (max-width:767px)	{.tit-level0 h2 span:before,.tit-level0 span:after{width: 28px;height: 32px;margin: -16px -14px;}}

.tit-level0 h2 span:before{transform:rotate(-45deg);}
.tit-level0 h2 span:after{transform:rotate(45deg);}

.tit-level0 h2 small{font-size: 16px;display: block;margin-top: 15px;color:#ef770d;font-family: 'nsans',sans-serif;}
	@media only screen and (max-width:767px)	{.tit-level0 h2 small{font-size: 14px;line-height: 1;margin-top: 10px;}}


.tit-level0a{font-size: 30px;line-height: 1;position: relative;margin-bottom: 60px;text-align: center;color:#ee8107;font-weight: bold;display: flex;flex-flow:column wrap;justify-content:center;align-items:center;font-family: 'nsans-b',sans-serif;}
	@media only screen and (max-width:1199px)	{.tit-level0a{margin-bottom: 45px;}}
	@media only screen and (max-width:767px)	{.tit-level0a{font-size: 21px;margin-bottom: 30px;}}

.tit-level0a small{font-size: 16px;line-height: 24px;display: block;margin-top: 25px;color:#ef770d;border: 1px solid #ef770d;padding:4px 19px 6px;border-radius:30px;font-family: 'nsans',sans-serif;}
	@media only screen and (max-width:767px)	{.tit-level0a small{font-size: 14px;line-height: 1;margin-top: 15px;padding:4px 19px 6px;}}



.tit-level1{margin-bottom: 45px;}
	@media only screen and (max-width:767px)	{.tit-level1{margin-bottom: 30px;}}

.tit-level1 h3{font-size: 48px;line-height: .75;position: relative;color:#ef770d;font-weight: bold;display: flex;flex-flow:column wrap;font-family: 'roboto-b','nsans-b',sans-serif;align-items:center;}
	@media only screen and (max-width:767px)	{.tit-level1 h3{font-size: 27px;}}

.tit-level1 h3 small{font-size: 16px;display: block;margin-top: 15px;color:#ef770d;font-family: 'nsans',sans-serif;}
	@media only screen and (max-width:767px)	{.tit-level1 h3 small{font-size: 14px;line-height: 1;margin-top: 10px;}}






.tit-catalog{font-size: 27px;line-height: 1;position: relative;margin-bottom: 45px;font-weight: bold;border-bottom: 3px solid #ef770d;padding-bottom: 15px;}
	@media only screen and (max-width:991px)	{.tit-catalog{font-size: 24px;}}
	@media only screen and (max-width:767px)	{.tit-catalog{font-size: 20px;margin-bottom: 10px;margin-bottom: 30px;}}









.tit-level1a{font-size: 27px;line-height: 1;margin-bottom: 30px;border-top: 2px solid #333;padding-top: 28px;color:#333;}
	@media only screen and (max-width:1199px)	{.tit-level1a{font-size: 21px;margin-bottom: 20px;padding-top: 20px;}}
	@media only screen and (max-width:991px)	{.tit-level1a{font-size: 18px;margin-bottom: 15px;padding-top: 15px;}}
	@media only screen and (max-width:767px)	{.tit-level1a{line-height: 1.25;}}




.tit-level2{line-height:1.25;position:relative;font-size:18px;margin:30px 0 20px;font-weight: bold;border-bottom:1px dotted #666;padding-bottom: 10px;}
	@media only screen and (max-width:767px)	{.tit-level2{font-size:15px;margin:30px 0 15px;}}

.tit-level2 small{display:block;vertical-align:top;font-size:14px;margin-top:5px;}
	@media only screen and (max-width:767px)	{.tit-level2 small{font-size:12px;margin-top:5px;}}


.text-orange{color:#ef770d;font-family: 'nsans-b',sans-serif;}


.tit-level2a{line-height:1.25;position:relative;font-size:21px;margin:45px 0 30px;font-weight: bold;border-bottom:1px solid #4c392a;padding-bottom: 15px;text-align: center;}
	@media only screen and (max-width:991px)	{.tit-level2a{font-size:18px;margin:30px 0 15px;padding-bottom: 15px;}}
	@media only screen and (max-width:767px)	{.tit-level2a{font-size:16px;line-height: 1.25;margin:30px 0 15px;}}





.tit-level3{line-height:1;position:relative;border-bottom:1px dotted #333;font-size:18px;margin:20px 0 15px;padding-bottom:15px;font-weight: bold;}
	@media only screen and (max-width:991px)	{.tit-level3{font-size:16px;line-height: 1.5;}}
	@media only screen and (max-width:767px)	{.tit-level3{font-size:15px;line-height: 1.5;padding-bottom:10px;}}

.tit-level3 small{color:#333;margin-bottom: 5px;font-size:14px;margin-top:10px;display: block;}
	@media only screen and (max-width:767px)	{.tit-level3 small{font-size:12px;margin-top:5px;}}







.tit-level4{font-size: 16px;line-height:1;font-weight:bold;margin:45px 0 30px;}
	@media only screen and (max-width:991px)	{.tit-level4{font-size:16px;margin:30px 0 20px;padding-bottom:9px;}}
	@media only screen and (max-width:767px)	{.tit-level4{font-size:15px;margin:30px 0 15px;padding-bottom:9px;}}





/* axbtn */
.axbtn,.axbtn:hover,.axbtn:active,.axbtn:focus{font-size: 16px;line-height:24px;padding:5px 15px;text-decoration: none !important;border-radius:0;border: 1px solid transparent;white-space:normal;text-align: center;display: block;width: 100%;font-weight: bold;}

a.axbtn:hover,a.axbtn:active,a.axbtn:focus,
button.axbtn:hover,button.axbtn:active,button.axbtn:focus,
input[type="submit"].axbtn:hover,input[type="submit"].axbtn:active,input[type="submit"].axbtn:focus{opacity:.75;}

.ax-flat{background: #ef770d;color:#fff !important;position: relative;}

.ax-solid{background: #fff;color:#ef770d !important;border-color: #ef770d !important;}
.ax-solid:hover,.ax-solid:active,.ax-solid:focus	{background: #ef770d;color:#fff !important;opacity:1 !important;}

.ax-panel{background: transparent !important;color:#fff !important;border-color: #fff !important;}

.ax-panel:hover,.ax-panel:active,.ax-panel:focus	{background: rgba(255,255,255,.25) !important;}


.ax-short{width: 210px;margin: 0 auto;}


.ax-category{background: #999;color:#fff !important;position: relative;}
.ax-category.active{background: #ec852a;}

.ellipsis{display: block;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}



.ax-text-link,.ax-text-link:hover,.ax-text-link:active,.ax-text-link:focus{color:#fff;font-size: 16px;line-height: 30px;display: flex;font-family: 'ft',sans-serif;font-weight: bold;}

.anchor-down{border: 1px solid #fff;text-align: center;width: 30px;height: 30px;border-radius:50%;margin-left: .5em;display: flex;justify-content:center;align-items:center;transform:rotate(-90deg);transition:.2s;}

.anchor-sec-down:hover .anchor-down,.anchor-sec-down:active .anchor-down,.anchor-sec-down:focus .anchor-down{transform:rotate(0);}

/* decoration */

[class*="arrow-"]:before,[class*="arrow-"]:after{font-family: 'Font Awesome\ 5 Pro';display: inline-block;font-weight: normal;font-weight: bold;}

.arrow-left:before	{content: "\f053";text-align: left;margin-right: 0.5em;}
.arrow-right:after	{content: "";position: absolute;top: 50%;left: -1px;bottom: 50%;margin: -.5px 0;width: 30px;height: 1px;background: #fff;}
    @media only screen and (max-width:767px)   {.arrow-right:after{width: 15px;}}

.arrow-down:after	{content: "\f078";text-align: right;margin-left: 0.5em;}




.ax-sq{border-radius:0 !important;}
.ax-rd{border-radius:6px !important;overflow: hidden;}

.ax-rd.arrow-right{border-radius:30px !important;}

.ax-ct{opacity:.5 !important;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}

.ax-ct:hover,.ax-ct:active,.ax-ct:focus{opacity:1 !important;}


.ax-ilb,.ax-ilb:hover,.ax-ilb:active,.ax-ilb:focus{display: inline-block !important;width: auto;vertical-align: middle;}


.ax-xl{font-size: 24px !important;line-height: 30px !important;padding:12px 15px !important;}
.ax-lg{font-size: 21px !important;line-height: 30px !important;padding:12px 15px !important;}
.ax-sm{font-size: 14px !important;line-height: 20px !important;padding:10px 15px !important;}
.ax-xs{font-size: 12px !important;line-height: 16px !important;padding:8px 15px !important;}

	@media screen and (max-width:767px)	{
		.axbtn,a.axbtn:hover,a.axbtn:active,a.axbtn:focus	{font-size: 14px;line-height: 1.428;padding:5px 15px;}

		.ax-xl{font-size: 21px !important;line-height: 30px !important;padding:12px 15px !important;}
		.ax-lg{font-size: 18px !important;line-height: 30px !important;padding:12px 15px !important;}
		.ax-sm{font-size: 14px !important;line-height: 20px !important;padding:10px 15px !important;}
		.ax-xs{font-size: 12px !important;line-height: 15px !important;padding:5px 15px !important;}
	}




[class*="ico-"]:before{font-family: 'Font Awesome\ 5 Pro';margin-right: .33em;font-weight: bold;}


/* ico - button */
.ico-home:before{content: "\f015";}
.ico-factory:before{content: "\f3b3";}


.ico-edit:before{content: "\f040";font-size: 0.9em;}
.ico-yen:before{content: "\f157";font-weight: normal;color:#333;font-size: 0.9em;}


/* nav */

.ico-srv:before{content: "\f7de";}
.ico-wks:before{content: "\f1ad";}
.ico-rcr:before{content: "\f500";}
.ico-cmp:before{content: "\f15c";}

.nav-link[class*="ico-"]:before{display: block;margin-bottom: 10px;font-size: 21px;margin-right: 0;}
	@media only screen and (max-width:991px)	{.nav-link[class*="ico-"]:before{display: none;}}


.ico-mail:before{content: "\f0e0";}

.ico-tel:before		{content: "\f095";}
.ico-fax:before		{content: "\f02f";}
.ico-map:before		{content: "\f3c5";font-weight: bold;}

.ico-top:before		{content: "\f077";}


/* ico - file */
.ico-pdf:before		{content:"\f1c1";}
.ico-word:before	{content:"\f1c2";}
.ico-excel:before	{content:"\f1c3";}
.ico-file:before	{content:"\f15c";}


.ico-tel-pln{content: "\f1d8";}
.ico-tel-vol{content: "\f2a0";}


.ax-flag,.ax-flag:hover,.ax-flag:active,.ax-flag:focus{background: #1c86e2;color:#fff;display: flex;justify-content:flex-end;height: 45px;padding: 0;width: 190px;transform: skewX(-15deg);overflow: hidden;border: none;}
.ax-flag span{display: block;}
.ax-flag-inner{display: flex;justify-content:center;background: #ef770d;height: 45px;padding: 0;width: 175px;}

.ax-flag-inner [class*="ico-"]{font-size: 16px;line-height: 45px;transform: skewX(15deg);}

/* phone,fax */
[class*="phone-"]		{line-height:.9;font-weight:bold;font-family: 'roboto-b',sans-serif;}
[class*="phone-"][class*="ico-"]:before	{font-size: 0.75em;}
[class*="phone-"].telno:before,[class*="phone-"].faxno:before	{font-size:.75em;}
.phone-footer small		{font-weight:bold;}

.phone-slash{display:inline-block;width:1.5em;text-align:center;}
	@media only screen and (max-width:991px)	{.phone-slash{display:block;height:5px;color:transparent;}}

.phone-lg{font-size:36px;}
	@media only screen and (max-width:991px)	{.phone-lg{font-size:30px;}}
	@media only screen and (max-width:767px)	{.phone-lg{font-size:24px;}}

.phone-md{font-size:24px;}
	@media only screen and (max-width:767px)	{.phone-md{font-size:21px;}}
	@media only screen and (max-width:575px)	{.phone-md{font-size:18px;}}

.phone-sm{font-size:18px;}



.telno:before,.faxno:before{display: inline-block;text-align:left !important;margin-right: 0.25em;font-size: .9em;}
.telno:before{content: "TEL.";}
.faxno:before{content: "FAX.";}
.tel-faxno:before{content: "TEL / FAX.";display: inline-block;}



/* ofi commons */
.bg-cover{display: block;overflow: hidden;position: relative;width: 100%;}

.bg-cover > img,.bg-cover a > img {
	max-width: inherit;max-height: inherit;
	width: 100%;height: 100%;
	object-fit: cover;font-family: 'object-fit: cover';
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
}

.bg-contain{display: block;overflow: hidden;position: relative;width: 100%;}

.bg-contain > img,.bg-contain a > img {
	max-width: inherit;max-height: inherit;
	width: 100%;height: 100%;
	object-fit: contain;font-family: 'object-fit: contain';
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
}


.bg-sec{margin: -75px 0;padding: 75px 0;}
	@media only screen and (max-width:1199px)	{.bg-sec{margin: -60px 0;padding: 60px 0;}}
	@media only screen and (max-width:991px)	{.bg-sec{margin: -45px 0;padding: 45px 0;}}
	@media only screen and (max-width:767px)	{.bg-sec{margin: -30px 0;padding: 30px 0;}}

.bg-sec-lg{margin: -120px 0;padding: 120px 0;}
	@media only screen and (max-width:1199px)	{.bg-sec-lg{margin: -90px 0;padding: 90px 0;}}
	@media only screen and (max-width:991px)	{.bg-sec-lg{margin: -60px 0;padding: 60px 0;}}
	@media only screen and (max-width:767px)	{.bg-sec-lg{margin: -30px 0;padding: 30px 0;}}



.bg-4by3{padding-bottom: 75%;}
.bg-3by2{padding-bottom: 66.6666666666%;}
.bg-2by1{padding-bottom: 50%;}
.bg-1by1{padding-bottom: 100%;}


.line-frame		{border: 1px solid #ddd;padding: 1px;background: #fff;}
.line-frame > img,.line-frame a > img{width: 100%;height: auto;}

.phtfrm		{background:#fff;padding:10px;border-radius: 6px;}

.mirror-frame{position: relative;}
.mirror-frame:after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 10px solid rgba(255,255,255,.5);}
	@media only screen and (max-width:767px)	{.mirror-frame:after{border: 5px solid rgba(255,255,255,.5);}}

.mirror-frame img{width: 100%;height: auto;}


.img-overlap{display:inline-block;position:relative;}
.img-overlap img{width:100%;height:auto;box-shadow:0 0 10px rgba(0,0,0,.25);background:#fff;padding:7px;border-radius:2px;z-index:3;position:relative;display:inline-block;}

.img-overlap:before,.img-overlap:after{content:"";box-shadow:0 0 10px rgba(0,0,0,.25);background:#fff;padding:5px;position:absolute;top:0;left:0;right:0;bottom:0;padding-bottom:33.3333333333%;width:100%;}
.img-overlap:before{transform:rotate(4deg);z-index:2;}
.img-overlap:after{transform:rotate(2deg);z-index:1;}


.img-overlap-long{display:inline-block;position:relative;}
.img-overlap-long img{width:100%;height:auto;box-shadow:0 0 10px rgba(0,0,0,.25);background:#fff;padding:7px;border-radius:2px;z-index:3;position:relative;display:inline-block;}

.img-overlap-long:before,.img-overlap-long:after{content:"";box-shadow:0 0 10px rgba(0,0,0,.25);background:#fff;padding:5px;position:absolute;top:0;left:0;right:0;bottom:0;padding-bottom:33.3333333333%;width:100%;}
.img-overlap-long:before{transform:rotate(2deg);z-index:2;}
.img-overlap-long:after{transform:rotate(1deg);z-index:1;}

.img-overlap-wrap{margin:30px 0;}


.img-polaroid{background: #fff;box-shadow:0 0 10px rgba(0,0,0,.1);width: 100%;padding: 10px;}
	@media screen and (max-width:767px)	{.img-polaroid{padding: 5px;}}

.img-polaroid-rd{background: #fff;box-shadow:0 0 10px rgba(0,0,0,.1);width: 100%;padding: 10px;border-radius:30px;}
	@media screen and (max-width:767px)	{.img-polaroid-rd{padding: 5px;}}


.img-polaroid p{text-align: center;line-height: 18px;font-size: 14px;padding: 5px 0;}
	@media screen and (max-width:767px)	{.img-polaroid p{font-size: 12px;}}


.img-polaroid img{width:100%;height:auto;position:relative;display:inline-block;}
.img-polaroid-rd img{width:100%;height:auto;position:relative;display:inline-block;border-radius:22px;}

.with-pin,.with-tape{position: relative;}
.with-pin:before,.with-tape:before{content: "";display: block;position: absolute;left: 50%;right: 50%;z-index: 1;}
.with-pin:before{background: url(../images/pin.png) center center /contain no-repeat;width: 40px;height: 50px;margin:0 -20px;top: -30px;}
	@media screen and (max-width:767px)	{.with-pin:before{width: 20px;height: 25px;margin:0 -10px;top: -15px;}}


.with-tape{}
.with-tape:before{background: url(../images/tape.png) center center /contain no-repeat;width: 100px;height: 31px;margin:0 -50px;top: -13px;}
	@media screen and (max-width:767px)	{.with-tape:before{width: 60px;height: 24px;margin:0 -30px;top: -10px;}}


.cap{font-size: 14px;margin-top: 1px;line-height: 1.25;margin-top: 10px;border-top: 1px solid #ef770d;border-bottom: 1px solid #ef770d;padding: 5px 10px;color: #ef770d;font-weight: bold;}
	@media screen and (max-width:767px)	{.cap{margin-top: 5px;font-size: 11px;}}



#category-nav{padding: 45px 0;}
	@media only screen and (max-width:991px)	{#category-nav{padding: 30px 0;}}
	@media only screen and (max-width:767px)	{#category-nav{padding: 15px 0;}}

#back{padding:30px 0 45px;}
	@media only screen and (max-width:991px)	{#back{padding: 15px 0 30px;}}
	@media only screen and (max-width:767px)	{#back{padding:15px 0;}}


.ls-xxl{letter-spacing:.33em;display: block;}
.ls-xxl.text-center,#page-bg h2 .ls-xxl{text-indent:.33em;}
	@media only screen and (max-width:767px)	{
		.ls-xxl{letter-spacing:.1em;display: block;}
		.ls-xxl.text-center,#page-bg h2 .ls-xxl{text-indent:.1em;}
	}

.ls-xl{letter-spacing:.1em;display: block;}
.ls-xl.text-center,#page-bg h2 .ls-xl{text-indent:.1em;}

.ls-lg{letter-spacing:.05em;display: block;}
.ls-lg.text-center,#page-bg h2 .ls-lg{text-indent:.05em;}


.fotorama-area{width:100%;max-width:840px;margin: 0 auto;}


.date{font-size: 16px;}

.tit-catalogue{font-size: 21px;line-height: 2;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{.tit-catalogue{font-size: 18px;line-height: 1.75;margin-bottom: 25px;}}
	@media only screen and (max-width:767px)	{.tit-catalogue{font-size: 16px;line-height: 1.5;margin-bottom: 20px;}}