/*********************************************
books-present.css
*********************************************/

.o-kokuchi-mvo-2{
	background-image: url(../img/top-book-mv-bk.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	margin: 0 auto;
	width:100%;
	box-sizing: border-box;
	padding: 5% 5%;
}

.o-book-prs-b{
	margin-bottom: 0;
}

.o-book-mvib{
	margin: 0;
	background: rgba(182,170,0,.1);
	justify-content: space-between;
	padding: 25px 20px 25px 20px;
}

.o-book-mv-ob img{
	display: block;
	margin: 0 auto;
}

.o-book-mv-ib{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-top: 5px;
}

.o-book-mv-ob{
	width: 100%;
	margin-bottom: 30px;
}

.o-book-mv-ib iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 576px){
.o-kokuchi-mvo-2{
	padding: 30px 30px;
}

}



@media (min-width: 768px){
.o-book-mv-ob{
	width: 48.5%;
	margin: 0;
}
}



@media (orientation: landscape) and (max-width: 767px){

}

@media (orientation: landscape) and (max-width: 991px){

}


@media (min-width: 992px){
.o-kokuchi-mvo-2{
	max-width: 98%;
}
}



@media (min-width: 1025px){

}

@media (min-width: 1100px){

}



@media (min-width: 1200px){

}