body{
	margin: 0;
	color: #000000;
	font-family: "Meryo UI",sans-serif;
	background: linear-gradient(#FFE9A1, #FFD4DE);
}
#clear{
	clear: both;
}
/* ========== id_ここから ========== */
#container{
	width: 100%;
}

/* 一番上のメニュー */
#header{
	/*background-color: white;*/
	background: linear-gradient(-90deg, #FF90AA, #FFE9A1);
	height: 180px;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 50;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.rogo{
	height: 150px;
	width: 400px;
	margin: 20px auto;
	background-image: url("img/logo.png");
	background-size: cover;
	z-index: 60;
}
.menu_btn{
	float: right;
	height: 160px;
	width: 230px;
	margin:  auto;
	position: fixed;
	top: -10px;
	right: 8px;
	z-index: 60;
}

.btn{
	height: 110px;
	width: 210px;
	margin-top: 40px;
	z-index: 60;
	border-radius: 60px;
	background-color: white;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.btn a{
	text-decoration: none;
}

.btn a p{
	font-size: 40px;
	color: #440000;
	font-weight: bold;
	padding: 30px 0;
	text-align: center;
}

@media screen and (min-width: 1024px){
	#header{
		height: 100px;
	}
	.rogo{
		height: 80px;
		width: 210px;
		margin-top:5px;
	}
	.menu_btn{
		top:-10px;
	}

	.btn{
		height: 80px;
		width: 190px;
		margin-top: 0;
		border-radius: 50px;
	}

	.btn a p{
		font-size: 35px;
		padding: 15px 0;
		text-align:center;
		margin:20px 0;
	}
}
/* 一番上のメニュー ここまで　*/


/* ファーストビュー */
#firstview{
	overflow: hidden;
}

@media (max-width: 1023px),(orientation:portrait){
	#firstview > img{
		width: 964;
		height: 1300px;
	}

	#firstview{
		height: auto;
		width: auto;
		margin-top: 180px;
		margin-bottom: 20px;
		position: relative;
		overflow: hidden;
	}
}

/* 上部空白を消す */
@media screen and (min-width: 1024px){
	#firstview{
		margin-top: 80px;
		margin-bottom: 20px;
		background-color: gray;
		overflow: hidden;
	}
}


/* ========== スライド用 ========== */
.swiper-container {
    width: 100%;
    max-width: 1400px;
    max-height: 1300px;
}
.swiper-slide img{
	width: 100%;
}
@media screen and (max-width: 1023px){
	.firstview_pc{
		display: none;
	}
}

@media screen and (min-width: 1024px),{
	.swiper-container{
		display: none;
	}
	.firstview_pc{
		height: auto; /*表示したい大きさ*/
		position: relative;
		width: 100%; /*表示したい大きさ、height と合わせる*/
		padding-bottom: 31.2%;
	}

	.firstview_pc img {
	    animation: show 15s infinite;
	    -webkit-animation: show 15s infinite;
	    width: 100%;
		height: auto;
		object-fit: cover;
	    opacity: 0;
	    position: absolute; /*画像を全て重ねる*/
	}
	/*アニメーション*/

	@keyframes show {
	    0% {opacity:0}
	   5% {opacity:1}
	    100% {opacity:0}
	 }

	@-webkit-keyframes show {
	    0% {opacity:0}
	    5% {opacity:1}
	    100% {opacity:0}
	}

	/*各画像のアニメーションの開始時間をずらす*/
	.firstview_pc img:nth-of-type(1) {
	    animation-delay: 0s;
	    -webkit-animation-delay: 0s;
	}
	.firstview_pc img:nth-of-type(2) {
	    animation-delay: 5s;
	    -webkit-animation-delay: 5s;
	}
	.firstview_pc img:nth-of-type(3) {
	    animation-delay: 10s;
	    -webkit-animation-delay: 10s;
	}
}

@media (max-width: 1023px) and (orientation:landscape){
	.firstview_pc{
		display: none;
	}

	.swiper-container {
	    width: 100%;
	    max-width: 2000px;
	    max-height: 800px;
	}
	.swiper-slide img{
		width: 100%;
	}
}
/* ========== スライド_ここまで ========== */

#jna{
	background-color: #FFF8F4;
}
.jna{
	width: 80%;
	margin:0 10%;
}


/* ------- お悩み ここから ------- */

#trouble{
	height: 600px;
	padding: 20px 0 50px;
	margin: 80px 20px;
	background-color: white;
	border-radius: 40px;
}
.trouble_title{
	width: 100%;
	margin: 10px auto 25px auto;
}

.trouble_title > p{
	text-align: center;
	font-family: "Meryo UI",sans-serif;
	font-size:45px;
}

.trouble_bottom{
	height: 400px;
	overflow: hidden;
	font-size: 35px;
	padding: 20px 90px;
}
.checkmark001{
	margin:5px;
	padding-left:50px;
	position:relative;
}
.checkmark001:before,
.checkmark001:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark001:before{
	width:20px;
	height:20px;
	background:#ffffff;
    border:1px solid #000000;
	left:0;top:15px;
}
.checkmark001:after{
	border-left:2px solid #000000;
	border-bottom:2px solid #000000;
	width:14px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;top:17px;
}

@media (min-width: 1024px){
	#trouble{
		width: 95%;
		margin:0 auto;
		height: auto;
		padding: 50px 0;
	}

	.trouble_title > p{
		font-size:45px;
		margin: 0;
	}

	.trouble_bottom{
		height: 250px;
		font-size: 30px;
		padding:0;
		width: 60%;
		margin:0 auto;
	}
	.checkmark001{
		margin:5px;
		padding-left:50px;
		position:relative;
	}
	.checkmark001:before,
	.checkmark001:after{
		content:"";
		display:block;
		position:absolute;
	}
	.checkmark001:before{
		width:25px;
		height:25px;
		left:3px;top:7px;
	}
	.checkmark001:after{
		width:25px;
		height:7px;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
		left:6px;top:7px;
	}
}
@media (min-width: 1366px){
	#trouble{
		width: 65%;
		margin:0 auto;
		height: auto;
		padding: 50px 190px;
	}
}
/* ------- お悩み ここまで ------- */

/* ------- ABOUT ここから ------- */

#about{
	padding: 50px 0px;
}
.about_title{
	width: 100%;
	margin:0 auto;
}
.about_en{
	text-align: center;
	font-size: 90px;
	font-weight: bold;
	font-family: bell MT;
	color:black;
	margin-bottom:60px;
}
.about_p{
	text-align: center;
	font-size: 40px;
	margin:0 auto 30px;
}

.about_01,
.about_02{
	height: 380px;
	margin:50px 30px;
}
.about_detail01{
	width: 58%;
	float: left;
	text-align: left;
	padding:70px 0;
}
.about_detail02{
	width: 58%;
	float: left;
	text-align: left;
	padding:120px 0;
	white-space: nowrap;
}
.about_detail01 > p,
.about_detail02 > p{
	font-size: 26px;
	line-height: 50px;
	text-align: center;
}

.about_01p {
	float: right;
	background-image: url("img/DSC_2301.jpg");
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background-position: right;
	display: inline-block;
	background-size: cover;
}

.about_02p {
	float: left;
	background-image: url("img/DSC_2297.jpg");
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background-position: center;
	/*display: inline-block;*/
	background-size: cover;
	float: left;
}

@media (min-width: 1024px){
	#about{
		padding: 30px 0 0;
	}
	.about_title{
		width: 100%;
		margin:0 auto;
	}
	.about_en{
		text-align: center;
		font-size: 100px;
		font-weight: bold;
		font-family: bell MT;
		color:black;
		margin-bottom:60px;
	}
	.about_p{
		font-size: 27px;
	}
	.about_detail01 > p,
	.about_detail02 > p{
		font-size: 27px;
		line-height: 1.6;
		text-align: center;
	}

	.about_box{
		width: 1000px;
		margin:0 auto;
		text-align: center;
	}
}
@media (min-width: 1366px){
	#about{
		padding: 30px 0 60px;
	}
		.about_box{
		width: 1300px;
		margin:0 auto;
		text-align: center;
	}

.about_01,
.about_02{
	height: 380px;
	margin:50px 170px;
}
.about_01p {
	background-image: url("img/DSC_2301.jpg");
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background-position: right;
	display: inline-block;
	background-size: cover;
}

.about_02p {
	background-image: url("img/DSC_2297.jpg");
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	float: left;
}
}
/* ------- ABOUT ここまで ------- */


/* ------- SERVICE ここから ------- */

#service{
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	padding: 30px 0;
}

.service_title{
	margin: 70px auto;
}

.service_en{
	text-align: center;
	font-size: 70px;
	font-family:bell MT;
	font-weight: bold;
	margin: 0;
	color: black;
	white-space: nowrap;
}

.details_01 ,.details_02 ,.details_03{
	margin: 30px 20px 50px;
	text-align: center;
	background-color: white;
	padding-bottom: 10px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16)
}

.details_02 ,.details_03{
	opacity: 0;
	transform : translate(0, 50px);
	transition : all 1500ms;
}
.details_02.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
.details_03.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
.details_img{
	min-height: 600px;
}

.details_01 > .details_img{
	background-image: url("img/DSC_2242.jpg");
	background-size: cover;
	background-position: center;
}
.details_02 > .details_img{
	background-image: url("img/DSC_2238.jpg");
	background-size: cover;
}
.details_03 > .details_img{
	background-image: url("img/DSC_2307.jpg");
	background-size: cover;
	background-position: center;
}

.details_p{
	text-align: center;
	padding:15px 30px;
	font-size:33px;
	line-height: 1.4;
}

@media screen and (min-width: 1024px){
	.service_en{
		font-size:70px;
	}
	.service_details{
		width: 70%
		padding:0;
	}
	.details_02 {
		opacity: 0;
		transform : translate(0,50px);
		transition : all 1500ms;
	}

	.details_03 {
		opacity: 0;
		transform : translate(0,50px);
		transition : all 2500ms;
	}

	.details_01 ,.details_02 ,.details_03{
		margin: 20px 30px;
		text-align: center;
		height: auto;
	}
	.details_img{
		max-width: 100%;
		text-align: center;
	}
	.details_p{
		font-size: 30px;
		line-height: 1.4;
		padding:30px 5px;
		margin:0;
	}
}

@media screen and (min-width: 1366px){
	#service{
		max-width: 1300px;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		/*background-color:#FFF8F4;*/
		padding: 30px 0;
	}

.details_01 ,.details_02 ,.details_03{
	width: 31.5%;
	float: left;
	margin: 0 10px;
	text-align: center;
	height: 410px;
}
.details_img{
	min-height: 270px;
}
.details_p{
	font-size: 22px;
	line-height: 1.4;
	padding:20px ;
	margin:0;
	text-align: justify;
}
}
/* ------- SERVICE ここまで ------- */


/* ------- こんな方は ここから ------- */
#welcome{
	height: 600px;
	padding: 50px 0;
	background-color: white;
}
.welcome_title{
	width: 100%;
	margin: 10px auto 25px auto;
}

.welcome_title > p{
	text-align: center;
	font-family: "Meryo UI",sans-serif;
	font-size:45px;
}

.welcome_bottom{
	height: 400px;
	overflow: hidden;
	font-size: 35px;
	padding: 20px 90px;
}
.welcome_img{
	width: 100%;
	height: 600px;
	background-image: url(img/452.jpg);
	background-size: cover;
}

@media (min-width: 1024px){
	#welcome{
		width: 50%;
		float: left;
		margin:0 auto;
		height: 350px;
		padding: 50px 0;
	}

	.welcome_title > p{
		font-size:28px;
	}

	.welcome_bottom{
		height: 250px;
		font-size: 20px;
		padding:0;
		width: 500px;
		margin:0 auto;
	}
	.welcome_img{
		width: 50%;
		height: 300px;
		float: left;
		margin:75px 0;
		background-image: url(img/452.jpg);
		background-size: cover;
		background-position: center;
	}
}

/* ------- こんな方は ここまで ------- */


/* ------- VOICE ここから ------- */

#voice{
	/*background-color: #FFF8F4;*/
	padding: 30px 0 10px;
	margin-top: 50px;
}
.voice_title{
	margin: 70px auto;
}

.voice_en{
	text-align: center;
	font-size: 90px;
	font-family:bell MT;
	font-weight: bold;
	margin: 30px auto 0;
	color: black;
}
.voice_jp{
	text-align: center;
	font-size: 40px;
	font-family: "Meryo UI";
	margin: 0;
}

.voice_bottom{
	height:auto;
	overflow: hidden;
	background-color: white;
	border-radius: 100px;
	margin: 20px 20px 30px;
}

.voice_img{
	float: left;
	width: 100%;
	margin:10px auto;
	text-align: center;
}
.voice_img > img{
	width: 300px;
	padding: 30px;
}

.voice_detail{
	width: 90%;
	padding:50px 5%;
	font-size: 33px;
	line-height: 2em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#voice > label{
	text-align: center;
	display: block;
}

@media screen and (min-width: 1024px){
.voice_bottom{
	height:auto;
	overflow: hidden;
	background-color: white;
	border-radius: 100px;
	margin: 20px 30px 30px;
}
}

@media screen and (min-width: 1366px){
	#voice{
		overflow: hidden;
		margin-top: 0px;
	}
	.voice_en{
		font-size: 100px;
	}

	.voice_bottom{
		width: 96%;
		margin: 10px 2% 20px;
	}

	.voice_img{
		width: 25%;
		float: left;
		text-align: center;
	}
	.voice_img > img{
		width: 200px;
		padding:40px 20px;
	}
	.voice_detail{
		font-size: 15px;
		line-height: 20px;
		text-align: justify;
	}
}
@media screen and (min-width: 1366px){
	#voice{
		width: 1300px;
		overflow: hidden;
		margin:30px auto;
	}
	.voice_bottom{
		width: 31.7%;
		float: left;
		margin: 10px 10px 20px;
		border-radius:40px;
	}
	.voice_detail{
		font-size: 22px;
		line-height: 1.4;
		text-align: justify;
		height: 550px;
	}
}
/* ------- VOICE ここまで ------- */



/* ------- MENU ここから ------- */

#menu{
	background-color: white;
	padding: 30px 40px 50px;
	border-radius: 100px;
	margin: 0 20px;
}

.deco{
	width: 80%;
	size: cover;
	margin:60px 10%;
}
.menu_en{
	text-align: center;
	font-size: 100px;
	font-family:"Meryo UI";
	font-weight: bold;
	color: black;
	margin:70px auto 0;
}
.menu_jp{
	text-align: center;
	font-size: 40px;
	font-family:"Meryo UI";
	margin:20px auto 70px;
}
.menu_card{
	padding:30px 0;
}
.menu_img{
	width: 100%;
	text-align: center;
}

.menu_details{
	font-size: 30px;
	text-align: center;
	margin:20px auto 50px;
	text-align: center;
}

.menu_details1{
	font-size: 35px;
	text-align: center;
	margin:20px auto 50px;
	text-align: center;
	color: #FF9900;
}

.menu_details > p{
	color: #5B3838;
	margin:20px 0;
}
@media screen and (min-width: 1024px){
	#menu{
		margin:0 30px;
		background-color: white;
		border-radius:100px;
		padding: 30px 0 50px;
	}
	.deco{
		width: 60%;
		size: cover;
		margin:60px 20%;
	}

	.menu_en{
		text-align: center;
		font-size: 100px;
		font-family:"Meryo UI";
		color: black;
		margin:20px auto 0;
	}
	.menu_jp{
		text-align: center;
		font-size: 25px;
		font-family:"Meryo UI";
		margin:20px auto 50px;
	}
	.menu_card{
		width: 95%;
		margin:0 auto;
		text-align: center;
		padding:10px;
	}
	.menu_img{
		width: 100%;
		padding:0;
	}

	.menu_details{
		width: 100%;
		font-size: 45px;
		text-align: center;
		margin: 30px auto;
	}

	.menu_details1{
		font-size: 50px;
		text-align: center;
		margin:20px auto 50px;
		text-align: center;
		color: #FF9900;
	}
}
@media screen and (min-width: 1366px){
	#menu{
		/*height:1200px;*/
		width: 1300px;
		margin:0 auto;
		background-color: white;
		padding: 30px 0 50px;
		border-radius:40px;
	}
	.menu_card{
		width: 95%;
		height:330px;
		margin:0 auto;
		text-align: center;
		padding:10px;
	}
	.menu_img{
		width: 40%;
		float: left;
		padding:0;
	}

	.menu_details{
		width: 60%;
		float: left;
		font-size: 37px;
		text-align: center;
		margin: 80px auto 20px;
	}

	.menu_details1{
		width: 60%;
		float: left;
		font-size: 40px;
		text-align: center;
		margin:20px auto 130px;
		text-align: center;
		color: #FF9900;
	}
}
/* ------- MENU ここまで ------- */


/* ------- 一言 ここから ------- */

#word{
	padding:50px 0;
}
.word_en{
	text-align: center;
	font-size: 90px;
	font-family:"Meryo UI";
	color: black;
	font-weight: bold;
	margin:70px auto 0;
}
.word_by_owner{
	padding: 50px 0;
	width: 100%;
}

.word_by_owner > p{
	text-align: left;
	font-size: 35px;
	line-height: 40px;
	white-space: nowrap;
	text-align: center;
	line-height: 50px;
}

.word_by_owner li{
	font-family: "Meryo UI";
	font-size: 30px;
	color:#5B2E07;
}

.word_img{
	height: 600px;
	background-image: url("img/DSC_2319.jpg");
	background-size: cover;
	background-position: center;
}

@media (min-width: 1024px){
	#word{
		margin:0 auto;
		height: auto;
		overflow: hidden;
		padding:30px 5px;
	}
	.word_en{
		font-size: 100px;
		margin:50px auto;
	}
	.word_by_owner{
		padding:0 ;
	}

	.word_by_owner > p{
		text-align: center;
		font-size: 35px;
		line-height: 50px;
	}

	.word_by_owner li{
		font-size: 20px;
	}

	.word_img{
		float:left;
		width: 100%;
		height: 680px;
		background-image: url("img/DSC_2319.jpg");
		background-size: cover;
		background-position:85%;
	}
}

@media (min-width: 1366px){
#word{
	width: 1300px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	padding:30px 5px;
}
.word_by_owner{
	padding:0 ;
}

.word_by_owner > p{
	text-align: center;
	font-size: 35px;
	line-height: 50px;
}

.word_by_owner > p{
	width: 45%;
	float: left;
	text-align: left;
	font-size: 26px;
	line-height: 1.4;
}
.word_img{
	float:right;
	width: 50%;
	height: 480px;
	margin: 0 10px;
	background-image: url("img/DSC_2319.jpg");
	background-size: cover;
	background-position:85%;
}
}
/* ------- 一言 ここまで ------- */


/* ------- CONATCT ここから ------- */

/* CONTACT*/
#contact{
	height: auto;
	overflow: hidden;
	margin-bottom: 50px;
	margin: 0 20px 50px;
	background-color: white;
	padding: 30px 0 0;
	border-radius: 40px;
}

.contact_title{
	margin:0 auto;
}

.contact_en{
	text-align: center;
	font-size: 100px;
	font-family: "Meryo UI";
	margin: 100px auto 50px;
	font-weight: bold;
	color:black;
}
/*.rogo_contact{
	height: 400px;
	width: 400px;
	margin: 0 auto;
	background-image: url("img/logo1.jpg");
	background-size: cover;
}*/

.access{
	font-size: 35px;
	font-family: "Meryo UI";
	color:#5B2E07;
	margin: 50px auto;
}

th{
	padding: 5px 15px;
	text-align: left;
	font-weight:lighter;
}
th:first-child{
	width: 25%;
}
.map{
	width: 95%;
	border-radius:90px;
	margin: 10px auto 20px;
	font-size:40px;
	line-height:1.6;
    position: relative;
    overflow: hidden;
    height: 570px;
}

.map iframe,
.map object,
.map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map span{
	color: red;
	font-weight:bold;
}

@media screen and (min-width: 1024px){
	#contact{
		padding:30px;
		margin:0 20px 40px;
	}
	.contact_en{
		font-size: 100px;
		font-family: "Meryo UI";
		margin: 50px auto;
	}

	.contact_detail{
		margin: 0px auto;
	}

	.access{
		width: 100%;
		font-size: 40px;
	}

	.map{
		width: 100%;
		margin: 10px auto 20px;
		font-size:40px;
		line-height:1.6;
	    position: relative;
	    height: 0;
	    overflow: hidden;
	    height: 550px;
	}

	.map iframe,
	.map object,
	.map embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	.map span{
		color: red;
		font-weight:bold;
	}

	.rogo_contact{
		height: 250px;
		width: 250px;
		margin: 0 auto;
		background-image: url("img/logo.jpg");
		background-size: cover;
	}
}
@media screen and (min-width: 1366px){
	#contact{
	width: 1300px;
		padding:30px 0;
		margin:0 auto 40px;
	}
	.contact_en{
		font-size: 100px;
		font-family: "Meryo UI";
		margin: 50px auto;
	}

	.contact_detail{
		float: left;
		width: 50%;
		margin: 0px auto;
	}

	.access{
		font-size: 27px;
	}

	.map{
		width: 90%;
		margin: 10px auto 0;
		border-radius: 20px;
		font-size:40px;
		line-height:1.6;
	    position: relative;
	    height: 0;
	    overflow: hidden;
	    height: 770px;
	}

	.map iframe,
	.map object,
	.map embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	.map span{
		color: red;
		font-weight:bold;
	}

	.rogo_contact{
		height: 250px;
		width: 250px;
		margin: 0 auto;
		background-image: url("img/logo.jpg");
		background-size: cover;
	}
}
.yobou{
	text-align: center;
}
.yobou >img{
	width: 500px;
}

@media screen and (min-width: 1366px){
.yobou{
	text-align: center;
}
.yobou >img{
	width: 30%;
	float: left;
	margin: 0 100px;
}
}
/* ------- CONATCT ここまで ------- */


/* ------- Footer ここから ------- */

/*#footer{
	width: 100%;
	height: 100%;
	background: linear-gradient(-90deg, #FF90AA, #FFE9A1);
}

#footer > p{
	font-size: 35px;
	font-weight: bold;
	text-align: right;
	margin: 0 15px 0 0 ;
	color: white;
}

.footer_main > img{
	width: 100px;
	float: left;
	padding-left: 6%;
	padding-top: 1%;
}

.footer_main > p{
	font-size: 30px;
	font-family: "Meryo UI";
	color: white;
	text-align: center;
	padding: 10px;
	margin:0;
}

@media screen and (min-width: 1366px) {
	.footer_main{
		width: 80%;
		padding:0 10%;
		text-align:center;
		margin:0 auto;
	}
}*/


/* ------- Footer ここまで ------- */


/* ========== class_ここまで ========== */




/* ========== ハンバーガーメニュー ========== */
.drawer-hamburger{
	width: 0 !important;
}
.drawer-menu-item{
    text-align:center;
    color:#5B2E07;
    font-size:45px;
    font-weight:bold;
    font-family:"Meryo UI";
    margin: 30px 30px 30px 5px;
}

.drawer-nav{
	background-color: #F3EFE4;
}

#menu_button{
	position: fixed;
	top: 0;
	height: 150px;
	width: 150px;
	margin: 15px 5px;
	background-image: url("img/menu_button3.png");
}

@media screen and (min-width: 1024px),(orientation:landscape){
	#menu_button{
		height: 90px;
		width: 90px;
		margin:5px;
		background-size: cover;
	}
}
/*ボタン装飾*/
#reservation{
	padding: 50px 0;
}

.button {
    display: block;
    position: relative;
    width: 50%;/*ボタンの幅*/
    padding: 30px 0;
    margin: 30px auto;
    background-color: #440000;/*ボタンの色*/
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);/*影の色(rgbaの値を変更)*/
    border-radius: 100px;
    font-weight: bold;
    font-size: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}
.button:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: none;
    -webkit-transform: translateY(3px);
}
.button::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    transition: 0.2s;
    animation: shiny-btn2 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn2 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media (max-width: 1023px){
	.button {
	    font-size: 50px;
	    border-radius: 50px;
	    margin: 10px auto;
	}
}
/* ------- ボタン装飾ここまで ------- */