@charset "utf-8";

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


.content-lg + hr.pbb{border-color:transparent;margin:30px 0;}


.tit-lv0{text-align:center;background: url(../images/cmn/tit-lv.png) center center no-repeat;margin: -30px 0 30px;}

.tit-lv-inner{background:url(../images/cmn/tit-lv-inner.png) center top /320px no-repeat;color:#FFFC00;text-align: center;display: block;padding: 30px 0;}

.tit-lv-inner span{display: block;border-top: 2px solid #FFF;border-bottom: 2px solid #FFF;padding: 20px 0;font-size:21px;line-height:1;}

.tit-lv0a{font-size:21px;line-height:1;margin-bottom:30px;text-align: center;position: relative;padding-bottom: 15px;}

.tit-lv0a:after{content:"";position:absolute;top:100%;left:50%;right:50%;margin:0 -2em;width:4em;border-bottom:3px solid #279AC4;}

.tit-lv0b{margin-bottom:15px;font-size:18px;line-height:1.5;text-align:center;}

.tit-lv0b small{display:block;font-size:12px;line-height:.75;margin-top:15px;color:#9e9e9e;font-family:'roboto-cn',sans-serif;}

.tit-lv1{font-size: 16px;font-weight: bold;
    color: #FFFC00;
    text-align: left;
    margin-bottom: 10px;
    padding: 10px 15px;
    border-radius: 4px;
    background: url(../images/cmn/tit-lv.png) center center no-repeat;
	}

.tit-lv1a{font-size: 14px;font-weight: bold;
    color: #FFF;
    text-align: left;
    margin: 10px 0px;
    padding: 10px 15px;
    border-radius: 4px;
    background: url(../images/cmn/tit-lv.png) center center no-repeat;
	}


.tit-catalog{font-size:16px;line-height:1.5;margin-bottom:20px;border-bottom:3px solid #279AC4;padding-bottom:1px;}

.tit-lv2{line-height:1.25;position:relative;font-size:16px;margin:30px 0 15px;font-weight:bold;border-left:3px solid #2CCDEA;padding-left:8px;}

.tit-lv2a{line-height:1.25;position:relative;font-size:16px;margin:30px 0 15px;font-weight:bold;border-bottom:3px solid #c69;padding-bottom:8px;}


.tit-lv3{line-height:1.5;position:relative;border-bottom:1px dotted #333;font-size:15px;margin:20px 0 15px;padding-bottom:10px;font-weight:bold;}

.tit-lv3 small{color:#333;margin-bottom:5px;font-size:12px;margin-top:5px;display:block;}


.tit-lv4{font-size:15px;line-height:1;font-weight:bold;margin:30px 0 15px;padding-bottom: 9px;}


/* .box */
.box,.box-sm,.box-xs,.box-lg{background:#FFF;display:block;width:100%;position:relative;box-shadow:0 0 12px rgba(0,0,0,.075);color:inherit;color:#000;}
a.box:hover,a.box:focus,a.box:active{opacity:.75;}

.box{padding:15px;}

.tit-box{text-align:center;background:#EFEFEF;color:#212121;line-height:1.25;font-weight:bold;align-items:center;}

.tit-box a,.tit-box a:hover,.tit-box a:active,.tit-box a:focus{color:inherit;}

.tit-box-yellow		{background:#dcae03;color:#FFF;}
.tit-box-orange		{background:#ff5400;color:#FFF;}
.tit-box-pink		{background:#f9c;color:#FFF;}
.tit-box-green		{background:#093;color:#FFF;}
.tit-box-cyan		{background:#4DBFCB;color:#FFF;}
.tit-box-lightblue	{background:#5DBCDF;color:#FFF;}
.tit-box-gray		{background:#999;color:#FFF;}


.box .tit-box{margin:-14px -14px 15px;padding:14px;font-size:16px;}


.box-bottom-set{position:relative;padding-bottom:63px;}

.box-bottom{position:absolute;left:1px;right:1px;bottom:1px;}


.box + .box{margin-top:15px;}

.box-img img{width:100%;height:auto;}
.box-img-over img{width:100%;height:auto;}

.box .box-img{margin:-14px -14px 14px;}


.box-reverse{background:#f6f6f6;}

.box .box-reverse{margin:14px -14px;padding:14px;}

.box .box-reverse:last-child{margin:14px -14px -14px;}



.box.btnset{padding-bottom:80px;}

.box-sm.btnset{padding-bottom:80px;}

.box-xs.btnset{padding-bottom:60px;}

.box-btnarea{background:#f6f6f6;position:absolute;left:1px;right:1px;bottom:1px;}

.box .box-btnarea{padding:14px;}

.box-sm .box-btnarea{padding:14px;}

.box-xs .box-btnarea{padding:9px;}


.ap .box{margin-bottom: 15px;}


/* faq */
.box-qa{position:relative;word-wrap:break-word;background:#FFF;box-shadow:0 0 12px rgba(0,0,0,.075);}

.box-qa dt{padding:1px;}

.box-qa dt a,.box-qa dt a:hover,.box-qa dt a:active,.box-qa dt a:focus,.box-qa dt span{background:#d5ecf3;display:block;position:relative;overflow:hidden;font-size:15px;line-height:1.25;padding:9px 44px;color:#333;opacity:1;}

.box-qa dt a:before,.box-qa dt span:before{content:"Q";font-weight:bold;position:absolute;top:0;left:0;bottom:0;opacity:.25;font-size:48px;line-height:16px;color:#1c6db5;}

.box-qa dt a:after{font-family:'Font Awesome\ 5 Pro';position:absolute;top:50%;right:24px;bottom:50%;line-height:24px;margin:-12px 0;color:#279AC4;}


.box-qa dt a[aria-expanded="false"]:after{content:"\f078";}
.box-qa dt a[aria-expanded="true"]:after{content:"\f077";}


.box-qa dd .answer{padding:15px;}


.box-qa + .box-qa{margin-top:15px;}


/* catalogue */
#category-nav{padding:15px 0;}

#back{padding:15px 0;}


/* .row */
/* .row-xl */
.g-none{margin:0 !important;}
.g-none > [class*="col-"]{padding:0 !important;}

/* .row-hl */
.g-hl{margin:0 -.5px;}
.g-hl > [class*="col-"]{padding:0 .5px;}

.g-grid-hl{margin:-1px -.5px 0 !important;}
.g-grid-hl > [class*="col-"]{padding:0 .5px !important;margin-top:1px !important;}

/* glid-gutter */
.g-xl60{margin:0 -60px;}
.g-xl45{margin:0 -45px;}
.g-xl30{margin:0 -30px;}
.g-xl20{margin:0 -20px;}
.g-xl15{margin:0 -15px;}
.g-xl10{margin:0 -10px;}
.g-xl5{margin:0 -5px;}

.g-xl60 > [class*="col-"]{padding:0 60px;}
.g-xl45 > [class*="col-"]{padding:0 45px;}
.g-xl30 > [class*="col-"]{padding:0 30px;}
.g-xl20 > [class*="col-"]{padding:0 20px;}
.g-xl15 > [class*="col-"]{padding:0 15px;}
.g-xl10 > [class*="col-"]{padding:0 10px;}
.g-xl5 > [class*="col-"]{padding:0 5px;}

.gg-xl60{margin:-120px -60px 0;}
.gg-xl45{margin:-90px -45px 0;}
.gg-xl30{margin:-60px -30px 0;}
.gg-xl20{margin:-40px -20px 0;}
.gg-xl15{margin:-30px -15px 0;}
.gg-xl10{margin:-20px -10px 0;}
.gg-xl5{margin:-10px -5px 0;}

.gg-xl60 > [class*="col-"]{padding:0 60px;margin-top:120px;}
.gg-xl45 > [class*="col-"]{padding:0 45px;margin-top:90px;}
.gg-xl30 > [class*="col-"]{padding:0 30px;margin-top:60px;}
.gg-xl20 > [class*="col-"]{padding:0 20px;margin-top:40px;}
.gg-xl15 > [class*="col-"]{padding:0 15px;margin-top:30px;}
.gg-xl10 > [class*="col-"]{padding:0 10px;margin-top:20px;}
.gg-xl5 > [class*="col-"]{padding:0 5px;margin-top:10px;}

	@media only screen and (max-width:575px)	{
		.g-xs15{margin:0 -15px;}
		.g-xs10{margin:0 -10px;}
		.g-xs5{margin:0 -5px;}
		.g-xs2{margin:0 -2px;}

		.g-xs15 > [class*="col-"]{padding:0 15px;}
		.g-xs10 > [class*="col-"]{padding:0 10px;}
		.g-xs5 > [class*="col-"]{padding:0 5px;}
		.g-xs2 > [class*="col-"]{padding:0 2px;}

		.gg-xs15{margin:-30px -15px 0;}
		.gg-xs10{margin:-20px -10px 0;}
		.gg-xs5{margin:-10px -5px 0;}
		.gg-xs2{margin:-4px -2px 0;}

		.gg-xs15 > [class*="col-"]{padding:0 15px;margin-top:30px;}
		.gg-xs10 > [class*="col-"]{padding:0 10px;margin-top:20px;}
		.gg-xs5 > [class*="col-"]{padding:0 5px;margin-top:10px;}
		.gg-xs2 > [class*="col-"]{padding:0 2px;margin-top:4px;}
	}


.jcs{justify-content:flex-start;}
.jcc{justify-content:center;}
.jce{justify-content:flex-end;}
.jcb{justify-content:space-between;}
.jca{justify-content:space-around;}

.ai{align-items:stretch;}
.ais{align-items:flex-start;}
.aic{align-items:center;}
.aie{align-items:flex-end;}
.aib{align-items:baseline;}

.ac{align-content:stretch;}
.acs{align-content:flex-start;}
.acc{align-content:center;}
.ace{align-content:flex-end;}
.acb{align-content:space-between;}
.aca{align-content:space-around;}


/* axbtn */
.axbtn,.axbtn:hover,.axbtn:active,.axbtn:focus{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;border:1px solid transparent;border-radius:0;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:bold;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,opacity .15s ease-in-out;}
.axbtn:hover,.axbtn:active,.axbtn:focus{text-decoration:none;opacity:.75;}

.axbtn small{display:block;font-weight:bold;}

.ax-short{width:auto;display:inline-block;margin:0 .33em;}


/* 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;}
.arrow-down:after	{content:"\f078";text-align:right;margin-left:0.5em;}

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

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


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

.circle-arrow-left:before	{content:"\f137";text-align:left;margin-right:0.5em;}
.circle-arrow-right:after	{content:"\f138";text-align:right;margin-left:0.5em;}
.circle-arrow-down:after	{content:"\f13a";text-align:right;margin-left:0.5em;}

[class*="fix-arrow-"]{position:relative;}
[class*="fix-arrow-"]:before,[class*="fix-arrow-"]:after{font-family:'Font Awesome\ 5 Pro';display:inline-block;font-weight:normal;font-weight:bold;position:absolute;top:50%;bottom:50%;}

.fix-arrow-left:before	{content:"\f053";left:15px;}
.fix-arrow-right:after	{content:"\f054";right:15px;}
.fix-arrow-down:after	{content:"\f078";right:15px;}


.ax-sq{border-radius:0 !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-key:before{content:"\f084";}

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

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

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

.ico-tel:before		{content:"\f8d3";font-weight:900;}
.ico-fax:before		{content:"\f1ac";}
.ico-map:before		{content:"\f3c5";font-weight:bold;}

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

.ico-cart:before	{content:"\f07a";font-weight:400;}


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

.ico-only,.ico-only:hover,.ico-only:active,.ico-only:focus{width:24px;display:inline-block;padding:0 !important;font-size:14px !important;line-height:24px !important;}


/* ico - sns */
.ico-fb:before			{content:"\f09a";font-family:'Font Awesome 5 Brands';}
.ico-instagram:before	{content:"\f16d";font-family:'Font Awesome 5 Brands';font-weight:100;}
.ico-twitter:before		{content:"\f099";font-family:'Font Awesome 5 Brands';}
.ico-line:before		{content:"\f201";font-family:'Font Awesome 5 Brands';}

.ico-blog:before		{content:"\f781";}


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


.slash{margin:0;padding:0;list-style:none;}
.slash li{max-width:100%;display:inline-block;white-space:nowrap;}
.slash li + li:before{content:"/";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:1em;text-align:center;}

.kome{font-size:.9em;line-height:1.5;padding-left:1.5em;color:#DC3545;}
.kome:before{content:"※";display:inline-block;width:1.5em;margin-left:-1.5em;color:#DC3545;}
.kome + .kome{margin-top:0;}

.kome-small{font-size:.75em;line-height:1.5;padding-left:1.5em;display:block;color:#DC3545;}
.kome-small:before{content:"※";display:inline-block;width:1.5em;margin-left:-1.5em;color:#DC3545;}
.kome-small + .kome-small{margin-top:0;}


/* table */
table{border-spacing:0;border-collapse:separate;width:100%;}

th,td{line-height:1.75;padding:9px;}

th{white-space:nowrap;}
td{}

.cmn-tb{border-top:1px solid #ddd;margin-top:-1px;}

.cmn-tb + .cmn-tb{margin-top:30px;}

.cmn-tb th,.cmn-tb td{border-bottom:1px solid #ddd;}

.cmn-tb th{background:rgba(0,0,0,.05);}
.cmn-tb td{background:#fff;}
.cmn-tb td a img{vertical-align:middle;}

.cmn-tb td hr{margin:9px 0;}

.alert ol{font-weight:bold;}

.cmn-tb td .well{margin-top:15px;padding:14px;}


.cmn-tb.prf{}

.cmn-tb.prf th,.cmn-tb.prf td{line-height:1.5;display: block;}

.cmn-tb.prf th{width:100%;}

.cmn-tb.prf td{}


.cmn-tb.prf td dl{}

.cmn-tb.prf td dl + dl{border-top:1px solid #ddd;padding-top:9px;margin-top:9px;}

.cmn-tb.prf td dt,.cmn-tb.prf td dd{}

.cmn-tb.prf td dt{}


.cmn-tb.prf td p + p{margin-top:10px;}

.cmn-tb.prf td .well{margin:10px 0 0;padding:9px;}

.cmn-tb.prf td a,.cmn-tb.prf td span[data-action]{color:#333 !important;}


.cmn-tb.hst{width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;}

.cmn-tb.hst th,.cmn-tb.hst td{vertical-align:middle;border-right:1px solid #ddd;border-bottom:1px solid #ddd;line-height:1.25;display:block;width:100%;padding:9px;}


.cmn-tb.hst th{line-height:1;width:auto;background:#efefef;text-align:left;}

.cmn-tb.hst td{}

.year{display:flex;justify-content:space-between;}

.seireki:before{content:"（";}
.seireki:after{content:"年)";}


.cmn-tb.rcr{width:100%;}

.cmn-tb.rcr th,.cmn-tb.rcr td{vertical-align:middle;line-height:1.25;padding:9px;display:block;width:100%;}


.cmn-tb.rcr th{line-height:1;width:auto;text-align:left;}

.cmn-tb.rcr td{}

.cmn-tb.rcr td dl{display: block;}


.cmn-tb.rcr td dt,.cmn-tb.rcr td dd{display:table-cell;vertical-align:middle;white-space:nowrap;}


.cmn-tb.rcr td dt{width:11em;font-weight:normal;}

.cmn-tb.rcr td dt + dd{width:8em;}

.cmn-tb.frm{}


.cmn-tb.frm th,.cmn-tb.frm td{display:block;width:100%;}

.cmn-tb.frm th{line-height:1;width:auto;text-align:left;}

.cmn-tb.frm td{}


.required-img{margin-right:5px;}

.required-img small{font-size:10px;background:#e60012;width:28px;line-height:14px;text-align:center;text-align:center;color:#fff;display:inline-block;vertical-align:middle;margin-top:-3px;}

.required{display:flex;justify-content:space-between;align-items:center;}

.required small{font-size:10px;background:#e60012;width:28px;line-height:14px;text-align:center;text-align:center;color:#fff;}


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


/* emif */
.er-21by9:before{padding-top:42.857143%}.er-16by9:before{padding-top:56.25%}.er-4by3:before{padding-top:75%}.er-3by2:before{padding-top:66.6666666666%}.er-2by1:before{padding-top:50%}.er-5by4:before{padding-top:80%}.er-1by1:before{padding-top:100%}


/* main */
.bg-orange{background:#f4b373;}
.bg-blue{background-color:#9bb8ea;}
.bg-pink{background:#e88989;}
.bg-leaf{background:#99e083;}


.bg-gray{background:url(../images/cmn/washi-hakuji.jpg) center center;}
.bg-gray:first-child{}
.bg-gray:last-child{}

.bg-lightgray{background:#f6f6f6;}


.bg-white{background:#fff;color:#000;}
.bg-silver{background:#f6f6f6;}


.bg-sky{background-color:#9fd4e5;}
.bg-water{background:#DDF1F8;}


.bg-green{background:#279AC4;}
.bg-eco-green{background-image:linear-gradient(to bottom, #68aa41 0%,#d1e7c4 100%);color:#fff;}
.bg-applegreen{background:#f90;color:#fff;}
.bg-emerald{background:#279AC4;}

.bg-ivory{background:#fcfbf3;}
.bg-canary{background:#f3f3d7;}


.bg-cherry{background:#f7b7c5;}


/* text */
.text-navy{color:#279AC4;}


/* marker */
.marker-green	{background:linear-gradient(transparent 60%, #99dacb 0%);}
.marker-blue	{background:linear-gradient(transparent 60%, #bdf 0%);}
.marker-orange	{background:linear-gradient(transparent 60%, #fc3 0%);}
.marker-pink	{background:linear-gradient(transparent 60%, #fcc 0%);}
.marker-yellow	{background:linear-gradient(transparent 60%, #fff262 0%);}


.signature{font-family:'nserif',serif;margin-top:10px;font-size:18px;}


/* frame */
.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: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;}

.img-polaroid-rd{background:#FFF;box-shadow:0 0 10px rgba(0,0,0,.1);width:100%;padding:5px;border-radius:30px;}


.img-polaroid p{text-align:center;line-height:18px;font-size:12px;padding:5px 0;}


.img-polaroid img{width:100%;height:auto;}
.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:20px;height:25px;margin:0 -10px;top:-15px;}


.with-tape{}
.with-tape:before{background:url(../images/tape.png) center center /contain no-repeat;width:60px;height:24px;margin:0 -30px;top:-10px;}