@charset "UTF-8";
@media screen and (max-width: 640px){
	.entry_form{
	margin-top:20px;
	width:100%;
	height:auto;
	background:
		url(../../img/reserve_bottom_l_sp.png) bottom left no-repeat,
		url(../../img/reserve_bottom_r_sp.png) bottom right no-repeat,
		url(../../img/reserve_top_r.png) top right no-repeat,
		url(../../img/reserve_top_l.png) top left no-repeat,
		url(../../img/reserve_left.png) left repeat-y,
		url(../../img/reserve_right.png) right repeat-y,
		url(../../img/reserve_top.png) top repeat-x,
		url(../../img/reserve_bottom.png) bottom repeat-x,
		url(../../img/reserve_back.jpg) top no-repeat;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}
.reserve_title{
	text-align: center;
	width: 100%;
	margin: 20px 0 0 0;
	}	
.entry_table{
	margin:0 auto;
	margin-top:10px;
	width:86%;
}
.entry_table td{
	display: block;
	width: 100%;
	padding: 0 0 10px 0;
}
.entry_table td.btn{
	width: 100%;
	text-align: center;
}
.entry_table td p{
	margin: 0 10px 5px 0;
	float: left;
}
.entry_table td p.year{
	margin: 0 10px 5px 0;
	float: none;
}	
.entry_table td img{
	padding: 5px 0 0 0;
}
#btSubmit{
		width: 100%;
	text-align: center;
	}	


	.reserve_tel{
		margin: 30px 0 0 0;
		width: 100%
	}
	.reserve_tel img{
		width: 100%
	}	
.topics{
	position: relative;
}

ul.banner_left{
	float: none;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}
ul.banner_left li{
	margin-bottom: 10px;
}
ul.banner_left li img{
	width: 100%;
}	
ul.banner_right{
	float: none;
	width: 100%;
}
ul.banner_right li img{
	width: 100%;
}
ul.banner_right li:nth-child(odd){
	padding: 0 5px 10px 0;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
ul.banner_right li:nth-child(even){
	padding: 0 0 10px 5px;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.wi-fi{
	padding:10px;
	margin:0 0 20px 0;
	border:1px solid #ccc;
	height:auto;
	width:100%;
	background: #FFF;
	box-sizing: border-box;
}
.wi-fi img{
	float:left;
	margin-right:5px;
	width: 30px;
	height: auto;
}

.wi-fi_2{
	padding:10px;
	margin:0 0 20px 0;
	border:1px solid #ccc;
	height:auto;
	width:100%;
	background: #FFF;
	box-sizing: border-box;
}
.wi-fi_2 img{
	float:left;
	margin-right:5px;
	width: 30px;
	height: auto;
}
	
.wi-fi_3{
	padding:10px;
	margin:0 0 20px 0;
	border:1px solid #ccc;
	height:auto;
	width:100%;
	background: #FFF;
	box-sizing: border-box;
}
.wi-fi_3 img{
	float:left;
	margin-right:5px;
	width: 30px;
	height: auto;
}	
.wi-fi_4{
	width:100%!important;
	padding:10px;
	margin:0 0 20px 0;
	border:1px solid #ccc;
	background: #FFF;
	box-sizing: border-box;
}
.wi-fi_4 img{
	float:left;
	margin-right:5px;
	width: 30px;
	height: auto;
}		
	
.info_pdf{
	padding:10px;
	border:1px solid #ccc;
	width:100%!important;
	box-sizing: border-box;
	vertical-align: middle;
	display: block;
	text-align: center;
	background:url(../../img/right_menu_arrow.jpg) no-repeat center left 15px #FFF;
	margin:0 0 20px 0;
}

	.info_pdf a{
	box-sizing: border-box;
	vertical-align: middle;
		color: #333;
}
	
	
	
	
	.banner_cake{
	margin:0 0 20px 0;
		width: 100%;
}
	.banner_cake img{
		width: 100%;
}	
#information {
	margin: 0 0 20px 0;
}
#information ul li:nth-child(odd){
	float: left;
	width: 50%;
	padding: 0 5px 0 0;
	box-sizing: border-box;
	}
#information ul li:nth-child(even){
	float: right;
	width: 50%;
	padding: 0 0 0 5px;
	box-sizing: border-box;
}
	
#information2 {
	margin: 0 0 10px 0;
	width: 100%;
}
#information2 ul{
	display: flex;
	flex-wrap: wrap;
	}
#information2 ul li:nth-child(odd){
	width: 50%;
	padding: 0 5px 0 0;
	box-sizing: border-box;
	}
#information2 ul li:nth-child(even){
	width: 50%;
	padding: 0 0 0 5px;
	box-sizing: border-box;
}
#information2 ul li img{
		width: 100%;
	}
	
	
	
#top_pamphlet {
	margin: 0 0 20px 0;
	width: 100%;
}
#top_pamphlet ul{
	display: flex;
	flex-wrap: wrap;
	}
#top_pamphlet ul li{
	width: 49%;
	margin: 0 0.5% 2%;
	text-align: center;
	}
#top_pamphlet ul li img{
	width: auto;
	height: 130px;
	margin: 0 0 10px 0;
	border: 1px solid #efefef;
	}
#top_pamphlet ul li .ic_pdf{
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	padding: 0 0 0 18px;
	background: url("../../img/ic_pdf.png") no-repeat left;
	}
	
	
	
.right_menu_box{
	width:100%;
	margin-top:0;
	float:none;
	padding: 0 ;
	box-sizing: border-box;
}
.right_menu{
	background-color:#FAFAFA;
	margin-bottom:20px;
	padding: 10px 0;
}
.right_menu li{
	background:url(../../img/right_menu_arrow.jpg) no-repeat center left;
	padding-left:15px;
	margin-left:5px;
	margin-top:5px;
	width: 48%;
	float: left;
	box-sizing: border-box;
	font-size: 10px;
}
.page_top{
	text-align:right;
	margin: 30px 0 0 0;
}
	
ul.top_news0{
	margin: 0 0 10px 0;
	width: 50%;
	float: left;
	padding: 0 5px 0 0;
	box-sizing: border-box;
	}	
.top_news0_right{
	margin: 0 0 10px 0;
	width: 50%;
	float: left;
	padding: 0 0 0 5px;
	box-sizing: border-box;
	}	
	
}

@media screen and (min-width: 641px){
.entry_form{
	margin-top:20px;
	width:920px;
	height:122px;
	background:url(../../img/reserve_title.png) top center no-repeat,
		url(../../img/reserve_bottom_l.png) bottom left no-repeat,
		url(../../img/reserve_bottom_r.png) bottom right no-repeat,
		url(../../img/reserve_top_r.png) top right no-repeat,
		url(../../img/reserve_top_l.png) top left no-repeat,
		url(../../img/reserve_left.png) left repeat-y,
		url(../../img/reserve_right.png) right repeat-y,
		url(../../img/reserve_top.png) top repeat-x,
		url(../../img/reserve_bottom.png) bottom repeat-x,
		url(../../img/reserve_back.jpg) top no-repeat;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}
.entry_table{
	display:block;
	margin:0 auto;
	margin-top:50px;
	width:850px;
}
.entry_table td{
	padding-left:10px;
}

.topics{
	position: relative;
	width: 670px;
}

ul.banner_left{
	float: left;
	width: 395px;
}
ul.banner_left li{
	margin-bottom: 50px;
}
ul.banner_right{
	width: 100%;
}
ul.banner_right li:nth-child(odd){
	margin: 0 0 10px 0;
	float: left;
}
ul.banner_right li:nth-child(even){
	margin: 0 0 10px 0;
	float: right;
}
	
ul.banner_info{
	width: 100%;
	margin: 20px 0;
}
ul.banner_info li:nth-child(odd){
	float: left;
	width: 50%;
	padding: 0 13px 0 0;
	box-sizing: border-box;
}
ul.banner_info li:nth-child(even){
	float: right;
	width: 50%;
	padding: 0 0 0 13px;
	box-sizing: border-box;
}	
	
.wi-fi{
	padding:4px;
	margin:0 0 20px 0;
	border:1px solid #ccc;
	height:52px;
	width:385px;
	background: #FFF;
}
.wi-fi img{
	float:left;
	margin-right:5px;
}

.wi-fi_2{
	position: absolute;
	top:280px;
	padding:4px;
	margin-right:10px;
	border:1px solid #ccc;
	height:52px;
	width:385px;
	background: #FFF;
}
.wi-fi_2 img{
	float:left;
	margin-right:5px;
}
.wi-fi_3{
	padding:4px;
	margin-right:10px;
	border:1px solid #ccc;
	height:52px;
	width:385px;
	background: #FFF;
	margin: 20px 0 20px 0;
}
.wi-fi_3 img{
	float:left;
	margin-right:5px;
}	
	
	
.wi-fi_4{
	padding:5px;
	border:1px solid #ccc;
	width:100%;
	height: 80px;
	background: #FFF;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
.wi-fi_4 img{
	float:left;
	margin-right:5px;
}	
	
.info_pdf{
	padding:4px;
	border:1px solid #ccc;
	width:100%!important;
	height: 80px;
	box-sizing: border-box;
	vertical-align: middle;
	display: block;
	text-align: center;
	background:url(../../img/right_menu_arrow.jpg) no-repeat center left 15px;
}

	.info_pdf a{
	width:300px;
	height: 78px;
	box-sizing: border-box;
	vertical-align: middle;
	display: table-cell;
		color: #333;
}
	
.banner_cake{
	position: absolute;
	top:272px;
	background: #FFF;
	text-align: center;
}
	
#information {
	margin: 0 0 50px 0;
}
#information ul li:nth-child(odd){
	float: left;
}
#information ul li:nth-child(even){
	float: right;
}
	
#information2 {
	margin: 0 0 10px 0;
	width: 100%;
}
#information2 ul{
	display: flex;
	flex-wrap: wrap;
	}
#information2 ul li{
	width: 32%;
	}
#information2 ul li:nth-child(2),#information2 ul li:nth-child(5){
	width: 32%;
	margin: 0 2%;
	}
#information2 ul li img{
	width: 100%;
	}
	
	
	
#top_pamphlet {
	margin: 0 0 50px 0;
	width: 100%;
}
#top_pamphlet ul{
	display: flex;
	flex-wrap: wrap;
	}
#top_pamphlet ul li{
	width: 19%;
	margin: 0 0.5%;
	text-align: center;
	}
#top_pamphlet ul li img{
	width: auto;
	height: 200px;
	margin: 0 0 10px 0;
	border: 1px solid #efefef;
	}
#top_pamphlet ul li .ic_pdf{
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	padding: 0 0 0 18px;
	background: url("../../img/ic_pdf.png") no-repeat left;
	}

	
	
.right_menu_box{
	width:220px;
	margin-top:20px;
	float:right;
}
.right_menu{
	background-color:#FAFAFA;
	margin-bottom:20px;
}
.right_menu li{
	background:url(../../img/right_menu_arrow.jpg) no-repeat center left;
	padding-left:15px;
	margin-left:10px;
	margin-top:5px;
}
.right_menu li a:link    {text-decoration: none;      color: #666666;}
.right_menu li a:visited {text-decoration: none;      color: #666666;}
.right_menu li a:hover   {text-decoration: underline; color: #666666;}

.page_top{
	text-align:right;
}

#monthTop{
	width:40px;
}
#dayTop{
	width:40px;
}
}