@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{font-size: 36px;line-height: 1;text-align: center;background: url(../images/cmn/tit-level.png) right bottom no-repeat;color:#ff7c80;padding-bottom: 24px;width: 500px;margin: 0 auto 30px;font-family: 'hui',sans-serif;font-weight: bold;}
	@media only screen and (max-width:767px)	{.tit-level0{font-size: 24px;padding-bottom: 15px;width: 270px;}}

.tit-level0 small{display: block;font-size: 18px;color:#de7d40;letter-spacing:.01em;text-indent:.01em;padding-bottom: 45px;margin-bottom: 15px;}
	@media only screen and (max-width:767px)	{.tit-level0 small{font-size: 14px;margin-bottom: 10px;background-size:27px;padding-bottom: 30px;}}


.tit-level1{font-size: 36px;line-height: 1;text-align: center;background: url(../images/cmn/tit-level.png) right bottom no-repeat;color:#ff7c80;padding-bottom: 24px;width: 500px;margin: 0 auto 30px;font-family: 'hui',sans-serif;font-weight: bold;}
	@media only screen and (max-width:767px)	{.tit-level1{font-size: 21px;padding-bottom: 15px;width: 270px;}}

.tit-level1 small{display: block;font-size: 18px;color:#de7d40;letter-spacing:.01em;text-indent:.01em;padding-bottom: 45px;margin-bottom: 15px;}
	@media only screen and (max-width:767px)	{.tit-level1 small{font-size: 14px;margin-bottom: 10px;background-size:27px;padding-bottom: 30px;}}


.tit-level1a{font-size: 30px;line-height: 1;background: url(../images/cmn/tit-level1a.png) left bottom no-repeat;color:#ff7c80;padding-bottom: 24px;margin: 0 0 30px;font-family: 'hui',sans-serif;font-weight: bold;}
	@media only screen and (max-width:767px)	{.tit-level1a{font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;}}

.tit-level1a small{display: block;font-size: 18px;color:#de7d40;letter-spacing:.01em;text-indent:.01em;padding-bottom: 45px;margin-bottom: 15px;}
	@media only screen and (max-width:767px)	{.tit-level1a small{font-size: 14px;margin-bottom: 10px;background-size:27px;padding-bottom: 30px;}}








.tit-level2{line-height:1;position:relative;font-size:21px;margin:60px 0 20px;font-weight: bold;border-bottom:1px solid #ff7c80;padding-bottom: 10px;color:#ff7c80;}
	@media only screen and (max-width:991px)	{.tit-level2{font-size:21px;margin:45px 0 20px;padding-bottom: 10px;}}
	@media only screen and (max-width:767px)	{.tit-level2{font-size:18px;line-height: 1.25;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:10px;}}


.tit-level2 strong{color:#ff8a2b;}


.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:30px;padding:4px 5px;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: #ff7c80;color:#fff !important;}
.ax-solid{background: #fee9c4;color:#ff7c80 !important;border-color: #ff7c80 !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;}


/* 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: "\f054";text-align: right;margin-left: 0.5em;}




.ax-sq{border-radius:0 !important;}
.ax-rd{border-radius:6px !important;}
.ax-tb{border-radius:0 0 6px 6px !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-xl{font-size: 18px !important;line-height: 30px !important;padding:14px 5px !important;}
.ax-lg{font-size: 18px !important;line-height: 26px !important;padding:4px 5px !important;}
.ax-sm{font-size: 14px !important;line-height: 20px !important;padding:10px 5px !important;}
.ax-xs{font-size: 12px !important;line-height: 15px !important;padding:5px 5px !important;}

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

		.ax-xl{padding:15px 10px !important;}
		.ax-lg{padding:12.5px 10px !important;}
		.ax-sm{padding:5px 10px !important;}
		.ax-xs{padding:2.5px 10px !important;}
	}*/

.ax-ilb,.ax-ilb:hover,.ax-ilb:active,.ax-ilb:focus{display: inline-block !important;width: auto;padding:4px 19px !important;}



.ax-solid[class*="ico-"]:before{color:#ff7c80;}
.ax-flat[class*="ico-"]:before{color:#fff;}

[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: "\f8d3";}
.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";}


/* phone,fax */
[class*="phone-"]		{line-height:.9;font-weight:bold;}
[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:27px;}
	@media only screen and (max-width:767px)	{.phone-md{font-size:24px;}}
	@media only screen and (max-width:575px)	{.phone-md{font-size:18px;}}

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



.telno:before,.faxno:before{width: 2.5em;display: inline-block;text-align:left !important;}
.telno:before{content: "TEL.";}
.faxno:before{content: "FAX.";}
.tel-faxno:before{content: "TEL / FAX.";width: 5em;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;}

.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 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;}

.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{margin-top: 1px;line-height: 1.25;background: #f6f6f6;padding: 10px 10px;text-align: center;}
	@media screen and (max-width:767px)	{.cap{padding: 5px 10px;}}



#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:45px 0;}
	@media only screen and (max-width:991px)	{#back{padding: 30px 0;}}
	@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;}}