@charset "utf-8";

.single article.category-exibition .entry-content ul,.single article.category-holding .entry-content ul,.single article.category-next .entry-content ul{
	float: right;
    text-align: right;
	margin-top: 30px;
}
.single article.category-exibition .entry-content ul li,.single article.category-holding .entry-content ul li,.single article.category-next .entry-content ul li{
	display:block;
	background: url(../img/next.png) no-repeat right center;
	background-size: 20px 20px;
    padding-right: 25px;
	margin-bottom: 3px;
}
.single article.category-exibition .entry-content ul li a,.single article.category-holding .entry-content ul li a,.single article.category-next .entry-content ul li a{
	color:#808080;
	text-decoration:none;
	vertical-align: middle;
}
.monthly-calendar caption{
	text-align:left;
	font-size: 14px;
}

.appearance.center{
	margin: 0 1.49%;
	text-align:left;
}
.reserve .table th p{
	margin-bottom: 0;
}

@media screen and (max-width: 1000px) {
	.about .right_wrap{
		width: 49%;
	}
	body.archive section{
		margin:0 15px;
		text-align:center;
	}
	body.archive section .entry-title{
		text-align:left;
	}
	body.archive section .entry-content{
		text-align:left;
	}
	.archive_img_box{
		margin: 20px;
	}
	.archive_img_box:nth-child(3n+1){
		margin-right:20px;
	}
}
@media screen and (max-width: 980px) {
	.header{
		margin:0 15px;
	}
	.sec01{
		margin:0 15px;
	}
	.sec02{
		margin:0 15px;
	}
	.sec03 .wrapper{
		margin:0 15px;
	}
	.sec04 .white_wrap{
		margin:0 15px;
	}
	.sec08 .about{
		margin:0 15px;
	}
	nav ul{
		display:none;
	}
	/*nav p.sp_logo{
		display:block;
	}*/
	nav a.menu{
		display:block;
	}
	nav.navigation{
		display:inherit;
	}
	.about .right_wrap img{
		top: -70px;
	}
	.sec10{
		margin:0 15px;
	}
	footer{
		margin:0 15px;
	}
	.page-id-1589 nav p.pc_logo{
		display:none;
	}
	.page-id-1589 nav p.sp_logo{
		display:inline-block;
	}
	.page-id-1589 nav{
		height:auto;
	}
}
@media screen and (max-width: 964px) {
	.archive_box.center{
		margin: 0 2.74%;
	}
	.appearance.center{
		margin: 0 2.74%;
	}
}

@media screen and (max-width: 780px) {
	.reserve{
		margin:0 15px;
	}
}
@media screen and (max-width: 730px) {
	.wrap.price{
		text-align:center;
	}
	.price .left_wrap{
		max-width: 300px;
	}
	.price .right_wrap{
		max-width: 300px;
		margin-left: 0;
	}
	.download{
		text-align:center;
	}
	.sec09 .access{
		margin:0 15px;
	}
	.single article{
		margin:0 15px!important;
	}
	.single nav.navigation{
		width: 90%;
		margin-bottom:30px;
	}
	.single .entry-content{
		margin-bottom:30px;
	}
	.post_box{
		margin:0 15px;
	}
	.post_box ul{
		padding-left: 20px;
	}
	.page-id-1589  .wrapper{
		margin:0 15px;
	}
}
@media screen and (max-width: 712px) {
	.archive_box.center{
		margin:0 auto 20px;
		display:block;
	}
	.archive_box{
		min-width:inherit;
		max-width:320px;
		width:100%;
		margin:auto;
		margin-bottom:20px;
		display:block;
	}
	.appearance{
		min-width:inherit;
		max-width:320px;
		width:100%;
		margin:auto;
		margin-bottom:20px;
		display:block;
	}
	.appearance.center{
		margin:0 auto 20px;
		display:block;
	}
}

@media screen and (max-width: 640px) {
	.home header{
	background:url(../img/sp/sp_header_bg.png) no-repeat;
	padding-bottom: calc(100%*1000/640);/* calc(100*ImageHeight/ImageWidth)% */
    background-size: 100% auto;
	}
	.ttl_rogo{
		width:63%;
	}
	.sp{
		display:block;
	}
	.exibition .left_wrap{
		width:100%;
	}
	.exibition .right_wrap h3{
		display:none;
	}
	.exibition .left_wrap h3{
		width: 100%;
		margin:auto;
		margin-bottom:15px;
	}
	.exibition .right_wrap{
		width:100%;
		margin-left: 0;
	}
	.exibition p span{
	display:inline;
	}
	.archive_box{
		width:100%;
	}
	.archive_box h4{
		max-width:100%;
		margin-bottom: 15px;
	}
	.list{
		margin-top:35px;
	}
	.sec02 .wrap.blog{
		margin-top:105px;
	}
	.appearance{
		width:100%;
	}
	.sec03{
		margin-top:70px;
	}
	.price .left_wrap{
		max-width:100%;
		margin-bottom: 10px;
	}
	.price .right_wrap{
		max-width:100%;
		margin-left:0;
	}
	.price span.fee{
		display:block;
		padding-left: 0;
	}
	.openhours_table{
		display:none;
	}
	.table_box p{
		margin: 0 10px;
		padding:10px 0;
		border-bottom:1px solid #fff;	
	}
	.table_box p:last-child{
		border-bottom:none;
		margin-bottom:10px;
	}
	.openhours .right_wrap{
		width:60%;
	}
	.openhours .right_wrap p{
		font-size:14px;
	}
	.equipment .left_wrap{
		width:100%;
	}
	.equipment .right_wrap{
		width:100%;
	}
	.equipment ul{
		width:100%;
	}
	.equipment p{
		margin:auto;
		margin-top:40px;
	}
	.download div{
		max-width: 80%;
		margin:auto;
		display:block;
		margin-bottom:20px;
	}
	.download div.center_img{
		margin:auto;
		margin-bottom:10px;
	}
	.reserve{
		margin:0 15px;
	}
	.reserve p span{
		display:block;
	}
	.reserve .table table{
		width: 100%;
		margin: auto;
	}
	.reserve .table td{
		border-bottom:none;
	}
	.reserve .table th span.arrow{
		left: 27%;
	}
	.reserve_cancel{
		margin-bottom:70px;
	}
	.reserve_cancel p span{
		display:inline;
	}
	.checklist p{
		margin-bottom:25px;
	}
	.reservation{
		margin-top:70px;
	}
	.reservation p{
		display:block;
		margin:10px 0;
		padding-left: 50px;
	}
	p.info_btn{
		width:100%;
		padding-left:0;
	}
	.about .left_wrap{
		width:100%;
	}
	.about .right_wrap{
		display:block;
		max-width:100%;
		width:100%;
		position:inherit;
		margin-top: -60px;
	}
	.about .right_wrap img{
		position:inherit;
		top:inherit;
		z-index:inherit;
	}
	.about{
		padding-bottom: 100px;
	}
	.access .left_wrap{
		width:100%;
		padding-bottom:20px;
	}
	.access .left_wrap.sp{
		display:block;
		width:100%;
	}
	.access .right_wrap{
		width:100%;
		margin-left:0;
		display:block;
	}
	.access .right_wrap table th{
		width:30%;
	}
	p.map_btn{
		max-width: 477px;
	}
	.access{
		padding-bottom:50px;
	}
	.sec07 .monthly-calendar{
		width:100%;
		margin:40px 0;
	}
	.contact_tel{
		padding: 10px 0 10px 7%;
	}
	.post_box{
		margin-top:30px;
		margin-bottom:30px;
	}
	.page-id-1589 .post_box{
		margin-top:60px;
	}
	.post_box .left_post{
		display:block;
		width:100%;
	}
	.post_box .right_post{
		display:block;
		width:100%;
		margin-top:30px;
	}
	.post_box ul{
		padding-left:40px;
	}
	.archive_img_box{
		margin:auto;
		min-width:inherit;
		max-width:320px;
		display:block;
		overflow:inherit;
		width:100%;
		margin-bottom:50px;
	}
	.archive_img_box .post-thumbnail img{
		width:100%;
		height:auto;
	}
	.archive_img_box .post-thumbnail{
		max-width:100%;
		height: auto;
		margin-bottom:20px;
	}
	.appearance {
		margin-bottom:20px;
	}
	.archive_box a img{
		width:inherit;
		height:inherit;
		max-height:100%;
		max-width: 100%;
	}
	.exibition .left_wrap a img{
		max-height:100%;
	}
	.appearance a img{
		width:inherit;
		height:inherit;
		max-height:100%;
		max-width: 100%;
	}
	.oosawa_btn{
		margin-top:0;
	}
	.archive_img_box:nth-child(3n+1){
		margin-right:auto;
	}
	.single article.category-exibition h1, .single article.category-blog h1,single h1.entry-title{
		font-size:24px;
	}
	
	.page-id-1589  .wrapper table{
		margin-bottom: 15%;
	}
	.page-id-1589 table td{
		display:block;
		width:100%;
	}
	.page-id-1589 table .ttl{
		padding:10px 0;
	}
	.page-id-1589 table .date{
		padding-top:20px;
	}
	.page-id-1589 table .date , .page-id-1589 table .cate{
		width: 100%;
	}
	.page-id-1589 table .cate{
		padding:0 0 20px;
	}
	.page-id-1589 .main_ttl h1{
		padding: 15% 0;
	}
	
	
}

@media screen and (max-width: 580px) {
	.reserve .table th span.arrow{
		left: 32%;
	}
}


@media screen and (max-width: 480px) {
	.openhours .right_wrap{
		width:72%;
	}
	.reserve .table th span.arrow{
		left: 40%;
	}
	.reserve .table td{
		padding-left: 5%;
	}
	.contact_tel{
		padding: 10px 0 10px 8%;
	}
	.about .right_wrap{
		margin-top: -40px;
	}
	
	.page-id-1589  .wrapper table{
		margin-bottom: 20%;
	}
}

@media screen and (max-width: 450px) {
}

@media screen and (max-width: 380px) {
	.contact_tel{
		padding: 10px 0 10px 13%;
	}
	body.archive .thumb_img{
		width: auto;
	}
}

