@charset "utf-8";
.inner{
	width: 850px;
	margin: 0 auto;
}
	
/* otherMagazine */
.otherMagazine{
	position: relative;
	background:url(../images/pc_seach_other_bg.png) left top;
  width: 100%;
	margin-top: 0;
	padding: 80px 0 50px 0;
  border-radius: 0;
}
.otherMagazine h2{
	position: absolute;
  top: 35px;
	left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.otherMagazine ul{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 3px solid #fcca6e;
	background: #ffffff;
	width: 850px;
	margin: 0 auto;
	padding: 55px 30px 35px;
	border-radius: 10px;
}
.otherMagazine ul li{
	width: 150px;
	margin: 0;
}
	
/* otherMovie */
#otherMovie{
	background: url(../images/bg_ohter_movie.png) no-repeat center top;
	background-size: cover;
	padding: 25px 0 80px;
}
#otherMovie h2{
	margin: 0 0 55px 0;
	text-align: center;
}
#otherMovie	.otherMovieList{
	position: relative;
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background: url(../images/bg_other_movie_mid.png) repeat-y left top;
	width: 835px;
	margin: 0 auto;
	padding: 25px 20px 15px;
}
#otherMovie	.otherMovieList::before,
#otherMovie	.otherMovieList::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 34px;
}
#otherMovie	.otherMovieList::before{
	top: -34px;
	background: url(../images/bg_other_movie_top.png) no-repeat left top;
}
#otherMovie	.otherMovieList::after{
	bottom: -34px;
	background: url(../images/bg_other_movie_btm.png) no-repeat left top;
}
#otherMovie	.otherMovieBox{
	position: relative;
	background: url(../images/bg_other_movie.png) no-repeat left top;
	width: 390px;
	margin-top: 35px;
	padding: 40px 20px 25px 20px;
}
.keyMaga01 #otherMovie	.otherMovieBox:nth-of-type(2),
.keyMaga01 #otherMovie	.otherMovieBox:nth-of-type(3),
.keyMaga02 #otherMovie	.otherMovieBox:nth-of-type(1),
.keyMaga02 #otherMovie	.otherMovieBox:nth-of-type(3),
.keyMaga03 #otherMovie	.otherMovieBox:nth-of-type(1),
.keyMaga03 #otherMovie	.otherMovieBox:nth-of-type(2),
.keyMaga04 #otherMovie	.otherMovieBox:nth-of-type(1),
.keyMaga04 #otherMovie	.otherMovieBox:nth-of-type(2),
.keyMaga05 #otherMovie	.otherMovieBox:nth-of-type(1),
.keyMaga05 #otherMovie	.otherMovieBox:nth-of-type(2),
.keyMaga06 #otherMovie	.otherMovieBox:nth-of-type(1),
.keyMaga06 #otherMovie	.otherMovieBox:nth-of-type(2){ margin-top: 0;}

.preparationImg{ margin-top: 35px;}

#otherMovie	.otherMovieBox h3{
	position: absolute;
	top: -25px;
	left: 13px;
}
#otherMovie	.otherMovieBox .iFrame{
	width: 200px;
	height: 110px;
}
#otherMovie	.otherMovieBox .otherMovieImg{
	position: absolute;
}
#otherMovie	.otherMovieBox.keyMaga01 .otherMovieImg{
	top: 50px;
	right: 25px;
}
#otherMovie	.otherMovieBox.keyMaga02 .otherMovieImg{
	top: 50px;
	right: 15px;
}
#otherMovie	.otherMovieBox.keyMaga03 .otherMovieImg{
	top: 45px;
	right: 50px;
}
#otherMovie	.otherMovieBox.keyMaga04 .otherMovieImg{
	top: 38px;
	right: 42px;
}
#otherMovie	.otherMovieBox.keyMaga05 .otherMovieImg{
	top: 50px;
	right: 30px;
}
#otherMovie	.otherMovieBox.keyMaga06 .otherMovieImg{
	top: 50px;
	right: 30px;
}
	
#otherPhrase{
	background: url(../images/bg_other_phrase.png);
	padding: 105px 0 120px;
}
.otherPhraseInner{
	position: relative;
	background: url(../images/bg_other_phrase_mid.png) repeat-y;
	width: 875px;
	margin: 0 auto;
	padding: 0 30px 10px;
}
.otherPhraseInner::before,
.otherPhraseInner::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 40px;
}
.otherPhraseInner::before{
	background: url(../images/bg_other_phrase_top.png) no-repeat;
	top: -40px;
}
.otherPhraseInner::after{
	background: url(../images/bg_other_phrase_btm.png) no-repeat;
	bottom: -40px;
}
.otherPhraseList > div{

	margin-top: -50px;
}
.otherPhraseBox{
	position: relative;
	border: 2px solid #f4cc21;
	background: #fff9df;
	width: 400px;
	margin-top: 50px;
	padding: 45px 30px 15px;
	border-radius: 6px;
}
.otherPhraseBox h3{
	position: absolute;
	top: -10px;
	left: 50%;
	width: 108px;
	margin-left: -54px;
}
.otherPhraseBox .otherPhraseBook{
	position: absolute;
	top: -44px;
	left: 65px;
	width: 60px;
}
.otherPhraseBox ul{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.otherPhraseList ul li{
	width: 162px;
}

#horseImg{
	position: relative;
	width: 865px;
	margin: 0 auto;
}
#horseImg p{
	position: absolute;
	right: -45px;
}

.keyMaga01 .keyMaga01,
.keyMaga02 .keyMaga02,
.keyMaga03 .keyMaga03,
.keyMaga04 .keyMaga04,
.keyMaga05 .keyMaga05,
.keyMaga06 .keyMaga06{
	display: none;
}

.otherPhraseList .keyMaga01,
.otherPhraseList .keyMaga02,
.otherPhraseList .keyMaga03,
.otherPhraseList .keyMaga04,
.otherPhraseList .keyMaga05,
.otherPhraseList .keyMaga06{
	display: none;
}

.keyMaga01 .otherPhraseList .keyMaga01,
.keyMaga02 .otherPhraseList .keyMaga02,
.keyMaga03 .otherPhraseList .keyMaga03,
.keyMaga04 .otherPhraseList .keyMaga04,
.keyMaga05 .otherPhraseList .keyMaga05,
.keyMaga06 .otherPhraseList .keyMaga06{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}


.pcOnly{ display: block;}
.spOnly{ display: none;}