@charset "UTF-8";
/* CSS Document */

/*===============================================
style.css 画面の横幅が951px以上
===============================================*/


@import "../../../files/css/common/layout01pc.css";


	/*以下、画面の横幅が951pxまでの場合のスタイル記入*/


	/*=================================*/
	/*Layout*/
	/*=================================*/



	#wrapper #wrapper_background #contents .contentWrap .leftContents .title_bg{
	background:url(../img/ttl_bg.jpg)no-repeat;
	width: 190px;
	height: 25px;
	padding-left: 10px;
	padding-top: 3px;
	font-weight: bold;
	margin:20px 0 15px 0;
	}

.event_box{
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
	.event_box{
		margin-bottom: 10vw;
	}
}

.event_box .title{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: 1px solid #999;
}

.event_box .title span{
	font-size: 1.1em;
	font-weight: bold;
	color:#900;
}

.event_box .day{
	margin-bottom: 5px;
	padding: 0 0 0 15px;
}
@media screen and (max-width: 767px) {
	.event_box .day{
		padding: 0;
	}
}

.event_box .day span{
	font-weight: bold;
	color:#560000;
}

.event_box .box{}

.event_box .box .boxL{
	width:320px;
	float: left;
}
@media screen and (max-width: 767px) {
	.event_box .box .boxL{
		width:100%;
	}
}

.event_box .box .boxR{
	width: 320px;
	float: right;
}
@media screen and (max-width: 767px) {
	.event_box .box .boxR{
		width: 100%;
	}
	.event_box .box .boxR a img{
		width: 100%;
		height: 100%;
	}
	.event_box dl dd{
		margin-left: 0;
	}
}

.event_box .box .boxL .lineBottom{
	padding-bottom: 15px;
}

	.infomation {
		padding: 10px 10px 15px 15px;
		background: #eee;
	}
	.infomation span {
		padding: 0 0 10px 0;
		font-weight: bold;
		color:#560000;
	}
	.linkout {
		display: block;
		width: 648px;
		font-weight: bold;
		color: #900;
		margin: 10px 0 0 0;
		padding: 5px;
		border: 1px solid #ebb;
		background-color: #fec;
	}
	@media screen and (max-width: 767px) {
		.infomation {
			margin-bottom: 20px;
		}
	}

			#wrapper #contents .contentWrap .leftContents .gyoji{
				margin-bottom: 100px;
			}


			#wrapper #contents .contentWrap .leftContents .gyoji dl{
				border-bottom: 1px #333 dotted;
				margin-top: 10px;
				padding-bottom: 10px;
			}

			#wrapper #contents .contentWrap .leftContents .gyoji dl dt{
				width: 60px;
				float: left;
				font-size: 1.3em;
				font-weight: bold;
				color: #900;
			}

			#wrapper #contents .contentWrap .leftContents .gyoji dl dd{
				width: 505px;
				padding-left: 40px;
			}





.plan{
	border: 1px solid #000;
	margin-bottom:5rem;
}
.plan img{
	width:100%;
}
.plan h4{
	margin-top:0;
}
.plan .lead{
	padding: 0 2rem;
	margin-top: -1rem;
	margin-bottom: 1rem;
}
.plan .date{
	padding:0 2rem;
	font-weight: bold;
}
.plan dl {
	padding:0 2rem;
}
.plan dl dt{
	font-weight: bold;
	border: 1px solid #000;
	display: inline-block;
	padding: 0.2rem 0.75rem;
	margin: 1rem 0 0.5rem;
}
.plan dl dd{
	margin-left:0;
}
.plan dl dd a{
	border-bottom:1px solid #000;
}
.plan .btn{
	display: flex;
	flex-wrap: wrap;
	margin: 1rem 0 2rem;
	padding: 0 2rem;
	justify-content: space-between;
}
.plan .btn:after{
	content:none;
}
.plan .btn a{
	width: 48%;
	text-align: center;
	background: #da5800;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.5rem 1rem;
	box-sizing: border-box;
	color: #fff !important;
	transition:.3s;
	border-radius: 10px;
	font-weight: bold;
}
.plan .btn a:hover{
	background: #c71700;
}


.special_event{
    background: #f0f4da;
    padding: 4%;
}
.special_event .box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.special_event .box .boxL {
    width: 48%;
    float: none;
}
.special_event .box .boxR {
    width: 46%;
    float:none;
}
.special_event .box .boxR img{
    height: auto;
    width: 100%;
}
.special_event .box .day {
    padding: 0 0 0 0;
}
.special_event .box .btn {
    background: #639632;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    transition: .3s;
}
.special_event .box .btn:nth-child(3) {
    margin-top: 15px;
}
.special_event .box .btn:hover {
    background: #50792a;
}
@media screen and (max-width: 767px) {
    .special_event .box .boxL,
    .special_event .box .boxR {
        width: 100%;
    }
}


.reserve_info {
	padding: 15px;
	background: #fff1c7;
	margin-top: 20px;
	text-align: center;
}
.reserve_info .headline{
	font-size: 16px;
    font-weight: bold;
    color: #560000;
	margin-bottom: 4px;
}
#contents .contentWrap .reserve_info .btn {
	color: #fff;
	background-color: #253bc2;
    display: inline-block;
    font-size: 18px;
    padding: 8px 28px;
    margin-top: 12px;
	border-radius: 27px;
	transition: all 0.3s;
}
#contents .contentWrap .reserve_info .btn:hover{
	background-color: #16247a;
}
#contents .contentWrap .reserve_info.morning .btn {
	color: #fff;
	background-color: #d45600;
}
#contents .contentWrap .reserve_info.morning .btn:hover{
	background-color: #ff8800;
}

@media screen and (max-width: 767px) {
	#contents .contentWrap .reserve_info .btn {
		font-size: 16px;
	}
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		clear: both;
		margin-bottom: 20%;
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
}