﻿/*-----------------------------------------------------
マージン
-------------------------------------------------------*/
.mt5{ margin-top:5px; }
.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; }
.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 0 20px 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;
}
.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;
}

#MvHeader p.mv01_ttl_txt {
    margin:0;
    padding: 10px 10px 5px 10px;
    text-align: left;
}

/*記事のリスト*/
.PageList ol{
    margin:0 auto;
    padding:0 0 2px 0;
    display:block;
    height:45px;
    width:283px;
}
.PageList li{
    list-style:none;
    width:45px;
    height:45px;
    float:left;
    display:block;
    margin-left:2px;
}
.PageList li a, .PageList li span{
    display:block;
    width:45px;
    height:45px;
    overflow:hidden;
    text-align:left;
}

.PageList li span img{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
h3.episode1_ttl {
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #fdd000;
}

h3.episode1_ttl img {
    width:100%;
}

#Main{
    margin:0 0 10px 0;
    padding:0;
    line-height:1.6;
    border-bottom:3px solid #fdd000;
}

.Main_inner{
    background:#FFF;
    padding:10px;
}

#Main img{
    width:100%;
}

#Main .heart_mark {
    margin: 0 0 20px 0;
    padding: 0;
    height: 24px;
    overflow: hidden;
    text-align: center;
}

#Main .heart_mark img{
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
}

.main_last {
    margin: 0 0 20px 0;
    padding: 0;
    background-color: #fdd000;
}

.main_last img{
    width: 100%;
}

.main_last p{
    margin: 0;
    padding: 10px;
}

/*-----------------------------------------------------
FooterLink
-------------------------------------------------------*/
#FindLink{
    clear:both;
    background:#fff;
}

#FindLink{
    clear:both;
    background:#fff;
}
#FindLink h3{
    border-top:3px #fdd000 solid;
    border-bottom:3px #fdd000 solid;
    padding:7px 10px;
    overflow:hidden;
    font-size:108%;
}


.FindLink_icon{
    width:24px;
    height:24px;
    display:block;
    float:left;
    background:url(../images/sprite_main_sp.png) right bottom no-repeat;
    margin-right:10px;
}

#FindLink .recommend dl{
    background:#fdd000;
    color:#FFF;
    padding: 0;

}

#FindLink .recommend dl dd{
    color:#FFF;
    border-bottom:1px solid #FFF;
    padding:0 10px;
}
#FindLink .recommend dl dd a {
    color:#000;
    background:url(../images/ico_link2.png) no-repeat 100% 50%;
    background-size:25px 25px;
}



/*-----------------------------------------------------
次へ、前へ　矢印 (8/23追加)
-------------------------------------------------------*/
#arrow {
    padding:0 10px;
    height: 50px;
}
#arrow img {
    width:80px;
    height:46px;
    margin:10px 0;
}


/* 追加 */

@media screen and (max-width: 480px) {
    #MvHeader p.mv01_ttl_txt,#Main p { font-size: 12px;}
}



