@charset "utf-8";

/* main_visual
---------------------------------------- */
#main_visual {
    width: 100%;
	padding:0;
	text-align:center;
}
#main_visual .swiper-container{
    width:100%;
	text-align: center;
}
#main_visual .swiper-container .swiper-wrapper {
    width:100%;
	text-align:center;
	overflow:hidden;
}
#main_visual .swiper-container .swiper-wrapper .swiper-slide{
	box-sizing: border-box;
	width: 100%;
	max-height: 700px;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 100% auto;
	position: relative;
}
#main_visual .swiper-container .swiper-wrapper .swiper-slide:before {
	content: "";
	display: block;
	padding-top: 62%;
}
#main_visual .swiper-container .swiper-wrapper .mv01{
	background-image: url("../common/img/mv1_photo.jpg");
	background-position: center center;
}
#main_visual .swiper-container .swiper-wrapper .mv02{
	background-image: url("../common/img/mv2_photo.jpg");
}
#main_visual .swiper-container .swiper-wrapper .mv03{
	background-image: url("../common/img/mv3_photo.jpg");
	background-position: center bottom;
}
/*
#main_visual .swiper-container .swiper-wrapper .swiper-slide img{
	position: absolute;
	z-index: 50;
}
#main_visual .swiper-container .swiper-wrapper .mv01 img{
	left:5%;
	top: 32%;
	width:372px;
}
#main_visual .swiper-container .swiper-wrapper .mv02 img{
	left: 2%;
	top: 47%;
	width:305px;
}
#main_visual .swiper-container .swiper-wrapper .mv03 img{
	left: 2%;
	top: 66%;
	width:371px;
}
*/
#main_visual .swiper-container .swiper-pagination{
	/* display: none; */
	bottom: 10px!important;
}

/*
@media screen and (max-width:1000px) {
	#main_visual {
		padding:0;
	}
	#main_visual .swiper-container{
		width: 100%;
		max-width: 1180px;
		text-align: center;
	}
	#main_visual .swiper-container .swiper-wrapper {
	}
	#main_visual .swiper-container .swiper-wrapper .swiper-slide {
		padding:0;
	}
}
*/

/*
@media screen and (max-width:600px) {
	#main_visual .swiper-container .swiper-wrapper .swiper-slide{
		min-height:245px;
		background-position: top center;
		background-size: cover;
	}
	#main_visual .swiper-container .swiper-pagination{
		bottom: 0px!important;
	}
}
*/


/* copy
---------------------------------------- */
#copy{
	text-align: center;
	margin: 40px 0 60px 0;
}
#copy img{
	margin: 0 auto;
	width:calc(100% - 40px);
	max-width:592px;
}

@media screen and (max-width:640px) {
	#copy{
		margin:20px 0 0px 0;
	}
}


/* gallery
---------------------------------------- */
#gallery{
	text-align: center;
	margin: 40px 0 70px 0;
}
#gallery p{
	width:calc(100% - 20px);
	text-align: center;
	margin: 0 auto 35px auto;
}
#gallery ul{
	margin: 0 auto;
	width:calc(100% - 30px);
	max-width:1000px;
}
#gallery ul li{
	float:left;
	width:23%;
	max-width:230px;
	margin: 0 1% 2% 1%;
}
#gallery ul li:nth-child(4){
	margin-right:0;
}
#gallery ul li img{
	width:100%;
}

@media screen and (max-width:640px) {
	#gallery{
		text-align: center;
		margin: 40px 0 30px 0;
	}
	#gallery p{
		margin: 0 auto 15px auto;
	}
}


/* menu
---------------------------------------- */
#menu{
	text-align: center;
	margin: 45px 0 50px 0;
}
#menu p{
	width:calc(100% - 40px);
	max-width:1120px;
	text-align: center;
	margin: 0 auto 35px auto;
}
#menu ul{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:880px;
}
#menu ul li{
	float:left;
	width:48%;
	max-width:410px;
}
#menu ul li:last-of-type{
	float:right;
}
#menu ul li img{
	width:100%;
}

@media screen and (max-width:640px) {
	#menu{
		margin: 30px 0 50px 0;
	}
	#menu p{
		margin: 0 auto 15px auto;
	}
	#menu ul{
		max-width:280px;
		width:calc(100% - 30px);
	}
	#menu ul li{
		float:none;
		width:100%;
		margin-bottom: 15px;
	}
	#menu ul li:last-of-type{
		float:none;
	}
	#menu ul li img{
		width:100%;
	}
}



/* info
---------------------------------------- */
#info {
	background: #ECECEC;
	padding: 50px 0 60px 0;
	margin-bottom:65px;
}
#info #info_inc{
	width:calc(100% - 60px);
	max-width:1000px;
	margin: 0 auto;
}

@media screen and (max-width:640px) {
	#info {
		padding: 30px 0 30px 0;
		margin-bottom:25px;
	}
	#info #info_inc{
		width:calc(100% - 50px);
		margin: 0 auto;
	}
}


/* news
---------------------------------------- */
#news {
	clear: both;
	width:100%;
	text-align: center;
	max-width:680px;
	float: left;
}
#news #news_inc{
	width:calc(100% - 0px);
	margin:0 0 15px 0;
	min-height: 242px;
	min-height: 270px;
}
#news h2.title{
	border-bottom:1px solid #CCC;
	padding-bottom:14px;
	margin-bottom:20px;
	text-align:left;
}
#news #news_inc dl{
	width:100%;
	padding:0px 0 10px 0;
}
#news #news_inc dl dt{
	font-size:14px;
	font-weight: bolder;
}
#news #news_inc dl dt span.date{
	display: inline-block;
	width: 110px;
}
#news #news_inc dl dt a{
	color:#333;
}
#news #news_inc dl dd{
	padding-top: 0px;
	padding-left: 110px;
	font-size:12px;
}
#news #news_inc span.head{
	color:#1A3179;
	padding-right: 4px;
}

@media screen and (max-width:800px){
	#news h2.title{
		padding-bottom:14px;
		margin-bottom:12px;
		text-align: center;
	}
	#news #news_inc{
		margin:0 0 35px 0;
		min-height: inherit;
	}
	#news #news_inc dl dt span.date{
		width:100%;
		font-size:13px;
		font-weight:bolder;
	}
	#news #news_inc dl dd{
		padding-left: 0px;
		font-size:15px;
	}
	#news #news_inc span.head{
		color:#1A3179;
		padding-right: 4px;
	}
}


/* calendar
---------------------------------------- */
#calendar {
	width:100%;
	max-width:260px;
	float:right;
	margin-bottom: 20px;
}
#calendar h2.title{
	border-bottom:1px solid #CCC;
	padding-bottom:14px;
	margin-bottom:20px;
	text-align:left;
}
#calendar #calendar_inc {
	background: #FFF;
}
.xo-event-calendar{
}
.xo-event-calendar:after {
}
.xo-event-calendar .xo-months{
	padding:15px 0px 0px 0px;
}
.xo-event-calendar .xo-months .xo-month-wrap{
	padding:0px 15px 20px 15px;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month{
	width:100%;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month td{
	padding:0;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month caption .month-header{
	text-align: center;
	font-weight: normal;
	padding-bottom:5px;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month thead{
	text-align: center;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month thead th{
	width:calc(100% / 7);
	font-weight: normal;
	font-size:11px;
	padding:3px 0 5px 0;
	line-height: 100%;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month thead th:last-of-type{
	border-right: none;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month thead th.saturday{
	color:#0F32D8;
	color:#D62537;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month thead th.sunday{
	color:#D62537;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month tbody table.month-dayname{
	box-sizing: border-box;
	width:100%;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month tbody table.month-dayname td{
	width:calc(100% / 7);
	/* border-top:1px solid #DDD; */
	border-right:1px solid #DDD;
	font-size:13px;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month tbody table.month-dayname td:last-of-type{
	border-right: none;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month tbody table.month-dayname td div{
	box-sizing: border-box;
	display: block;
	text-align: center;
	width:100%;
	padding:2px 0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-left:2px solid #FFF;
	border-right:2px solid #FFF;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month tbody table.month-dayname td div.today{
	border:1px solid #D62537;
}
.xo-event-calendar .xo-months .xo-month-wrap table.xo-month tbody table.month-dayname td div.other-month{
	color:#CCC;
}
.xo-event-calendar .holiday-titles{
	clear: both;
	width: 100%;
	padding: 0;
	display: none;
}
.xo-event-calendar .holiday-titles .holiday-title{
}
.xo-event-calendar .holiday-titles .holiday-title span{
	display: inline-block;
	width:17px;
	height:17px;
	margin-right: 7px;
	vertical-align: middle;
}
#calendar p.hanrei{
	margin: -5px 0 0 0;
	padding-bottom: 10px;
	text-align: center;
	font-size:13px;
}
#calendar p.hanrei span{
	color: #f9dcdf;
	padding-right:3px;
}

@media screen and (max-width:640px) {
	#calendar {
		max-width:inherit;
		float:none;
		margin-bottom:30px;
	}
	#calendar h2.title{
		border-bottom:none;
		padding-bottom:14px;
		margin-bottom:0px;
		text-align:center;
	}
	.xo-event-calendar .xo-months .xo-month-wrap table.xo-month{
	}
}


/* line
---------------------------------------- */
#line {
	box-sizing: border-box;
	width:100%;
	max-width:680px;
	float: left;
	background-color: #FFF;
	border-radius: 6px;
	padding:19px 25px 15px 25px;
}
#line h3{
	box-sizing: border-box;
	font-size:16px;
	font-weight: bolder;
	color:#00B733;
	width:100%;
	background-image: url("../common/img/icon_line.png");
	background-repeat: no-repeat;
	background-position: center left;
	background-size:30px auto;
	text-indent: 39px;
	height: 30px;
	padding-top:5px;
	margin:0 0 13px 0;
}
#line>p{
	font-size:12px;
	line-height: 150%;
	margin:0 0 0 2px;
	float: left;
	text-align: justify;
}
#line>p b{
	text-decoration: underline;
	font-weight: normal;
}
#line ul{
	float: right;
	margin-top: -2px;
}
#line ul li{
	float: left;
	padding:0 12px 0 0;
	border-right:1px dotted #CCC;
}
#line ul li:last-of-type{
	padding:0 0 0 12px;
	border-right:none;
}
#line ul li img{
	width:80px;
}
#line ul li p{
	width:100%;
	text-align: center;
	font-size:12px;
	padding-top:5px;
	line-height: 100%;
}

@media screen and (max-width:640px) {
	#line {
	}
	#line h3{
		box-sizing: border-box;
		font-size:15px;
		font-weight: bolder;
		color:#00B733;
		width:100%;
		background-size:44px auto;
		text-indent: 10px;
		padding:4px 0 0 45px;
		height: 44px;
		margin:0 0 10px 0;
		line-height: 130%;
	}
	#line>p{
		font-size:13px;
		margin:0 0 20px 0;
	}
	#line a.green{
		margin-bottom:15px;
		background-color:#00B733;
	}
}


/* access
---------------------------------------- */
#access {
	width:calc(100% - 50px);
	max-width:700px;
	margin: 0 auto;
}
#access h2.title{
	margin-bottom: 35px;
}
#access img.map{
	width:100%;
	margin-bottom: 15px;
}
#access h4{
	text-align: center;
	margin-bottom: 5px;
	font-size:16px;
	font-weight: normal;
}
#access p{
	text-align: center;
	margin-bottom:20px;
	font-size:14px;
}
#access a.btn{
	text-align: center;
}

@media screen and (max-width:640px) {
	#access {
		width:calc(100% - 50px);
		max-width:700px;
		margin: 50px auto 0 auto;
	}
	#access h2.title{
		margin-bottom:25px;
	}
	#access img.map{
		margin-bottom: 15px;
	}
	#access h4{
	}
	#access p{
		text-align: center;
		margin-bottom:25px;
		font-size:14px;
	}
	#access a.btn{
		text-align: center;
	}
}