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

.swiper-container{
	min-width:100% !important;
	min-height:100% !important;
}

.swiper-slide{
	min-width:100% !important;
	min-height:100% !important;
}

.swiper-pagination{
	text-align:right !important;
	width:96% !important;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet{
	margin:0 0 0 5px !important;
}

.swiper-pagination-bullet{
	width:6px !important;
	height:6px !important;
}
.swiper-pagination-bullet-active{
	background:#000 !important;
}

.swiper-container-horizontal > .swiper-pagination{
	bottom:20px;
}

.swiper-slide a{
	display:block;
	min-width:100%;
	min-height:100%;
	background-size:cover !important;
	background-position: center center !important;
	text-align:left;
}

.top_book_info{
	width:220px;
	position: relative;
	  top: 48%;
	  -webkit-transform: translateY(-50%); /* Safari用 */
	  transform: translateY(-50%);
	  left:4.2%;
}

.top_book_info .book1{
	font-weight:600;
	padding-bottom:3px;
	font-size:10px;
}
.top_book_info .book2{
	font-weight:600;
	font-size:18px;
	padding-bottom:8px;
	line-height:1em;
}
.top_book_info .book3{
	font-size:9px;
}
.top_book_info .book4{
	font-size:9px;
}


#swiper-slide1 a{
	background: url(../img/mode_book_0021.png);
}

#swiper-slide2 a{
	background: url(../book/02/data/modes_book_0020_s03.jpg);
}

#swiper-slide3 a{
	background: url(../img/mode_book_0009_s2.jpg);
}

#swiper-slide5 a{
	background: url(../img/mode_book_0009_s5.jpg);
}


#swiper-slide4{
	position: relative;
}

#video_outer{
		position: absolute;
		width:100%;
	}
	
	/*#video_outer video{
		height: auto;
		left: 50%;
		margin-right: -50%;
		min-height: 100%;
		min-width: 100%;
		padding: 50px;
		position: fixed;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}*/


#scroll{
	width:100%;
	height:60px;
	padding-top:31px;
}



#vimeo_div{
	width:100%;
	display:block;
	margin-top:0px;
	margin-bottom:50px;
}


iframe{
	width:100% !important;
	position:relative;
}

.book_div_movie{
	width:600px;
	height:600px;
	margin:0 0px 50px 0;
	overflow:hidden;
	
}




/* ///////////////////////////////////////////////////////////////////


/////////////////////////////////////////////////////////////////// */


#top_book_index{
	width:90%;
	margin:0 auto;
	text-align:left;
	padding-bottom:120px;
}

#top_book_index h3{
	font-size:20px;
	text-align:center;
	font-weight:600;
	margin:0;
	padding:40px 0 40px;
}

div.top_book_index_box {
	width:48%;
	float:right;
}

div.top_book_index_box:nth-child(even) {
	width:48%;
	float:left;
}

div.top_book_index_box a {
}

div.top_book_index_box a img {
	width:100%;
	height:auto;
}


div.top_book_index_box a div.top_book_detail1 {
	font-size:7px;
	font-weight:800;
	padding:15px 0 0px;
}

div.top_book_index_box a div.top_book_detail2 {
	font-size:18px;
	font-weight:700;
	padding-bottom:10px;
}

div.top_book_index_box a div.top_book_detail3 {
	font-family:"aktiv-grotesk","游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size:9px;
	font-weight:400;
	padding-bottom:5px;
	line-height:1.5em;
}

div.top_book_index_box a div.top_book_detail4 {
	font-size:9px;
	font-weight:400;
	line-height:1.6em;
}


a img{
	-webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}

a img:hover {
	opacity:0.5;	
}