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



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::　文字の中央にライン
:::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.lines-on-sides_wrap{
	text-align:center;
	position:relative;
}

.lines-on-sides{
	position:absolute;
  text-align: center;
  white-space: nowrap;
  margin:auto;
  font-weight:bold;
  background:none;
	display:inline-block;
	padding:0 10px !important;
	top:-12px;
	left: 0;
	right: 0;
}

.lines-on-sides span{
	display:block;
	margin:0 30%;
	background:#fff;
}


.ie8 .lines-on-sides{
  background:none;
}




 /* ::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::　メイン
:::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ol, ul {
    margin-bottom: 0;
    margin-top: 0;
}

.fire_dan hr{
	border:none;
	border-top:1px solid #000;
	margin:0 0 40px 0;
}


.fire_dan .wrap{
	border-left:30px solid #003f87;
	border-right:30px solid #003f87;
	max-width: 1030px;
	width:auto;
	margin:auto;
}


.fire_dan #container{
	max-width: 950px;
	min-width:inherit;
	width:auto;
	margin:auto;
}

.fire_dan h2{
	border:none;
	text-align:center;
	margin:4% 0 5% 0;
}

.fire_dan h2 .sp_logo{
	display:none;
}


.fire_dan h2 img{
	max-width:470px;
	width:inherit\9;
}


.fire_dan #subpage{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.fire_dan #subpage .block_ttl,
.fire_dan #secondary .block_ttl{
	font-size:18px;
	padding:0 0 10px 0;
	letter-spacing:2px;
}


.fire_dan #subpage .topic_box .txt{
	text-align:left;
}




.fire_dan #subpage .row{
	margin-bottom:30px;
}


.fire_dan #subpage h3,
.fire_dan #subpage h3 a{
	font-size:24px;
	font-weight:bold;
	color:#d80c18;
	padding:0;
	margin:0 0 2px;
	text-align:left;
	line-height:130%;
}


.fire_dan #subpage .sub_ttl,
.fire_dan #subpage .sub_ttl a{
	font-size:16px;
	font-weight:bold;
	padding:0;
	margin:0;
	color:#000;
	text-align:left;
}


.fire_dan #subpage p{
	font-size:14px;
	line-height:160%;
}

.fire_dan #subpage .img_movie{
	text-align:center;
}

.fire_dan #subpage .img_movie img{
	margin-bottom:6px;
}


.fire_dan #subpage .movie_box h3{
	font-size:13px;
	text-align:center;
	margin-bottom:0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.fire_dan #subpage .movie_box .sub_ttl{
	font-size:13px;
	text-align:center;
}


.fire_dan #subpage .movie_box .col-xs-4{
	margin-bottom:30px;
}


.fire_dan #subpage .back_number .col-xs-3{
	padding:0 20px;
	margin-bottom:40px;
}

.fire_dan #subpage .back_number .book_ttl{
	font-weight:bold;
	color:#d80c18;
	text-align:center;
	margin-bottom:0;
}

.fire_dan #subpage .book_link{
	background:#000;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}


.fire_dan #subpage .book_link a{
	color:#fff;
	display:block;
	height:20px;
}


.fire_dan #subpage div.back_number a:link,
.fire_dan #subpage div.back_number a:visited {
    color: #fff;
}


.fire_dan #subpage div.back_number .row{
	display: flex;
	flex-wrap: wrap;
}


.fire_dan #subpage div.back_number .row div{
	margin-bottom: 8%;
}


@media screen and (max-width: 768px) {

.fire_dan h2 img{
	max-width:300px;
	width:60%;
}

.fire_dan #subpage img{
	max-width:100%;
}

}



@media screen and (max-width: 600px) {
.fire_dan .wrap{
	border-left:15px solid #003f87;
	border-right:15px solid #003f87;
	max-width: 1030px;
	width:auto;
	margin:auto;
}

.fire_dan h2 .pc_logo{
	display:none;
}

.fire_dan h2 .sp_logo{
	display:block;
	margin:auto;
}


.fire_dan #subpage .topic_box{
	text-align:center;
}


.fire_dan #subpage .topic_box img{
	width:80%;
}



.fire_dan #subpage .movie_box h3 {
    font-size: 18px;
}

.fire_dan #subpage .movie_box .sub_ttl {
    font-size: 16px;
}

}


@media screen and (max-width: 480px) {

.fire_dan #subpage .topic_box img{
	width:100%;
}


}

 /* ::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::　サイド
:::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.fire_dan #secondary{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fire_dan #secondary img{
	max-width:100%;
}

.fire_dan .new_book{
	position:relative;
	background:#ffe200;
	text-align:center;
	padding:20px 0 0 0;
}

.fire_dan .new_book .ttl_new img{
	width:88%;
	margin-bottom:18px;
}

.fire_dan .new_book .cover img{
	max-width:100%;
	width:66%;
	margin-bottom:8px;
}

.fire_dan #secondary .new_book .book_ttl{
	width:70%;
	margin:auto;
	padding:0 0 10px 0;
}

.fire_dan #secondary .new_book .book_ttl a{
	font-weight:normal;
	color:#231815;
	text-align:center;
	margin-bottom:0;
	font-size:15px;
	line-height:100%;
}

.fire_dan #secondary .new_book .ico_read-book{
	position:absolute;
	top:22px;
	right:-14px;
}

.fire_dan #secondary .new_book .ico_read-book img{
	width:60px;
	height:auto;
}

.fire_dan #secondary .book_link{
	background:#000;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
	padding:5px 0 0 0;
}

.fire_dan #secondary .book_link a{
	color:#fff;
	display:block;
	height:30px;
	font-size:18px;
}






.fire_dan #secondary .offer{
	background:#e50012;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
	margin-top:20px;
}

.fire_dan #secondary .offer a{
	color:#fff;
	display:block;
	font-size:24px;
	padding:2px 0 2px;
}

.fire_dan #secondary .offer_movie{
	border-bottom:10px solid #ffffff;
	margin-bottom:10px;
	text-align:center;
}
.fire_dan #secondary .offer_movie2{
	border-bottom:10px solid #ffffff;
	margin-bottom:30px;
	text-align:center;
}


.fire_dan #secondary .archives_box{
	margin:0 0 40px 0;
}


.fire_dan #secondary .archives_box h3{
	margin-top:10px;
	margin-bottom:5px;
}


.fire_dan #secondary .archives_box h3 a{
	color:#e50012;
	font-weight:bold;
	font-size:18px;
	line-height:120%;
}

.fire_dan #secondary .lines-on-sides span{
	margin:0 10%;
}


@media screen and (max-width: 768px) {
.fire_dan .new_book{
	width:60%;
	margin:auto;
}

.fire_dan #secondary .book_link{
	width:60%;
	margin:auto;
}

.fire_dan .new_book .cover {
	margin:0 0 10px 0;
}

.fire_dan #secondary .lines-on-sides span{
	margin:0 30%;
}

}


@media screen and (max-width: 600px) {
.lines-on-sides span{
	margin:0 15%;
}

.fire_dan #secondary .lines-on-sides span{
	margin:0 15%;
}

}


@media screen and (max-width: 480px) {


.fire_dan .new_book{
	width:70%;
}

.fire_dan #secondary .book_link{
	width:70%;
}


}


@media screen and (max-width: 370px) {
.lines-on-sides span{
	margin:0 10%;
}

.fire_dan #secondary .lines-on-sides span{
	margin:0 10%;
}

}