body {
	width: 100%;
	margin: 0;
	color: #383c3c;
	-webkit-text-size-adjust: 100%;
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
main {
	position: relative; 
	max-width: 960px;
}	
header {
	position: relative; width: 100%;
}
h1 {
	position: relative; padding: 5% 3% 3% 3%;
	text-align: center;
	margin: 0 auto;
}
.nav {
    display: table;
    table-layout:fixed;
    list-style: none;
    width: 90%;
    margin:0 auto;
    padding: 4%;
}
.nav_item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 90%;
} 
a {
	color: #383c3c;
	text-decoration: none;
}
article {
	padding: 3%;
}
h2 {
	margin: 4em 0 1em 0;
	font-size: 88%;
}

/*===写真入る===*/
.slideshow {
	width: 100%;
	margin: 0 auto;
}
.slide {
	position: relative;
	overflow: hidden;
	width: 100%;
}
/*===画像設定===*/
.slide img {
	position: absolute;
	display: block;
	/*画像サイズを表示エリアに合わせる*/
	width: 100%;
	margin: 0 auto;
	opacity: 0;
	animation: slideAnime 24s ease infinite;
}
/*===アニメーションの段差設定===*/
.slide img:nth-of-type(1){animation-delay: 0s}
.slide img:nth-of-type(2){animation-delay: 8s}
.slide img:nth-of-type(3){animation-delay: 16s; position: relative;}
/*===アニメーション設定===*/
@keyframes slideAnime{
	0% {opacity: 0;}
	16% {opacity: 1}
	17% {opacity: 1}
	33% {opacity: 0}
	100% {opacity: 0}
}
.instaimage{
	/*画像サイズを表示エリアに合わせる*/
	width: 30%;
	margin: 1%;
}
#menu_inner{
position:relative;
width:100%;
}
.mainmenu{
	height: 0.5em;
	width:100%;
	font-size: 70%;
	display: table;
	table-layout: fixed;
box-sizing:border-box;
padding-left:5%;
}
.menu_list1{
	display: inline-block;
	word-break: normal;
	width: 70%;
	display: table-cell;
}
.menu_list3{
	display: inline-block;
	word-break: normal;
	display: table-cell;
}
.menu_addition{
	font-size: 55%;
	padding-left: 40%;
	margin-top: 0;
}
.addition{
	width: 41%;
	margin: 4%;
	font-size: 120%;
}
.map {
	position: relative;
	width: 100%;
}
.address {
	font-size: 70%;
}
.accessinfo {
	width: 100%;
	font-size: 70%;
	display: table;
}
.accessleft {
	width: 20%;
	display: table-cell;
}
.accessright {
	width: 80%;
	display: table-cell;
}
.inquiry {
	font-size: 50%;
}
h3 {	
	font-family: "Sawarabi Mincho";
	margin-top: 0;
}
.sentence { 
	font-family: "Sawarabi Mincho";
	word-break: normal;
}
form {
	position: relative;
	font-size: 70%;
	width: 70%;
    margin: 0 auto;
}
.inquiry {
	font-size: 1.2em;
	margin-top: 4em;
	text-decoration: underline;
}
.box {
	width: 100%;
	font-size: 0.8em;
	margin-bottom: 0.8em;
	border-radius: 5px;
}
#data1 {
	color: black;
	font-family: 'Meiryo UI','ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', sans-serif; 
}
#data2 {
	color: gray;
	font-family: 'Meiryo UI','ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', sans-serif; 
}
#data3 {
	color: gray;
	height: 5em;
	font-family: 'Meiryo UI','ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', sans-serif; 
}
.send {
	display:block;
	position: relative;
	font-size: 0.8em;
	color: white;
	background-color: navy;
	margin: 0 auto;
	border-radius: 5px;
}

#contact_notice{
font-size:0.8em;
color:gray;
}

@media screen and (min-width: 768px) {
   /*--- 表示領域が768px以上の場合に適用するスタイル ---*/


header{
box-sizing:border-box;
margin:0 auto;
width:768px;
}

article{
box-sizing:border-box;
margin:0 auto;
width:768px;
}

}