@charset "utf-8";
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,b,i,s,strike,address,form,label{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;min-height:0;max-height:999999px;}
strong,em,u{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;font:inherit;}
table,caption,tbody,tfoot,thead{vertical-align:top;}
body{background:#ffffff;font-size:8px;font-family:'Lucida Grande',Helvetica,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p{padding:0;margin:0;font-weight:normal;font-size:1em;}
ul{list-style-type:none;}
li img{vertical-align:middle;}
p{padding-bottom:1.2em;}
textarea,table{font-size:1.0em;}
img,a{border:0;outline:none;}
a{text-decoration:none;}
address{font-style:normal;display:inline;}

body{zoom:0.6;}
@media all and (min-width:360px){body{zoom:0.7;}}
@media all and (min-width:420px){body{zoom:0.8;}}
@media all and (min-width:480px){body{zoom:0.9;}}
@media all and (min-width:600px){body{zoom:1;}}


/* Base */
element or parent element{width:100%;height:auto;min-height:1px;max-height:999999px;}
.clear{clear:both;}
.clearfix:after,.clf:after{content:"";clear:both;display:block;}
body > img{display:none;}
h1{display:none;}
hr.separator{width:100%;height:1px;padding:0;margin:0;background:#808080;border:none;}
.disp,.blk{display:block;}
.ibk{display:inline-block;}
.inl{display:inline;}
.flx{display:flex;display:-webkit-flex;}
.wrap{flex-wrap:wrap;-webkit-flex-wrap;}
.jca{justify-content:space-around;-webkit-justify-content:space-around;}
.jcb{justify-content:space-between;-webkit-justify-content:space-between;}
.jcc{justify-content:center;-webkit-justify-content:center;}
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}
.cb{clear:both;}
.solid,.sld{border-style:solid;}
.dotted,.dot{border-style:dotted;}
.dashed,.dsh{border-style:dashed;}
.bda{border-width:1px 1px 1px 1px;}
.bdl{border-width:0px 0px 0px 1px;}
.bdr{border-width:0px 1px 0px 0px;}
.bdt{border-width:1px 0px 0px 0px;}
.bdb{border-width:0px 0px 1px 0px;}
.pd0{padding:0;}
.pd10{padding:10px;}
.pd20{padding:20px;}
.cent{margin:0 15px;}
.lbtn a:before,
.pt:before,
.pt2:before,a.txtLink:before,
.txtLink a:before,
a.linkBtn:before,
.linkBtn a:before,
a.arrow:before{content:"\f105";display:inline;padding-right:5px;font-size:1em;;font-family:FontAwesome;vertical-align:baseline;line-height:16px;}
.pt3:before{content:"\f107";display:inline;padding-right:5px;font-size:1em;font-family:FontAwesome;vertical-align:baseline;line-height:16px;}
a.linkBtn,
.linkBtn a{display:inline-block;margin:0 5px 10px 0;padding:8px 15px;}

/* Color Setting */
#navi .navi_p li > a.hover:after{border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}
a.linkBtn,
.linkBtn a,
.navi_p ul li a.hover,
.wbc{color:#ffffff;}
.wbg{background-color:#ffffff;}
.dbg{background-color:#f0f1f1;}


#previewSamplePagePC{width:100%;max-width:600px;overflow:hidden;}

.telicon{position:absolute;top:0;left:0;width:15px;height:15px;}


/* Header */
#logo{display:block;width:20%;max-width:100px;margin:3px 0 0 7px;}
#logo img{display:block;width:100%;height:auto;}
#header{position:relative;width:100%;max-width:640px;padding:5px 0;margin:0 auto;}
#headBtns{position:absolute;right:0;bottom:15px;float:right;display:flex;display:-webkit-flex;}
#headBtns .telInfo{float:left;display:block;margin:0 8px 0 0;}
#headBtns .telInfo .fd01{position:relative;margin-top:4px;}
#headBtns .telInfo .fd01 span{display:block;padding-left:16px;font-size:1.6875em;line-height:15px;}
#headBtns ul{display:block;}
#headBtns li{float:left;border-left:solid 1px #444;}
#headBtns li a{display:block;padding:3px 10px;font-size:0.875em;}

/* Navigation */
#navi{position:relative;width:100%;}
.navi_p{position:relative;z-index:100;width:100%;max-width:640px;margin:0 auto;display:flex;display:-webkit-flex;background-color:transparent!important;}
.navi_p > li{position:relative;display:table;width:calc(100% / 7);width:-webkit-calc(100% / 7);}
.navi_p > li > a{position:relative;z-index:50;display:table-cell;width:100%;height:20px;padding:5px 0 4px;border-style:solid;border-width:0 0 2px 0;border-color:transparent;text-align:center;vertical-align:middle;line-height:10px;}
.navi_p > li > a.hover:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;margin:0 0 0 -5px;border:5px solid transparent;}
.navi_p ul{position:absolute;top:35px;left:0;z-index:500;width:125px;padding:1px;}
.navi_p ul li:not(:first-child){border-top:dotted 1px #a5a6a6;}
.navi_p ul li a{display:block;padding:4px 5px;font-size:0.9375em;}

/* Main Contents */
#wide{margin-bottom:20px;}
#wide ul{position:relative;width:100%;height:300px;overflow:hidden;}
#wide ul li{position:absolute;top:0;left:50%;width:500px;height:290px;}
#wide ul li.slide01{margin-left:-250px;}
#wide ul li.slide02{margin-left:250px;}
#wide ul li.slide03{margin-left:-750px;}
#wide ul li img{display:block;width:100%;height:auto;}
#wide .pagination{text-align:center;}
#wide .pagination span{display:inline-block;width:6px;height:6px;margin:3px;border:solid 1px #998d89;border-radius:4px;}
#wide .pagination span.current{background:#594d49;border:solid 1px #594d49;}

#workBox ul{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-webkit-justify-content:start;justify-content:start;max-width:500px;padding:15px 0;margin:0 auto 40px;}
#workBox li{width:32%;margin-bottom:10px;}
#workBox li:nth-child(3n+2){margin-left:2%;margin-right:2%;}
#workBox li a{display:table;width:100%;height:40px;}
#workBox li a img{display:block;width:100%;height:auto;}
#workBox li a div{display:table-cell;width:100%;font-size:1.125em;vertical-align:middle;text-align:center;line-height:25px;}

#naviBox{width:100%;max-width:500px;margin:0 auto 20px;}
#naviBox .navi_pr{float:left;width:32%;margin-bottom:20px;}
#naviBox .navi_pr:nth-child(2){margin-right:2%;margin-left:2%;}
#naviBox .navi_pr h2{padding-bottom:5px;font-size:1.4em;line-height:1;text-align:center;}
#naviBox .navi_pr p{display:block;margin:15px 2px 0;font-size:0.875em;}
#naviBox .navi_pr p+ul{border-width:1px 0 0 0;border-style:solid;}
#naviBox .navi_pr ul{margin:0 2px;}
#naviBox .navi_pr li a{position:relative;display:block;padding:6px 0;font-size:0.9375em;}
#naviBox .navi_pr .img{display:block;max-width:150px;height:auto;padding:2px;margin:7px auto 0;overflow:hidden;}
#naviBox .navi_pr .img img{display:block;width:100%;height:100%;}
#naviBox .navi_pr p+ul,
#naviBox .navi_pr li,
#naviBox .navi_pr .img{border-color:#ccc;}

section header{position:relative;padding:40px 0 15px;text-align:center;}
section header h3{font-size:2.5em;}

#blog section header,
#news section header{font-size:0.75em;}

#event{padding-bottom:50px;}
#event ul{width:100%;max-width:640px;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin:0 auto;}
#event li{width:calc(100% / 3 - 16px);width:-webkit-calc(100% / 3 - 16px);max-width:160px;margin:0 8px;box-sizing:border-box;}
#event .thumb{display:block;width:100%;margin-bottom:6px;}
#event .thumb img{display:block;width:100%;height:auto;}
#event .icon{margin-bottom:5px;}
#event .icon img{display:block;width:70px;height:auto;}
#event h4{margin-bottom:5px;font-size:1.0625em;letter-spacing:-0.015em;}
#event table th span{display:block;padding:1px 2px;margin-right:5px;font-size:0.875em;white-space:nowrap;text-align:center;}
#event table td{padding-top:1px;font-size:0.9375em;}
#event .introduction{padding:5px 7px;margin-top:9px;font-size:0.875em;}

#blog{width:100%;max-width:500px;padding:0 7px;margin:0 auto;box-sizing:border-box;}
#blog .inner{padding:4px 0;margin-bottom:20px;}
#blog ul{width:100%;height:175px;overflow-y:scroll;}
#blog li{padding:5px 0;margin-right:10px;}
#blog li:not(:last-child){border-bottom:dotted 1px #6c6a6a;}
#blog li h4{margin-bottom:5px;font-size:1.125em;}
#blog li span{padding:0 2px;width:2.5em;margin-bottom:2px;font-size:0.9375em;line-height:12px;box-sizing:border-box;}
#blog li .blog1{color:#ffffff;background:#ffee83;}
#blog li .blog2{color:#ffffff;background:#84a403;}
#blog li .date{font-size:0.875em;}

.more{text-align:center;}
.more a{position:relative;display:inline-block;padding:0 7px 0;margin:0 auto;font-size:1.0625em;line-height:21px;}
.more a:before{content:"\f105";display:inline;padding-right:2px;font-family: FontAwesome;vertical-align:baseline;line-height:1;color:inherit;}

#bukken{padding:0 7px 30px;}
#bukken ul{display:flex;display:-webkit-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;width:100%;max-width:640px;margin:0 auto 20px;}
#bukken li{width:calc(100% / 3);width:-webkit-calc(100% / 3);max-width:186px;padding:5px;box-sizing:border-box;}
#bukken li > div{padding:8px;}
#bukken .thumb{margin-bottom:7px;}
#bukken .thumb a{display:block;width:100%;}
#bukken .thumb img{display:block;width:100%;height:auto;}
#bukken .icon{margin-bottom:5px;}
#bukken .icon img{display:block;width:50%;height:auto;}
#bukken h4{margin-bottom:5px;font-size:1.125em;}
#bukken .price{text-align:right;padding:2px 5px;margin-bottom:5px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
#bukken .price:before{content:"価格";display:block;float:left;margin-right:2px;}
#bukken .introduction{min-height:45px;font-size:0.875em;}
#bukken li .btn a{display:block;max-width:75px;border-width:1px;padding:0 7px;margin:0 auto;line-height:16px;}

#photo{width:100%;padding:10px 0 30px;overflow:hidden;}
#photo h4{font-size:1.125em;}
#container{position:relative;width:100%;max-width:640px;margin:0 auto 15px;}
#container .grid{position:absolute;width:25%;padding:1px;background:#fff;box-sizing:border-box;}
#container .g01{position:relative;}
#container .g02{top:0%;left:25%;}
#container .g03{top:0%;left:50%;}
#container .g04{top:0%;left:75%;}
#container .g05{bottom:0;left:25%;}
#container .g06{bottom:0;left:50%;}
#container .grid .imgholder img{display:block;width:100%;height:auto;}
#container .grid .title{padding:10px;background:rgba(255,255,255,0.8);}
#container .g01 .title{position:absolute;top:5px;right:5px;left:5px;padding:5px 7px;}

.articleList{width:100%;max-width:640px;padding:10px 0 45px;margin:0 auto;overflow:hidden;}
.articleList ul{display:flex;display:-webkit-flex;padding-top:10px;margin:0 -1px;}
.articleList li{width:25%;margin-bottom:30px;padding:0 1px;box-sizing:border-box;}
.articleList .thumb{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden;margin-bottom:5px;}
.articleList .thumb img{position:absolute;top:0;left:0;display:block;width:100%;height:auto;min-height:100%;}
.articleList h4{padding:0 7px;font-size:1.125em;}
.articleList h5{padding:0 7px 2px;}

#news{width:100%;max-width:500px;padding:0 7px;margin:0 auto;box-sizing:border-box;}
#news .inner{padding:4px 0;margin-bottom:10px;}
#news ul{width:100%;height:175px;overflow-y:scroll;}
#news li{padding:5px 0;margin-right:10px;overflow:hidden;}
#news li:not(:last-child){border-bottom:dotted 1px #6c6a6a;}
#news li h4{margin-bottom:10px;font-size:1.125em}

#banner{width:100%;padding:30px 7px;box-sizing:border-box;}
#banner ul{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;width:100%;max-width:500px;margin:0 auto;}
#banner li{width:32%;margin-bottom:10px;}
#banner li:nth-child(3n+2){margin-left:2%;margin-right:2%;}
#banner li a{display:block;}
#banner li img{display:block;width:100%;height:auto;}
#banner li p{padding:10px 0 0;}

/* Footer */
footer{position:relative;}
#companyInfo{width:100%;max-width:640px;margin:0 auto;padding:10px 7px;font-size:0.9375em;overflow:hidden;box-sizing:border-box;}
#companyInfo .otherLink{float:left;display:block;}
#companyInfo .otherLink a{display:inline-block;font-size:0.9375em;line-height:1;}

#copyBox{padding:5px 7px 45px;}
#copyBox .inner{width:100%;max-width:640px;margin:0 auto;font-size:0.8125em;}

#footer_link{position:fixed;z-index:80;right:0;bottom:0;left:0;}
#footer_link .inner{width:100%;max-width:600px;padding:5px 7px;box-sizing:border-box;}
#footer_link .telInfo{float:left;display:block;}
#footer_link .telInfo .fd01{position:relative;}
#footer_link .telInfo .fd01 span{display:block;padding-left:16px;font-size:1.6875em;line-height:15px;}
#footer_link .telInfo .fd02{display:block;font-size:0.875em;white-space:nowrap;}
#footer_link ul{float:right;display:flex;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end;width:265px;margin-top:2px;box-sizing:border-box;}
#footer_link li{display:block;width:24%;margin:0 0 0 1%;box-sizing:border-box;}
#footer_link li a{display:block;height:auto;padding:5px 0;margin:0 2px;font-size:1.0625em;line-height:15px;text-align:center;text-decoration:none;}

#pageTop{position:fixed;left:560px;bottom:50px;z-index:90;width:30px;height:30px;}