@charset "utf-8";
/* CSS Document */

@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Bold");
font-weight: bold;
}
body {
font-family: "Yu Gothic", YuGothic;
color:#333;}
a:hover{color:#FF694C;}
.red{color:red;}
.darkred{color:#900;}
header{
position:relative;
z-index:999;
}
/* ------------nav----------- */
.inner {
width: 100%;
margin: 0 auto;
}
.inner:after {
content: "";
clear: both;
display: block;
}
#top-head a,#top-head {
color: #fff;
text-decoration: none;
padding:0.5em 0 0 2em;
}
#global-nav ul li {display:inline-block}
#top-head .logo{float:left;}
#top-head .logo img:nth-of-type(1){display:none;}
#top-head .logo a,
#global-nav span{
font-weight:normal;
font-size:9px;
padding:0 1.5em 0 0;
}
#top-head .logo{
text-align:center;
padding-top:5px;
}
#top-head .logo img {
width:120px;
height:auto;
}
#global-nav a,
#global-nav span{
display:inline-block;
font-size:90%;
font-weight:bold;
padding:10px 5px 0;
line-height:0.5;
}
#global-nav a:hover{border-bottom:2px dotted #FF694C;}
/* Fixed */
#top-head.fixed {
width:100%;
margin-top: 0;
top: 0;
position: fixed;
padding-top: 10px;
height: 55px;
background: #fff;
background: rgba(255,255,255,.8);
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
font-weight:normal;
font-size:9px;
color: #555;
}
#top-head.fixed .logo img:nth-of-type(1){display:inline;}
#top-head.fixed .logo img:nth-of-type(2){display:none;}
#top-head.fixed .logo a{color: #555;}
#top-head.fixed #global-nav ul li a,
#top-head.fixed #global-nav ul li span {
color: #555;
padding: 0 5px 0 5px;
}
#top-head.fixed #global-nav ul li i{color:#46B291;}
#top-head.fixed #global-nav ul li span{color: #FF694C;}
/* Toggle Button */
#nav-toggle {
display: none;
position: absolute;
right: 12px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}
#nav-toggle div {position: relative;}
#nav-toggle span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #666;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}
@media screen and (max-width: 800px) {
#global-nav a,#global-nav span{font-size:70%;}
}
@media screen and (max-width: 640px) {
#top-head,
.inner {
width: 100%;
padding: 0;
}
#top-head a,
#top-head {
color: #555;
line-height:1;
}
#top-head {
top: 0;
position: fixed;
margin-top: 0;
}
#top-head .logo img:nth-of-type(1){display:inline;}
#top-head .logo img:nth-of-type(2){display:none;}

/* Fixed reset */
#top-head.fixed {
padding-top: 0;
background: transparent;
}
#mobile-head {
background: #fff;
width: 100%;
height: 56px;
z-index: 999;
position: relative;
}
#top-head .logo {padding-left:1em;padding-top:10px;}
#top-head.fixed .logo{padding: 10px 0 0 16px;}

#global-nav {
position: absolute;
/* 開いてないときは画面外に配置 */
top: -500px;
background: #555;
width: 100%;
text-align: center;
padding: 10px 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#global-nav ul {
list-style: none;
position: static;
right: 0;
bottom: 0;
font-size: 14px;
}
#global-nav ul li {
display:block;
float: none;
position: static;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a,
#top-head #global-nav ul li span,
#top-head.fixed #global-nav ul li span{
width: 100%;
display: block;
color: #fff;
padding: 10px 0;
font-size:100%;
}
#nav-toggle {display: block;}
#global-nav ul li i{color:#46B291;}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
/* #global-nav top + #mobile-head height */
-moz-transform: translateY(556px);
-webkit-transform: translateY(556px);
transform: translateY(556px);
}
}

/* ------------contents----------- */

/* ------------footer----------- */
footer{
margin:0;
padding:0;
position:relative;
z-index:0;
}
#tel{
background:url(../img/h2.jpg);
color:#fff;
padding:1.2em 0 0.3em;
margin:0 auto;
text-align:center;
}
#tel dl{
text-align:center;
color:#FFEA6F;
}
#tel dt{
font-weight:bold;
font-size:120%;
margin:0 0 -10px;
padding:0;
}
#tel dd{
color:#fff;
text-align:left;
display:inline-block;
}
#tel dd img{
vertical-align:middle;
padding-bottom:4px;
}
#tel dd:nth-of-type(1){
font-size:480%;
margin:0 6px 0 0;
}
#tel dd span:nth-of-type(1){
font-size:90%;
display:inline-block;
border:1px solid #fff;
padding:0 5px;
border-radius:3px;
vertical-align:middle;
}
#tel dd:nth-of-type(2) span:nth-of-type(3){
font-size:200%;
font-weight:bold;
}
#tel dd span:nth-of-type(2){
font-size:112.5%;
vertical-align:middle;
}
#tel dt br,#tel dd span:nth-of-type(2) br,#tel dd:nth-of-type(2) span br{display:none;}
#tel dd:nth-of-type(3){
font-size:125%;
font-weight:bold;
vertical-align:top;
padding-top:43px;
}
#tel dd:nth-of-type(3) a{
background:url(../img/h3.jpg);
padding:16px 18px;
border-radius:8px;
margin:0 0 0 42px;
}
#tel dd:nth-of-type(3) a:hover{
background:url(../img/h5.jpg);
color:#fff;
}
#tel dd:nth-of-type(3) i{
font-size:130%;
vertical-align:top;
padding-top:1px;
}
#info{
clear:both;
background-image:url(../img/h3.png),url(../img/h4.jpg);
background-repeat:repeat-x,repeat;
background-position: center bottom, left top;
margin:0 auto;
padding:0 0 3em;
text-align:center;
}
#info dl{text-align:left;}
#info dt{
font-weight:bold;
font-size:110%;
color:#fff;
background:#46C98D;
display:inline-block;
border-radius:10px;
padding:1.5em 0.5em;
margin:0 10px 0 0;
vertical-align:middle;
}
#info dd{
display:inline-block;
vertical-align:middle;
}
#info dd span br:nth-of-type(1){display:none;}
#info dd br:nth-of-type(2){display:none;}
#ac{
margin:0 auto;
padding:2em 0 2em;
display:inline-block;
}
#ac dd{font-size:90%;}
#ac dd span{
font-size:110%;
display:inline-block;
padding-bottom:3px;
margin-bottom:5px;
border-bottom:1px solid #46C98D;
}
#ac ul{
text-align:left;
margin:2em 0 0 1.7em;
font-size:110%;
}
#ac li{
text-indent:-0.65em;
margin:0 0 0.8em;
}
#ac li i{color:#46C98D;}
#ac li:nth-of-type(3){margin:0 0 0;}
#ac li br:nth-of-type(1){display:none;}
#map{
display:inline-block;
width:435px; 
height:300px;
margin:-130px 0 20px 35px;
vertical-align:middle;
}
footer nav{
background:url(../img/h6.jpg) repeat;
text-align:center;
margin:0 auto;
padding:1.5em 0;
}
footer nav ul{
text-align:left;
display:inline-block;
vertical-align:top;
}
footer nav ul:nth-of-type(1){text-align:center;}
footer nav ul:nth-of-type(1) img{padding-bottom:0.5em;}
footer nav ul:nth-of-type(1) span{font-size:80%;}
footer nav li a{
color:#fff;
padding:0.6em 1em 2px;
display:inline-block;
}
footer nav li a:hover{
color:#fff;
border-bottom:2px dotted #FF694C;
padding:0.6em 1em 0;
}
footer p{
background:#000;
color:#fff;
text-align:center;
padding:0.5em;
font-size:70%;
}
#gotop{
position:fixed;
right:50px ;
bottom:50px ;
background:none;
}
#gotop img{
width:60px;
height:auto;
}
@media screen and (max-width: 890px) {
#tel dl{padding-bottom:30px;}
#tel dd:nth-of-type(3){padding-top:10px;}
#gotop{
right:10px ;
bottom:10px ;
}
}
@media screen and (max-width: 880px) {
#map{margin:0px 0 20px 15px;}
}
@media screen and (max-width: 780px) {
#info{
background-image:url(../img/h4.png),url(../img/h4.jpg);
background-repeat:repeat-x,repeat;
background-position: center bottom, left top;
}
footer nav ul{
width:100%;
display:block;
text-align:center;
}
footer nav  li a{padding:0.5em;}
footer nav li a:hover{
border:none;
padding:0.5em;
}
}
@media screen and (max-width: 640px) {
#tel dt{
font-weight:bold;
font-size:100%;
margin:0 0 10px;
padding:0;
}
#tel dd{text-align:center;}
#tel dd:nth-of-type(1){display:none;}
#tel dd:nth-of-type(2) span:nth-of-type(3){font-size:130%;}
#tel dd:nth-of-type(3){padding-top:30px;}
#tel dd span:nth-of-type(2){font-size:80%;}
#tel dd:nth-of-type(3) a{
padding:10px 18px;
border-radius:5px;
font-size:90%;
}
#tel dd:nth-of-type(3) a{
margin:0;
}
#map{
width:80%; 
height:300px
}
#ac ul{
font-size:100%;
display:inline-block;
text-align:center;
margin:0;
padding:1em 0 0;
}
#ac li{
text-indent:0;
margin:0 0 1em;
}
#ac li span{display:none;}
#gotop a{display:none;}
}
@media screen and (max-width: 500px) {
#tel dd span:nth-of-type(2) br,
#tel dd:nth-of-type(2) span br{display:inline;}
#info dl{text-align:center;}
#info dt{
padding:0.5em 1em;
margin-bottom:0.5em;
border-radius:5px;
}
#info dd{text-align:center;}
#ac li br:nth-of-type(1){display:inline;}
}
@media screen and (max-width: 450px) {
#info dd span br:nth-of-type(1){display:inline;}
}
@media screen and (max-width: 400px) {
#tel dt i{display:none;}
#tel dt br{display:inline;}
#tel dd:nth-of-type(1){display:none;}
#info dd br:nth-of-type(2){display:inline;}
}