@charset "UTF-8";
html{margin:0;padding:0;overflow-y:scroll;-moz-text-size-adjust:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;}
body {font-size: 16px;font-family: "Meiryo", "メイリオ", "ＭＳ　Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
line-height: 1.8;color: #333;-webkit-text-size-adjust: 100%;}
li,ol,ul{margin: 0;padding: 0;list-style-type: none;}
*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
img{vertical-align:middle;border-style:none;border:0;-webkit-backface-visibility: hidden;}
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
.clearfix::after{content:" ";display:block;visibility:hidden;clear:both;height:0;line-height:0;}
* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
.cont {margin: 0 auto;clear: both;}
.container {padding: 0 2.6%;margin: 0 auto;clear: both;}
/* 電話番号リンクをスマホのみIE11〜
------------------------------------- */
a[href^="tel:"]{pointer-events:auto;text-decoration:underline;}
/*フロート設定
------------------------------------- */
.text img.centered,.text img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
clear:none;
}
.text img.alignright{
margin-left:20px;
margin-right:0;
margin-bottom:20px;
display:inline;
clear:none;
}
.text img.alignleft {
margin-left:0;
margin-right:20px;
margin-bottom:20px;
display:inline;
clear:none;
}
.text img.alignnone {
margin-left:0;
margin-right:0;
margin-bottom:10px;
clear:none;
display:block;
}
.text .alignright,.right {
float:right;
}
.text .alignleft {
float:left;
}
/* header
------------------------------------- */
header {position:static;}
header:before {content: "";display: block}
/* logo★
------------------------------------- */
h1 a {
background: url(../img/logo.png) no-repeat;
background-size: 250px 30px;
display: block;
width: 250px;
height: 30px;
margin: 6% 0;
}
h1 a span,.drawer p  {display: none;}
/*	footer★
------------------------------------- */
footer {
width: 100%;
text-align: center;
background-color: #18aa53;
padding:30px 0;
margin-top:40px
}
footer img{width:100%;max-width: 100%;height: auto;}
#f_info{
width: 100%;
padding: 0;
margin: 20px 0;
float: none;
text-align:center;margin: 0 auto;
}
#f_info a:hover {
text-decoration:underline;
color:#FFF
}
#f_info a {color:#FFF;text-decoration:none;}
#f_info h5 {width: 260px;height: 23px;margin: 0 auto;}
#f_info address {
font-style: normal;
font-size: 90%;
color:#FFF;
margin:20px 0
}
.f_right {
text-align:center;
float:none;
margin:0 auto;
background-size: 146px 35px;
display: block;
width:146px;
padding: 10px;
border: 1px solid #fff;
}
.f_navi,.f_right span,#f_info span,.f_t{display:none;}
/*
copy★
------------------------------------- */
#copy {
font-size:0.6em;
background-color: #009e44;
color: #fff;
padding:10px 0;
width:100%;
font-family: Roboto, Arial, Helvetica, Tahoma, Verdana;
text-align:center}
/* page-top★
------------------------------------- */
#page-top a {
margin: 0;
padding: 0;
position: fixed;
right: 16px;
bottom: 16px;
}
#page-top a {
display: block;
background: #009e44;
width: 50px;
height: 50px;
cursor: pointer;
color: #fff;
line-height: 50px;
text-decoration: none;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#page-top a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
@media only screen and (min-width:600px) {/* タブレット */
.container,.cont{
max-width: 80%;
margin: 0 auto;
padding: 0;
}
}
@media only screen and (max-width: 979px) {/* タブレット */
.text img.alignright,.text img.alignleft,.text img.alignnone,.text img.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
.text .alignright,.text .alignleft {float:none;}
.text .aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
body{font-size: 15px;line-height:1.6em;}
h1.logo { padding: 0 2.6%}
}
@media screen and (min-width: 980px) {/* PC */
.container,.cont {
max-width: 1000px;
}
/* header
/* ------------------------------------- */
h1 a{
width: 358px;
height: 43px;
background-size: 358px 43px;
display: block;
}
.drawer p { 
font-size: 80%;
line-height: 1.6;
margin: 15px;
padding:0 0 0 15px;
display: block;
}
/* footer
/* ------------------------------------- */
footer{
text-align: left;
}
#f_info{
float:left;
margin:0 20px 0 0;
width: 300px;
text-align:left;
margin: 0;
}
#f_info h5 {margin: 0;}
#f_info address {margin:20px 0 0 0;}
.f_t {
margin: 0;
padding: 0 5px 0 30px;
float: left;
line-height: 1.3;
display: block;
border-left: 1px solid #fff;
}
.f_t a {
text-decoration: none;
font-size: 80%;
line-height: 1;
color:#FFF
}
.f_t a:hover {
text-decoration:underline;
color:#FFF
}
.f_t dl {
float: left;
margin: 0;
padding-right: 10px;
height: auto;
}
.f_t dl dt {
padding: 0 0 5px 10px;
}
.f_right{
float:right;
background-size: 200px 48px;
display: block;
width: 200px;
}
a[href^="tel:"]{pointer-events:none;text-decoration:none;}
}
@media screen and (min-width: 1024px) {
.drawer p { 
font-size: 80%;
line-height: 1.6;
margin: 15px 0;
padding:0 0 0 15px;
display: block;
}
}
/* isoマーク
/* ------------------------------------- */
.f_r_box:after {
content: "";
clear: both;
display: block;
}
.f_r_box{
margin: 0 auto;
float:none}
.f_r_box li {
display: inline-block;
}
.f_r_iso img{
width:65px;
height: auto;
padding-top:2px
}
.f_r_iso span{display:none;}
@media screen and (min-width: 980px) {/* PC */
.f_r_box li {
float:right;
}
.f_r_iso img{
width: 90px;
height: auto;
padding-top:0;
padding-right:10px
}
}