@charset "utf-8";
/* ===================================
CONTAINER
=================================== */
	#mainContent {
		padding-bottom: 20px;
		margin-bottom: 0
	}
@media only screen and (max-width:960px) {
	#mainContent {
		padding-bottom: 20px;
		margin-bottom: 0;
	}
}

/* ===================================
main
=================================== */

.main{
	background: #151d16;
}

.main .inner{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.main .slider {
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		position: relative;
	}
	.main .slider .opening{
		position: absolute;
		z-index: 10;
	}
	.main .slider .opening img{
		max-width: 100%;
		height: auto;
	}
	.main .slider .caption {
		position: absolute;
		right: 10px;
		bottom: 10px;
		color: #fff;
		font-size: 10px;
		letter-spacing: .05em;
	}
	.main li .sp {
		display: none;
	}
	.main .flex-control-nav {
		width: 100%;
		position: absolute;
		bottom: 20px;
		text-align: center;
		z-index: 10;
		display: none;
	}
	.main .flex-control-nav li {
		text-indent: -9999em;
		display: inline-block;
		margin-left: 15px;
	}
	.main .flex-control-nav li:first-child {
		margin-left: 0;
	}
	.main .flex-control-nav li a {
		display: block;
		background-color: #999;
		width: 14px;
		height: 14px;
		border-radius: 50%;
	}
	.main .flex-control-nav li a.flex-active {
		background-color: #333;
	}
	.main .top-visual {
		position: relative;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		overflow: hidden;
	}
	.main .top-video {
		width: 100%;
		max-width: 1300px;
		position: relative;
		z-index: 0;
		margin: auto;
	}
	/*.main .top-video:before {
		content: "";
		display: block;
		padding-top: 50%;
	}*/
	.main .top-video .videoHeight {
		height: 645px;
		padding-top: 0;
	}
	.main .top-video #player {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		/*top: 50%;
		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);*/
	}
	.main .top-video .btn-skip a {
		position: absolute;
    bottom: 15px;
    right: 15px;
    width: 130px;
    background: #333;
    padding: 10px 0;
		box-sizing: border-box;
		display: block;
    color: #fff;
    cursor: pointer;
    text-align: center;
    z-index: 20;

	}
	.main .top-video .btn-skip a {
	}
	.main .top-image {
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}
	.main .top-image .top-image-pc {
		display: none;
		text-align: center;
		position: relative;
		width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
	}
	.main .top-image .btn-replay {
		position: absolute;
    bottom: 15px;
    right: 15px;
    width: 150px;
		background: #333;
    padding: 8px 0 10px;
		box-sizing: border-box;
    background: #333;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    /* z-index: 20; */

	}
	.main .top-image-pc > img {
		width: 100%;
		max-width: 1300px;
	}
	.main .top-image .maintext {
		position: absolute;
		top: 6%;
		left: 50%;
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.btn-replay {

}

@media only screen and (max-width:978px) {
	.main .top-video .btn-skip {
		width: 100%;
		max-width: 978px;
		position: absolute;
		left: 0%;
		top: 50%;
		margin-left: 0px;
		margin-top: -27%;
		z-index: 9999;
		text-align: right;
	}
}
@media only screen and (max-width:640px) {
	.main .top-image .maintext {
		width: 83.75%;
	}
	/*.main .top-video:before {
		content: "";
		display: block;
		padding-top: 100%;
	}*/
	.main .top-video .videoHeight {
		height: 0;
		padding-top: 73%;
	}
}
@media only screen and (max-width:640px) {
	.main li .pc {
		display: none;
	}
	.main li .sp {
		display: inline;
	}
}
/* ===================================
obiArea
=================================== */
	.obiArea {
		background: linear-gradient(to right, #bbb992 20%,#e8e7cd 50%,#bbb992 80%);
		text-align: center;
		padding-top: 18px;
		padding-bottom: 18px;
		text-align: center;
	}
@media only screen and (max-width:640px) {
	.obiArea {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.obiArea .altText {
		color: #000;
		font-size: 20px;
	}
	.obiArea .altText > span {
		margin-top: 3px;
		font-size: 10px;
	}
	.obiArea p{
		line-height: 1.4;
	}
}
/* ===================================
info
=================================== */
	#info {
		display: flex;
		align-items: center;
		padding-top: 50px;
		padding-bottom: 80px;
	}
	#info .infoTtl {
		padding-bottom: 6px;
		color: #a59468;
		padding-right: 30px;
		border-right: 1px solid #8a9238;
		margin-right: 30px;
	}
	#info .infoTxt {
		-webkit-flex: 1;
		flex: 1;
	}
	#info .infoTxt .infotxtInner {
		overflow: auto;
		overflow-y: auto;
		overflow-x: hidden;
		line-height: 28px;
		max-height: 110px;
		color: #000;
	}
	#info .infoTxt .infotxtInner span {
		color: #000;
		margin-right: 30px;

	}
@media only screen and (max-width:960px) {
	#info {
		font-size: 12px;
	}
	#info .infoTtl {
		font-size: 18px;
		border-right:none;
		padding:0 0 0px 0;
		margin-bottom: 5px;
		border-bottom: 1px solid #8a9238;
		margin-right: 0;

	}
	#info .infoTtl h3 {
		padding-left: 0px;
		color: #8a9238;
	}
}
@media only screen and (max-width:640px) {
	#info {
		display: block;
		padding-top: 20px;
		padding-bottom: 40px;
	}
	#info .infoTxt {
		padding-left: 0px;

	}
	#info .infoTxt .infotxtInner {
		height: auto;
		overflow-x: auto;
	}
	#info .infoTxt .infotxtInner span {
		margin-right: 15px;
	}
}

/* bnr */
.bnr {
	margin-top: 10px;
	/*---margin-bottom: 100px;---*/
	text-align: center;
}
@media only screen and (max-width: 640px) {
	.bnr {
		margin-bottom: 50px;
	}
}

.bnrArea {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

@media only screen and (max-width:640px) {
	.bnrArea {
		display: block;
		text-align: center;
		margin-bottom: 40px;
	}
}


/*オリコンバナー*/
@media only screen and (max-width:640px) {
	.bnr_pc{
		display: none !important;;
	}
	.bnr_sp{
		display: block !important;;
	}
}
.bnr_pc{
	display: flex;
    /*background-color: #151d16;*/
		background: #FFF;
    justify-content: center;
}
.bnr_sp{
	display: none;
}
.ft_bnrArea{
	background-color: #151d16;
	display: flex;
    justify-content: center;
}
.bnr_pc .ft_bnrArea_a{
    padding-top: 31px;
}
.bnr_pc .ft_bnrArea_b{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
}
.bnr_sp .ft_bnrArea_a{
	background-color: #151d16;
	display: flex;
	justify-content: center;
	padding-top: 30px;
}
.bnr_sp .ft_bnrArea_b{
	background-color: #151d16;
	display: flex;
	justify-content: center;
	padding-top: 10px;
	padding-bottom: 30px;
}
.ft_bnrAreas{
}

/*オリコンバナー*/