/*-----------------------------------------------------
マージン
-------------------------------------------------------*/
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }

.pt5{ padding-top:5px !important; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pt30{ padding-top:30px; }
.pr5{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }
.pr25{ padding-right:25px; }
.pr30{ padding-right:30px; }
.pb5{ padding-bottop:5px; }
.pb10{ padding-bottop:10px; }
.pb15{ padding-bottop:15px; }
.pb20{ padding-bottop:20px; }
.pb25{ padding-bottop:25px; }
.pb30{ padding-bottop:30px; }
.pl5{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl25{ padding-left:25px; }
.pl30{ padding-left:30px; }

.flL{ float:left; }
.flR{ float:right; }
.txtL{ text-align:left; }
.txtR{ text-align:right; }
.txtC{ text-align:center; }


#Content {
	background-color: #fff;
}

/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#MvHeader{
	padding: 0;
	margin: 0;
	background:#595757;
	text-align:center;
}

#MvHeader img{
    width:100%;
}

#MvHeader h2{
    margin:0;
    padding:0;
    border-bottom:2px #FFF solid;
}

#FeatureNavi ul{
    clear:both;
    display:block;
    margin:0 auto;
    padding:0;
    width:187px;
    height:24px;
}
#FeatureNavi ul li{
    float:left;
    height:24px;
    display:block;
    padding:0 3px;
}
#FeatureNavi ul li a{
    display:block;
    height:24px;
    width:85px;
    overflow:hidden;
    text-indent:-9999px;
}
.FNavi01 a{
    background:url(../images/sprite_main_sp.png) 0 0 no-repeat;

}
.FNavi02 a{
    background:url(../images/sprite_main_sp.png) -84px 0 no-repeat;
}

#MvHeader h3{
    margin:0;
    padding:0;
}

/*記事のリスト*/
.PageList {
	display: table;
	margin:0 auto;
	padding: 3px 0;
	border-left: solid 3px #595757;
	background: #595757;
	text-align: center;
	table-layout: fixed;
}
.PageList li {
	display:table-cell;
	border-right: solid 3px #595757;
	background: #fff;
}

/*-----------------------------------------------------
Main
-------------------------------------------------------*/

#Main{
	padding:0;
	line-height:1.6;
	border-bottom:3px solid #595757;
	margin: 0 0 10px 0;
}

.Main_inner {
	margin: 10px 10px 0;
	padding-bottom: 15px;
	background: url(../images/bg.png) repeat-y top left;
	background-size: 100%;
}
.Main_inner h3 img,
.Main_inner h4 img {
	width: 100%;
}
#episode {
	margin: 10px 10px;
	padding: 15px;
	border: solid 2px;
	background: #fff;
	font-size: 12px;
}
#episode .img {
	text-align: center;
}
#episode h4 {
	margin: 15px 0 10px;
	padding-bottom: 10px;
	background: url(../images/vol01-line.png) repeat-x left bottom;
	background-size: 100%;
	font-size: 16px;
	font-weight: bold;
}
.voice {
	margin: 15px 10px;
}
.voice h4 {
	margin-bottom: 15px;
}
.voice .work-scene {
	margin: 15px 0 0;
}
.voice .work-scene .img {
	float: left;
	margin-right: 10px;
}
.voice .work-scene .txt {
	padding-top: 15px;
	font-size: 11px;
}
#point,
#point-inner {
	background-size: 100% !important;
}
#point {
	margin: 0 10px;
	padding-bottom: 20px;
}
#point-inner {
	padding: 20px 20px 0;
}
#point h4 img,
#point h5 img {
	width: 100%;
}
#point #list {
	padding: 15px 10px 5px;
	border: solid 2px;
}
#point #list li {
	padding-bottom: 10px;
}
#point #list img {
	width: 100%;
}
#point .txt {
	font-size: 13px;
}
#point .txt h5 {
	margin: 20px 0 10px;
}

/* vol01 */
#vol01 #episode {
	border-color: #71bda4;
}
#vol01 #point {
	background: url(../images/vol01-point-bg-btm.png) no-repeat left bottom;
}
#vol01 #point-inner {
	background: url(../images/vol01-point-bg-top.png) no-repeat top left;
}
#vol01 #point #list {
	border-color: #77c0a8;
	background: #f8fcfa;
}

/* vol02 */
#vol02 #episode {
	border-color: #FF8B8F;
}
#vol02 #point {
	background: url(../images/vol02-point-bg-btm.png) no-repeat left bottom;
}
#vol02 #point-inner {
	background: url(../images/vol02-point-bg-top.png) no-repeat top left;
}
#vol02 #point #list {
	border-color: #FF8B8F;
	background: #FFF9F9;
}

/* vol03 */
#vol03 #episode {
	border-color: #FFA954;
}
#vol03 #point {
	background: url(../images/vol03-point-bg-btm.png) no-repeat left bottom;
}
#vol03 #point-inner {
	background: url(../images/vol03-point-bg-top.png) no-repeat top left;
}
#vol03 #point #list {
	border-color: #FFA954;
	background: #FFFBF6;
}

/* vol04 */
#vol04 #episode {
	border-color: #B6B6E2;
}
#vol04 #point {
	background: url(../images/vol04-point-bg-btm.png) no-repeat left bottom;
}
#vol04 #point-inner {
	background: url(../images/vol04-point-bg-top.png) no-repeat top left;
}
#vol04 #point #list {
	border-color: #B6B6E2;
	background: #FBFBFE;
}

#FindLink{
	margin: 20px 10px 0;
	background:#fff;
}
#FindLink h3{
	border-top:3px #f38e86 solid;
	border-bottom:3px #f38e86 solid;
	padding:7px 10px;
	overflow:hidden;
}
.FindLink_icon{
	width:24px;
	height:24px;
	display:block;
	float:left;
	background:url(../images/sprite_main_sp.png) right bottom no-repeat;
	margin-right:10px;
}

/*-----------------------------------------------------
FooterLink　フォーマット2
-------------------------------------------------------*/

.FindLink_wrap{
    background:#FFF;
    padding:10px;
}
.FindLink_icon{
    width:24px;
    height:24px;
    display:block;
    float:left;
    background:url(../images/sprite_main_sp.png) right bottom no-repeat;
    margin-right:10px;
}

#FindLink2{
    clear:both;
    background:#fff;
}
#FindLink2 h3{
    border-top:3px #f38e86 solid;
    border-bottom:3px #f38e86 solid;
    padding:7px 10px;
    overflow:hidden;
    font-size:108%;
}

#FindLink2 .recommend dl{
    background:#f38e86;
    color:#FFF;
    padding:0;
}

#FindLink2 .recommend dl dd{
    color:#FFF;
    border-bottom:1px solid #FFF;
    padding:0 10px;
}
#FindLink2 .recommend dl dd a {
    color:#FFF;
    background:url(../images/ico_link2.png) no-repeat 100% 50%;
    background-size:25px 25px;
}




/* 解像度が２倍の場合（Retinaディスプレイ対応） */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
    
.FNavi01 a,.FNavi02 a,
.Page01 a,.Page01 span,.Page01_on,
.Page02 a,.Page02 span,.Page02_on,
.Page03 a,.Page03 span,.Page03_on,
.Page04 a,.Page04 span,.Page04_on,
.Page05 a,.Page05 span,.Page05_on,
.Page06 a,.Page06 span,.Page06_on,
.FindLink_icon {
        background-image: url(../images/sprite_main_sp@2x.png);
        background-size: 343px 140px;
    }
}


#sponsor h3 img {
	width:100%;
}



/*-----------------------------------------------------
次へ、前へ　矢印 (9/25追加)
-------------------------------------------------------*/
#arrow {
	padding:0 10px;
	height: 50px;
}
#arrow img {
	width:80px;
	height:46px;
	margin: 10px 0;
}


/* 追加 */

@media screen and (max-width:480px){
	.voice p { font-size: 13px;}
	.voice .work-scene .img { float: initial;}
}

