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

html{
font-size: 62.5%;
height: 100%;
scroll-behavior: smooth;
}
body{
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 1.6rem;
margin: 0;
padding: 0;
width: 100%;
height:100%;
color: #595750;
background-image:url("../images/header_bg.png") , url("../images/body_bg.png");
background-size: 100%;
background-repeat: no-repeat , repeat-y;
background-position: top , top;
background-attachment: fixed; 
}
.sp_display{
	display: none;
}
.pc_display{
    display: inherit;
}

a{
color: #595750;
text-decoration: none;
}
a img{
border: none;
}
.s-font{
font-size: 0.7rem;
margin: 0 0 0 15px;
vertical-align: middle;
}
.img_right{
float: right;
margin: 0 0 15px 15px;
}
.img_left{
float: left;
margin: 0 15px 15px 0;
}
.img_center{
text-align: center;
}
.text_right{
width: 100%;
height: auto;
text-align: right;
}
table{
clear: both;
width: 100%;
height: auto;
margin: 0 auto 30px auto;
border: none;
box-sizing: border-box;
}
table th{
width: 50%;
border-bottom: solid 1px #595750;
background-color: #595750;
color: #ffffff;
padding: 10px 0 5px 20px;
box-sizing: border-box;
font-weight: normal;
text-align: left;
}
table td{
border-bottom: solid 1px #595750;
padding: 10px 0 5px 20px;
box-sizing: border-box;
}
.contents{
width: 100%;
height: 100%;
z-index: 201;
position: relative;
top: 0;
}
.scroll-fade{
opacity: 0;
transition: all 2s;
}
.scroll-up{
opacity: 0;
transform: translateY(100px);
transition: all 2s;
}
.scroll-up.done, .scroll-fade.done{
opacity : 1 !important;
transform : translate(0, 0) !important;
}
.scroll-fade{opacity: 0; transition: all 2s/*処理にかかる時間*/;}
.scroll-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.scroll-up.done, .scroll-fade.done{opacity : 1; transform : translate(0, 0);}
.load-fade {opacity : 0; transition : all 2s/*処理にかかる時間*/;}
.load-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.load-up.done, .load-fade.done{opacity : 1; transform : translate(0, 0);}
.header{
width: 1000px;
height: 150px;
margin: 0 auto 50px auto;
padding: 0;
position: relative;
}
.header h1{
width: auto;
height: auto;
margin: 5px 0 0 0;
padding: 0;
font-size: 1.4rem;
font-weight: normal;
overflow: hidden;
}
.header .header_nav{
width: 250px;
height: auto;
position:absolute;
right: 0;
}
.header .header_nav .reserv{
width: 250px;
height: auto;
top:10px;
background-color: #E4ADC8;
text-shadow: 1px 1px 5px #E46FC8;
margin: 0 0 10px 0;
color: #ffffff;
padding: 5px 0;
text-align: center;
letter-spacing: 1.5;
border-radius: 2px;
}
.header .header_nav .contact_tel{
width: 250px;
height: auto;
top:50px;
font-size: 2.4rem;
text-align: center;
letter-spacing:1.5;
font-family: geneo-std, sans-serif;
font-weight: 400;
font-style: italic;
border-bottom: solid 1px;
padding: 0 0 5px 0;
}
.header .header_nav ul{
width: 250px;
height: auto;
margin: 10px 0;
padding: 0;
}
.header .header_nav ul li{
list-style:none;
width: 25%;
height:auto;
float: left;
margin: 0;
padding: 0;
letter-spacing:1.5;
font-family: geneo-std, sans-serif;
font-weight: 400;
font-style: italic;
text-align: center;
}
.header .header_nav ul li a{
text-decoration: none;
}
.header .logo{
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
position: absolute;
overflow: hidden;
}
.header .logo img{
width: 100px;
height: auto;
}
#main_img{
width: 1000px;
height:600px;
margin: 0 auto;
padding: 0;
position:relative;
text-align: center;
}
#main_img ul{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}
#main_img ul li{
list-style: none;
position:absolute;
top:0;
left:0;
animation-iteration-count:infinite;
animation-duration:12s;
margin: 0;
padding: 0;
}
#main_img ul li img{
width: 1000px;
height: auto;
position: absolute;
}
#main_img ul li:nth-child(1){
animation-name:slider;
animation-delay:0s;
}
#main_img ul li:nth-child(2){
animation-name:slider;
animation-delay:4s;
opacity:0;
}
#main_img ul li:nth-child(3){
animation-name:slider;
animation-delay:8s;
opacity:0;
}
.contents_box{
width: 1000px;
height: auto;
margin: 0 auto 30px auto;
}
.text_box{
clear: both;
width: 800px;
height: auto;
margin: 0 auto 70px auto;
}
.title_img{
width: 100%;
height: auto;
margin: 0 0 50px 0;
text-align: center;
}
.title_img img{
width: auto;
height: auto;
margin: 0 auto;
}
ul.gallery{
width: 100%;
height: auto;
margin: 20px auto;
overflow: hidden;
padding: 0;
}
ul.gallery li{
list-style: none;
width: 33%;
height: auto;
float: left;
}
#mapfield{
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
#mapfield iframe {
  position: absolute;
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%;
}
@keyframes slider{
	0%{
		opacity:0;
	}
	20.83%{
		opacity:1;
	}
	33.33%{
		opacity:1;
	}
	45.83%{
		opacity:0;
	}
	100%{
		opacity:0;
	}	
}
.ityped{
width: 1000px;
height: auto;
text-align: center;
font-size: 3.0rem;
margin: 200px auto 0 auto;
z-index: 3;
position: absolute;
color: #ffffff;
text-shadow: 1px 1px 3px #69543F,0px 0px 4px #69543F;
font-family: "游明朝", "serif";
}
.ityped-cursor{
display: none;
}
#gotop{
width:auto;
height:auto;
right: 10%;
bottom: 2%;
position: fixed;
z-index: 1;
}
#footer{
clear: both;
width: 100%;
height: auto;
padding: 30px 0 10px 0;
background-color:#595750;
color: #ffffff;
text-align: center;
}