@charset "UTF-8";


/*基本枠 開始-----------------------------------------------------------------------*/
#lp_contents {
	text-align: left;
	margin: 0 20px 20px;
}
/*基本枠 終了-----------------------------------------------------------------------*/


/*コンテンツ部分 開始-----------------------------------------------------------------------*/

/*h2デザイン*/
#lp_contents h2 {
	font-weight: bold;
	color: #fff;
	background: #8d89d5;
}

/*本文*/
#lp_contents img {
	vertical-align: bottom;
}
#lp_contents hr {
	border: solid 2px #8d89d5;
	margin: 9px 0;
}

/*ボタンhover*/
a img:hover {
	opacity:0.8;
}
/*コンテンツ部分 終了-----------------------------------------------------------------------*/


/* ###################### 767px以下 ###################### */
@media (max-width: 767px) {

/*コンテンツ部分 開始-----------------------------------------------------------------------*/

/*コンテンツ部分 終了-----------------------------------------------------------------------*/

}


/* ###################### 768px以上 ###################### */
@media (min-width: 768px) {

/*コンテンツ部分 開始-----------------------------------------------------------------------*/

/*コンテンツ部分 終了-----------------------------------------------------------------------*/

}


/* ###################### 979px以下 ###################### */
@media (max-width: 979px) {

/*基本枠 開始-----------------------------------------------------------------------*/
#lp_contents {
	margin: 20px 0;
}
/*基本枠 終了-----------------------------------------------------------------------*/


/*コンテンツ部分 開始-----------------------------------------------------------------------*/

/*h2デザイン*/
#lp_contents h2 {
	margin-bottom: 10px;
}

/*本文*/
#lp_contents .contents_lineup {
	padding: 0;
	text-align: center;
}
#lp_contents .contents_lineup .area_2 img:booktitle {
	margin-bottom: 30px;
}
#lp_contents .contents_lineup .area_2 p {
	margin: 20px auto;
}
/*コンテンツ部分 終了-----------------------------------------------------------------------*/

}


/* ################# 768px以上 979px以下 ################# */
@media (min-width: 768px) and (max-width: 979px) {

/*コンテンツ部分 開始-----------------------------------------------------------------------*/

/*コンテンツ部分 終了-----------------------------------------------------------------------*/

}


/* ###################### 980px以上 ###################### */
@media (min-width: 980px) {

/*コンテンツ部分 開始-----------------------------------------------------------------------*/

/*h2デザイン*/
#lp_contents h2 {
	margin-bottom: 20px;
}

/*本文*/
#lp_contents .contents_lineup .area_info {
	display: flex;
}
#lp_contents .contents_lineup .area_1 {
}
#lp_contents .contents_lineup .area_2 {
	width: auto;
	position: relative;
}
#lp_contents .contents_lineup .area_2 img.booktitle {
	margin-bottom: 65px;
}
#lp_contents .contents_lineup .area_2 p {
	margin-bottom: 0;
	position: absolute;
	right: 20px;
	bottom: 10px;
}
/*コンテンツ部分 終了-----------------------------------------------------------------------*/

}