@charset "UTF-8";
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px}
body{position:relative;width:100%;min-width:860px;font:1.4rem/1.5 游明朝,YuMincho,明朝,Mincho,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",游ゴシック,YuGothic,Verdana,メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif,Genericons;color:#111;top:0;left:0;background-color:#fefefe;background:url(../images/background.png) top center no-repeat;background-size:100% auto}
a{margin:0;padding:0;font-size:100%;text-decoration:none;font-weight:700;color:#db580f}
p > a{color:#db580f}
img{max-width:100%}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.float-right{float:right}
.float-left{float:left}
.center{text-align:center}
header{width:100%;position:relative;z-index:2;margin:0 auto}
header .top-logo{text-align:center;padding:15px 0}
header nav{width:100%;text-align:center}
header nav ul{position:relative;font-size:1.4rem}
header nav ul li{display:inline-block}
header nav ul li a{display:block;padding:10px}
header nav ul li span{display:none}
header nav .close{display:none}
header nav a{color:inherit;font-weight:700}
.eyecatch{position:relative;font-size:0;text-align:center;padding:20px 0}
.eyecatch .images{width:100%;max-height:500px;overflow:hidden}
.eyecatch .images img{width:100%;height:auto}
.eyecatch .font{position:absolute;width:70%;top:0;left:0;right:0;margin:auto}
.eyecatch .font img{position:absolute;top:50px;right:0}
.contents{width:100%;margin:0 auto}
.contents:before,.contents:after{content:"";display:table}
.contents:after{clear:both}
section.title-outer{position:relative;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;min-height:190px}
section.title-outer .title{padding:50px 0 30px;position:relative;width:80%;margin:0 auto 30px;z-index:3}
section.title-outer .title:after{content:"";position:absolute;bottom:0;left:0;width:110px;border:1px solid #666}
section.title-outer h1{margin:0 0 30px;font-size:2.5rem}
section.title-outer p{line-height:1.5;margin:5px 0 10px}
#header-about{text-align:center;min-height:300px;margin-bottom:30px;color:#fefefe;background-image:url(../images/header-background-about.jpg)}
#header-about .title{padding-top:90px}
#header-about .title:after{border:0}
#header-about:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(55,55,55,0.5);z-index:1}
#header-item{text-align:center;color:#fefefe;background-image:url(../images/header-background-item.jpg)}
#header-item .title:after{border:0}
#header-item:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(55,55,55,0.5);z-index:1}
#header-location{text-align:center;color:#fefefe;background-image:url(../images/header-background-location.jpg)}
#header-location .title:after{border:0}
#header-location:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(55,55,55,0.5);z-index:1}
#header-privacy .title:after{border:0}
#header-sitemap{text-align:center;color:#fefefe;margin-bottom:30px;background-image:url(../images/header-background-sitemap.jpg)}
#header-sitemap .title:after{border:0}
#header-sitemap:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(55,55,55,0.5);z-index:1}
.main-contents-outer{width:100%;margin:0 auto 30px}
.main-contents-outer.imgback{position:relative;text-align:center;min-height:300px;font-size:0;background-repeat:no-repeat;background-size:cover;background-position:center;z-index:0}
.main-contents-outer.imgback:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1}
.main-contents-outer.imgback .centering-wrapper{display:inline-block}
.main-contents-outer.imgback .main-contents{position:relative;display:table-cell;height:300px;vertical-align:middle;color:#fefefe;z-index:2;font-size:1.2rem}
#index-kodawari{background-image:url(../images/greyback-sample.JPG)}
#about-yurai{background-image:url(../images/about-yurai-backimage.png)}
#about-tezukuri{background-image:url(../images/about-tezukuri-backimage.png)}
#contact{background-image:url(../images/sample-contact.jpg)}
#contact p.smallmargin{margin-bottom:10px}
#contact .link{display:table;margin:0 auto;height:85px}
#contact .link .to-contact,#contact .link .to-online{display:table-cell;height:100%;vertical-align:middle;padding:0 20px;width:300px}
#contact .link .to-contact a,#contact .link .to-online a{padding:10px;border:1px solid #fefefe;border-radius:3px;color:#fefefe;background-color:transparent;display:block;font-size:2rem;font-weight:400;line-height:1.2;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#contact .link .to-contact span,#contact .link .to-online span{display:block;font-size:1.2rem}
#contact .link .to-contact a:hover,#contact .link .to-online a:hover{color:#333;background-color:#fefefe}
#contact .link .to-online a{padding:18px 0}
#not-found{min-height:400px;padding-top:50px;text-align:center}
#privacy h3{margin-top:30px}
.main-contents{width:80%;margin:0 auto}
.main-contents h1,.main-contents h2{font-size:2.8rem;padding:20px 0 5px;font-weight:400}
.main-contents h3{font-size:2.5rem;margin:20px 0 40px;font-weight:400;position:relative}
.main-contents h3:after{content:"";position:absolute;bottom:-15px;left:0;width:110px;border:1px solid #666}
.main-contents h4{font-size:2rem;margin:20px 0 10px;font-weight:400}
.main-contents p{font-size:1.4rem;margin-bottom:20px}
.main-contents ul{list-style:none}
.main-contents li{list-style:none}
.main-contents li > ul{margin:0}
.main-contents ul.list,.main-contents ol.list{padding:0;margin:20px 0 25px 25px;padding-left:15px}
.main-contents ul.list li{text-indent:-.4rem;margin:5px 0}
.main-contents ul.list li:before{content:"";width:6px;height:6px;background:#db580f;position:relative;left:-15px;top:-3px;display:inline-block}
.main-contents ul.list .child{padding-left:10px}
.main-contents ul.list .child li:before{background:#111}
.main-contents ol.list{counter-reset:li;list-style:decimal}
.main-contents ol.list li{text-indent:-.4rem;margin:5px 0}
.main-contents ol.list li:before{content:counter(li);counter-increment:li;color:#333;position:relative;font-weight:700;left:-15px;display:inline-block}
.main-contents .section-title,.main-contents .section-img-title{padding:0;border:0;margin:20px 0 10px;text-align:center;font-size:2.5rem;font-weight:400}
.main-contents .section-title:after,.main-contents .section-img-title:after{display:none}
.main-contents .section-img-title{margin-bottom:30px}
.main-contents .signature{text-align:right}
.main-contents .signature p{margin-bottom:5px}
.main-contents .about-left-column,.main-contents .about-right-column{display:inline-block;vertical-align:top;line-height:1.2;text-indent:1em}
.main-contents .about-left-column p,.main-contents .about-right-column p{margin-bottom:0}
.main-contents .about-left-column{width:48%;padding-right:1%}
.main-contents .about-right-column{width:48%;padding-left:1%}
.main-contents .item-wrapper{margin-bottom:60px;font-size:0}
.main-contents .item-wrapper .item{display:inline-block;vertical-align:top;margin-bottom:30px;width:100%}
.main-contents .item-wrapper .item img{width:100%;height:auto}
.main-contents .item-wrapper .item h3 span{padding-left:10px;font-size:1.4rem}
.main-contents .item-wrapper .item.small{width:47.5%;margin-right:5%}
.main-contents .item-wrapper .item.small:last-child{margin-right:0}
.main-contents .item-wrapper#featured .item.small h3 span{padding-left:0;display:block}
.main-contents .item-wrapper#agekamaboko .caution{margin-bottom:0}
.main-contents .item-wrapper#agekamaboko .item{width:23.2%;margin-right:2.4%}
.main-contents .item-wrapper#agekamaboko .item p{display:none}
.main-contents .item-wrapper#agekamaboko .item h3{margin-bottom:10px;text-align:center}
.main-contents .item-wrapper#agekamaboko .item h3:after{border:0}
.main-contents .item-wrapper#agekamaboko .item:nth-of-type(4n){margin-right:0}
.main-contents .location-wrapper{font-size:0}
.main-contents .location-wrapper .location-image{display:inline-block;vertical-align:top;width:55%;padding-right:5%;margin-bottom:30px}
.main-contents .location-wrapper .location-definition{display:inline-block;vertical-align:top;width:40%;font-size:1.4rem;margin-bottom:30px}
.main-contents .location-wrapper .location-definition table{width:100%}
.main-contents .location-wrapper .location-definition table tr{border:1px solid #111;border-width:1px 0 0}
.main-contents .location-wrapper .location-definition table tr:last-child{border-width:1px 0}
.main-contents .location-wrapper .location-definition table td{vertical-align:middle;padding:10px 0}
.main-contents .google-map-wrapper{margin-bottom:30px}
.main-contents .google-map-wrapper .google-map-button{text-align:right}
.main-contents .google-map-wrapper .google-map-button a{color:#111;background:url(../images/google-map-texticon.png) no-repeat;background-position:right center;padding-right:20px}
.main-contents .access-steps-wrapper .access-step .image-wrapper img{max-width:30%;padding-right:20px}
.main-contents .contact-box-outer{margin:30px 0}
.main-contents .contact-box-outer .contact-box{max-width:48%;width:430px;min-height:280px;float:left;text-align:center;background-color:#fff;border:1px solid #111;padding:20px 0}
.main-contents .contact-box-outer .contact-box h3:after{left:0;right:0;margin:auto}
.main-contents .contact-box-outer .contact-box p{margin:0}
.main-contents .contact-box-outer .contact-box a{display:inline-block;border:1px solid #111;margin-bottom:12px;padding:7px 40px;color:#111;background-color:#fff;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.main-contents .contact-box-outer .contact-box a:hover{color:#fff;background-color:#333;border-color:#333}
.main-contents .contact-box-outer .contact-box .caution{width:90%;margin:0 auto}
.main-contents .contact-box-outer .contact-box .caution p{margin:0}
.main-contents .contact-box-outer .contact-box:last-child{float:right}
.main-contents.topmenu{text-align:center}
.main-contents.topmenu .menu{width:30%;margin:0 1%;display:inline-table}
.main-contents.topmenu .section-img-title{margin-bottom:15px}
#modal-content{position:fixed;display:none;width:50%;background-color:#fff;margin:1.5em auto 0;padding:10px 20px;z-index:2}
#modal-content img{width:100%;height:auto}
#modal-content h3{font-size:2.5rem;margin:10px 0;font-weight:400;position:relative}
#modal-content p{font-size:1.4rem;margin-bottom:10px}
#modal-content a#modal-close{float:right;padding:7px 16px;border:1px solid;border-radius:3px;color:#333}
#modal-overlay{position:fixed;display:none;width:100%;height:120%;top:0;left:0;background-color:rgba(0,0,0,0.75);z-index:1}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-size:1.8rem}
form.form-horizontal .form-group{margin-left:-15px;margin-bottom:15px}
form.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}
form.form-horizontal .control-label span.required{font-size:1.2rem;color:#db580f}
form.form-horizontal .label.label-danger{border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:#d9534f}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:1.6rem;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s}
textarea.form-control{min-height:80px}
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}
.btn-primary{color:#111;background-color:#fff;border-color:#111}
.btn{display:inline-block;padding:27px 90px;margin-bottom:0;font-size:1.6rem;font-weight:400;line-height:1.4;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid #111;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.btn:hover{color:#fff;background-color:#333}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-8{width:66.66666667%}
label[class$="error"]{color:#d9534f}
#response{text-align:center}
#response .success{color:#0f92db}
#response .error{color:#db580f}
.footer-outer{margin:50px 0}
footer{width:100%;margin:0 auto;color:#111}
footer .footer-link{text-align:center;font-size:1.2rem;margin-bottom:15px}
footer .footer-link ul{list-style:none;display:inline-table}
footer .footer-link li{float:left;padding-right:5px}
footer .footer-link li:after{content:" | "}
footer .footer-link li:last-child:after{content:""}
footer .footer-link li a{color:#111;font-weight:400}
footer .footer-copyright{text-align:center;padding:21px 0;background:url(../images/footer-logo.png) no-repeat;background-position:center}
footer .footer-copyright p{font-size:1.2rem}
@media screen and (max-width: 640px) {
body{min-width:100%;width:100%}
header{z-index:5}
header .openmenu{display:block;position:fixed;top:10px;left:10px;height:40px;width:41px;cursor:pointer;padding:3px;border:2px solid #111;border-radius:3px}
header .openmenu .top,header .openmenu .middle,header .openmenu .bottom{display:block;position:relative;width:100%;height:3px;background-color:#111;margin-bottom:10px}
header .openmenu .bottom{margin-bottom:0}
header nav{display:none;width:100%;height:120%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);padding-top:20px;color:#fefefe}
header nav ul{display:inline-block;vertical-align:middle;width:100%}
header nav ul li{width:100%;padding:10px 0;border:1px solid #fefefe;border-width:1px 0 0}
header nav ul li:last-child{border-bottom-width:1px}
header nav ul li a{padding:15px;color:#fff}
header nav ul li a img{display:none}
header nav ul li a span{display:block}
header nav .close{cursor:pointer;display:inherit;text-align:right;margin:40px 20px 0 0}
header nav .close span{padding:20px 40px;border:1px solid #fefefe;border-radius:3px}
br.clear{display:none}
.eyecatch .font{width:85%}
.eyecatch .font img{width:20%}
.contents-outer{padding:0}
.contents{width:100%}
section.title-outer .title{width:95%}
section.title-outer h1 img{max-width:80%}
.main-contents-outer{margin-bottom:2rem}
.main-contents-outer.imgback{min-height:200px}
.main-contents-outer.imgback .centering-wrapper{width:95%}
.main-contents-outer.imgback .main-contents{height:200px}
#contact{margin:0}
#contact .main-contents{height:inherit}
#contact .link{display:block;height:inherit}
#contact .link .to-contact,#contact .link .to-online{display:block;width:80%;margin:0 auto 2rem;padding:0}
#contact .link .to-contact a,#contact .link .to-online a{padding:1.5rem}
.main-contents{width:95%}
.main-contents h1,.main-contents h2{font-size:2rem;margin:2rem 0 .5rem;padding:0}
.main-contents .section-img-title{margin-bottom:20px}
.main-contents .section-img-title img{max-width:50%}
.main-contents.goaisatsu .main-text p{text-indent:1em}
.main-contents.goaisatsu .signature img{width:35%}
.main-contents.topmenu .menu{width:100%;margin:0;display:block;font-size:0;margin-bottom:2rem}
.main-contents.topmenu .image-wrapper,.main-contents.topmenu .text-wrapper{display:inline-block;vertical-align:top}
.main-contents.topmenu .image-wrapper{width:40%}
.main-contents.topmenu .text-wrapper{width:60%;padding-left:2rem;text-align:left}
.main-contents.topmenu .text-wrapper p{margin-bottom:0}
.main-contents.topmenu .text-wrapper .section-img-title{text-align:left;margin:0}
.main-contents .about-left-column,.main-contents .about-right-column{width:100%}
.main-contents .about-left-column p,.main-contents .about-right-column p{margin-bottom:20px;line-height:1.5}
.main-contents .item-wrapper .item.small{width:100%;margin-right:0}
.main-contents .item-wrapper#agekamaboko .item{width:32%;margin-right:2%;margin-bottom:10px}
.main-contents .item-wrapper#agekamaboko .item h3{font-size:2.2rem;margin-top:10px}
.main-contents .item-wrapper#agekamaboko .item:nth-of-type(4n){margin-right:2%}
.main-contents .item-wrapper#agekamaboko .item:nth-of-type(3n){margin-right:0}
.main-contents .location-wrapper .location-image{width:100%}
.main-contents .location-wrapper .location-definition{width:100%}
.main-contents .google-map-wrapper{height:200px;overflow:hidden}
.main-contents .contact-box-outer{margin-bottom:0}
.main-contents .contact-box-outer .contact-box{width:100%;max-width:100%;margin-bottom:30px;min-height:inherit}
#modal-content{width:80%;padding:1.5em}
.footer-outer{margin-bottom:20px}
footer{width:100%}
footer .footer-link ul{width:100%}
footer .footer-link li{float:none;display:block;padding:1rem}
footer .footer-link li:after{content:""}
}