.mv {
	width: 100%;
	height: 550px;
	position: relative;
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
}
.mv .ph {
	background: url("../images/open/mv.jpg") no-repeat center;
	background-size: cover;
	position: relative;
	width: 60%;
}
.mv .ttl-img {
	width: 40%;
	background-color: #EDBB52;
	position: relative;
}
.mv .ttl-img img {
	display: block;
	position: absolute;
	left: 0;
	bottom: -30px;
	width: 100%;
	max-width: 700px;
}
.mv .ttl_style01 {
	color: #fff;
	font-size: 180%;
	font-weight: 600;
	position: absolute;
	letter-spacing: 2px;
	top: 50%;
	left: 4%;
	transform: translate(0%, -50%);
}
.mv ul {
	list-style: none;
	color: #fff;
	position: absolute;
	right: 3%;
	bottom: 4%;
}
.mv li {
	text-align: right;
	border-bottom: #fff 1px solid;
	font-size: 1.3em;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 10px;
}
#open {
	max-width: 1200px;
	width: 90%;
	margin: 0px auto 60px;
	display: flex;
	justify-content: space-between;
}
#open .left {
	width: 65%;
}
#open .right {
	width: 30%;
	position: relative;
	background-color: #f3f3f3;
}
.ttl_style2 {
	font-size: 1.8em;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 50px;
	text-align: center;
}
#open .day {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 20px;
}
#open .day p {
	font-size: 3em;
	font-weight: 600;
	line-height: 1.5em;
	margin-right: 6%;
}
#open .day p strong {
	display: inline-block;
	font-size: 2em;
}
#open .day p .time {
	display: block;
	letter-spacing: 3px;
	font-weight: 500;
}
#open .left > p {
	margin-bottom: 30px;
}
#open .cap {
	font-size: 12px;
}
#open .cap li {
	padding-left:1em;
	text-indent:-1em;
}
#open .right .btn {
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	background: url("../images/open/arrow.png") no-repeat right 20px center;
	background-size: 20px;
	background-color: #EDBB52;
	color: #fff;
	border-radius: 8px;
	font-weight: 500;
	font-size: 1.8em;
	letter-spacing: 4px;
	
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#open .right .btn span {
	display: block;
	text-align: center;
	font-size: 14px;
}
#open .right .btn:hover {
	background-color: #EDAF52;
}
@media only screen and ( max-width : 1200px ) {
	.mv {
        height: 450px;
    }
	.mv .ttl-img img {
        bottom: -10px;
        width: 100%;
    }
    .mv .ttl_style01 {
        top: 10%;
    }
	.mv li {
        font-size: 1.2em;
        padding: 5px 10px;
    }
	#open .left {
        width: 50%;
    }
    #open .right {
        width: 45%;
    }
	#open .day {
        display: block;
        margin-bottom: 20px;
    }
    #open .day p {
        margin-right: 0;
		margin-bottom: 30px;
		text-align: center;
    }
	#open .day p .time {
		text-align: center;
	}
}
@media only screen and ( max-width : 780px ) {
	#open {
        display: block;
    }
    #open .left {
        width: 100%;
		margin-bottom: 30px;
    }
    #open .right {
        width: 100%;
		height: 200px;
    }
}
@media only screen and ( max-width : 500px ) {
	.mv {
		display: block;
        height: 400px;
        margin-bottom: 30px;
    }
    .mv .ph {
        width: 100%;
		height: 400px;
    }
    .mv .ttl-img {
		display: none;
    }
	.mv ul {
		width: 90%;
		right: 5%;
		bottom: 5%;
		background-color: rgba(237,187,82,.9);
		padding: 10px 20px;
	}
	.mv li {
        font-size: 1.2em;
        padding: 4px 0px;
		border-bottom: rgba(255,255,255,.6) 1px solid;
    }
	.mv li:last-child {
		border-bottom: none;
    }
	.ttl_style2 {
        font-size: 1.2em;
        margin-bottom: 30px;
    }
	#open {
        margin: 0px auto 20px;
    }
	#open .day {
        margin-bottom: 20px;
    }
    #open .day p {
        font-size: 2.2em;
        line-height: 1.4em;
    }
    #open .day p strong {
        font-size: 2em;
    }
    #open .day p .time {
        display: block;
        letter-spacing: 3px;
        font-weight: 600;
    }
	#open .right {
		height: 160px;
    }
	#open .right .btn {
		font-size: 1.4em;
		line-height: 120%;
	}
}