@charset "utf-8";

body,input,select,textarea{font-family: 'Segoe UI', Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;color:#333;font-size: 14px;line-height: 1.75;}

body{min-width:100%;background: #fff;}

::selection,::-moz-selection {background:#24b54f;color:#fff;}

body a,body a:hover{text-decoration:none;color:inherit;}
body a:hover,body a:active,body a:focus{opacity:1;}
body a,body a:hover,body a:active,body a:focus{outline:0;}


.text-link,.text-link:hover,.text-link:active,.text-link:focus{color:#24b54f;text-decoration: underline;}
.text-link:hover,.text-link:active,.text-link:focus{text-decoration: none;}

/* header */




/* access */
#gmaps-ful{padding: 0;}
	@media only screen and (max-width:1199px)   {#gmaps-ful{}}
	@media only screen and (max-width:767px)    {#gmaps-ful{}}

#gmaps-ful iframe{width: 100%;height: 600px;}
	@media only screen and (max-width:767px)    {#gmaps-ful iframe{height: 250px;}}


/* footer */



/* index */
.appeal-title{display: table;width: 100%;margin-bottom: 15px;}
.appeal-title dt,.appeal-title dd{display: table-cell;vertical-align: middle;}
.appeal-title dt{width: 25%;}
.appeal-title dt img{width: 100%;height: auto;}

.appeal-title dd{padding-left: 10px;font-weight: bold;font-size: 18px;line-height: 1.5;color: #fffe17;}

.bg-tit-sun{background: url(../images/bg-tit-sun.png) left top no-repeat;}


.bg-photocatalyst{background: url(../images/bg-photocatalyst.jpg) center center / cover no-repeat;margin:0 -15px -23px;padding: 15px;}


.white-box{background: rgba(255,255,255,.66);padding: 15px;margin-bottom: 30px;}


.bg-tit-lumititan{background: url(../images/bg-tit-lumititan.png) left top no-repeat;}

.bg-lumititan{background: url(../images/bg-lumititan.jpg) center center / cover no-repeat;margin:0 -15px -23px;padding: 15px;}



.bg-products{background: url(../images/bg-products.jpg) center center / cover no-repeat;margin:-30px -15px;padding: 30px;}

.bg-products-box{background: url(../images/bg-products-box.png) left top /cover no-repeat;padding: 30px;color:#fff;}

.bg-products-box h2{text-align: center;font-size: 27px;margin-bottom: 30px;}
.bg-products-box h2 small{display: block;margin-top: 10px;font-size: 14px;}


.bg-shop{background: url(../images/bg-shop.jpg) center center / cover no-repeat;margin:-30px -15px;padding: 30px;}

.bg-shop-box{background: url(../images/bg-shop-box.png) right bottom /cover no-repeat;padding: 30px;color:#fff;}

.bg-shop-box h2{text-align: center;font-size: 27px;margin-bottom: 30px;}
.bg-shop-box h2 small{display: block;margin-top: 10px;font-size: 14px;}



.free-dial{display: table;margin: 15px auto;}

.free-dial dt,.free-dial dd{display: table-cell;vertical-align: middle;}







.add{line-height: 1.5;}

.add a,.add a:hover,.add a:active,.add a:focus,.add span[data-action="call"]{color:#333;}
.add a:hover,.add a:active,.add a:focus{opacity:1;}

.add + .add{margin-top: 5px;}


.add p + p{margin: 0;}


.add dt,.add dd{}
    @media only screen and (max-width:575px)    {.add dt,.add dd{display: block;}}

.add-name{font-size: 16px;margin-bottom: 10px;font-weight: bold;}

.add-inner{}
    @media only screen and (max-width:575px)    {.add-inner{display: block;}}

.add-pzip{}
.add-pzip:before{content: "〒";}


.add-add{}

.add-hour:before,.add-holiday:before{display: inline-block;width: 5em;}
.add-hour:before{content: "営業時間";}
.add-holiday:before{content: "定休日";}

.line-frame{position: relative;}

.catalogue-img{position: relative;background: #f6f6f6;padding-bottom:75%;position:relative;overflow: hidden;}
.catalogue-img > img,.catalogue-img a > img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height: 100%;margin:auto;font-family: 'object-fit: scale-down;';object-fit: scale-down;}


.fotorama__nav {padding: 0px 0 !important;}



.alert,.well{width: 100%;margin: 20px 0;padding: 19px;}

.alert:first-child,.well:first-child{margin-top: 0;}
.alert:last-child,.well:last-child{margin-bottom: 0;}


.well{background: #fff;padding: 12px;border: 3px solid #ddd;border-radius:0;}

.alert-lg{padding: 29px;font-size: 1.1em;font-weight: bold;}
.alert-sm{padding: 14px;font-weight: bold;}
.alert-xs{padding: 9px;font-weight: bold;}


.flex-center{display: flex;justify-content: center;align-items: center;text-align: center;padding: 29px 9px;}
	@media only screen and (max-width:1199px)	{.flex-center{padding: 19px 9px;}}
	@media only screen and (max-width:575px)	{.flex-center{padding: 9px 4px;}}


.flex-center small{display: block;}



.usage-guide{display: table;width: 100%;}

.usage-guide dt,.usage-guide dd{display: table-cell;vertical-align: top;}

.usage-guide dt{width: 48px;}


.tst-tb{border-top: 1px solid #ddd;border-left: 1px solid #ddd;font-size: 12px;}
.tst-tb th,.tst-tb td{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding:4px 9px;}

.tst-tb th{background: #e7e7e7;width: 13em;}
.tst-tb td{text-align: center;}

.rsl-tb{border-top: 1px solid #ddd;border-left: 1px solid #ddd;font-size: 12px;}
.rsl-tb th,.rsl-tb td{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding:4px  9px;}

.rsl-tb th{background: #e7e7e7;text-align: center;}
.rsl-tb th:last-child{}
.rsl-tb td:last-child{text-align: center;}



/* main */
.bg-orange{background: #f79e1f;color:#fff !important;}
.bg-yellow{background: #f7bb1f;color:#fff !important;}



.bg-pink{background: #e88989;}



.bg-gray{background: rgba(0,0,0,.05);padding: 75px 0;}
.bg-gray:first-child{}
.bg-gray:last-child{margin-bottom: -75px;}

    @media only screen and (max-width:767px)    {
        .bg-gray{padding: 45px 0;}
        .bg-gray:first-child{}
        .bg-gray:last-child{margin-bottom: -45px;}
    }


.bg-lightgray{background: #f6f6f6;}
.bg-darkgray{background: #999;color:#fff !important;}

.bg-white{background:#fff;}




.bg-silver{background: #f6f6f6;}


.bg-blue{background-color: rgba(0,141,183,.75);color:#fff !important;}
.bg-sky{background-color: #7f99cc;}
.bg-water{background: #e6f2fe;}
.bg-navy{background:#00396f;color:#fff !important;}

.bg-green{background: #24b54f;color:#fff !important;}
.bg-eco-green{background-image: linear-gradient(to bottom, #68aa41 0%,#d1e7c4 100%);color:#fff;}
.bg-applegreen{background:#f90;color:#fff !important;}
.bg-leaf{background: #ddffdc;}

.bg-yellow{background: #eeb816;}
.bg-ivory{background: #f5f1ee;}
.bg-canary{background:#f3f3d7;}

.bg-red{background: #e62e2e;color:#fff;border-color: #e62e2e;}

.bg-cherry{background:#f7b7c5;}

.bg-black{background: url(../images/cmn/darkgray-border.png) center center;color:#fff;}
.bg-black .tit-level2{border-color:#fff;}

.bg-darkgray-border .tit-level2{border-color:#fff;color:#fff;}



.bg-cupola{background: url(../images/bg-cupola.jpg) center center /cover no-repeat;color:#fff;margin-top: 1px;padding: 150px 0;text-shadow:0 0 5px #222;}
	@media only screen and (max-width:767px)    {.bg-cupola{padding: 75px 0;}}


.bg-cupola + .bg-black{margin-top: 1px;}


.lead-lg{font-size:27px;line-height: 1.75;font-weight: bold;text-align: center;}
	@media only screen and (max-width:991px)    {.lead-lg{font-size:18px;}}
	@media only screen and (max-width:767px)    {.lead-lg{font-size:16px;}}
	@media only screen and (max-width:575px)    {.lead-lg{font-size:15px;}}

.lead-lg strong{font-size: 1.25em;}


/* text */
.text-blue{color:#63b0df;}
.text-sky {color:#69f;}





/* 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 66%, #fed24e 0%);}
.marker-pink	{background:linear-gradient(transparent 60%, #fcc 0%);}
.marker-yellow	{background:linear-gradient(transparent 60%, #fff262 0%);}

.marker-sky    {background:linear-gradient(transparent 60%, rgba(91,192,251,.66) 0%);}


.signature{margin-bottom: 10px;font-size: 21px;line-height: 1.5;text-align: right;margin-top: 20px;}
	@media only screen and (max-width:767px)     {.signature{font-size: 16px;}}

.signature small{font-size: 15px;}
	@media only screen and (max-width:767px)     {.signature small{font-size: 13px;}}


.sign{font-family: 'alex',serif;font-weight: bold;}



.page-section + .page-section{margin-top: 0;}



.box-cost{position: relative;word-wrap: break-word;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,.075);padding: 1px;}

.box-cost dt{}

.box-cost dt a,.box-cost dt a:hover,.box-cost dt a:active,.box-cost dt a:focus{background: #efefef;display: block;position: relative;overflow: hidden;font-size: 15px;line-height: 1.25;padding:9px 34px 9px 14px;color:#222;}

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


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


.box-cost dd .collapse-inner{padding:9px 14px;}



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