﻿/*-----------------------------------------------------
マージン
-------------------------------------------------------*/
.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 !important}
.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;
}

#ColorNavi dl {
    margin-top:15px;
}


/*-----------------------------------------------------
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 16px;
    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;
}


#MvHeader h3{
    margin:0;
    padding:0;
}

/*記事のリスト*/
.PageList ol{
    margin:0 auto;
    padding:0 0 2px 0;
    display:block;
    height:45px;
    width:244px;
}
.PageList ul{
    padding:0 0 0 20px;
}
.PageList li{
    list-style:none;
    width:92px;
    height:41px;
    float:left;
    display:block;
    margin-left:20px;
}
.PageList li a, .PageList li span{
    display:block;
    width:92px;
    height:41px;
    overflow:hidden;
    text-indent:-9999px;
    text-align:left;
}

/*-----------------------------------------------------
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:0;
}
#Main img{
    width:100%;
}

.shop{
    margin:0 0 20px 0;
    padding:0;
    background-color:#40220f;
    color: #fff;
}
.shop_photo{
    margin:0 auto 10px auto;
    padding:0;
    width: 80%;
}

.shop ul{
    margin:0;
    padding:0 10px 10px 10px;
}

.shop ul li{
    margin:0;
    padding:0;
    line-height: 1.8;
    color: #fff;
}

#Container .shop ul li a{
    color: #fff;
}

.shop ul li.line1, .shop ul li.line2{
    margin:0;
    padding:0 0 4px 0;
    background: url(/files/user/boms/smt/contents/boms/images/dot.png) left bottom repeat-x;
    background-size: 5px 3px;
    line-height: 2.2;
}

.shop ul li.line2{
    padding:6px 0 6px 0;
}


/*-----------------------------------------------------
FooterLink　フォーマット2
-------------------------------------------------------*/

.FindLink_wrap{
    background:#FFF;
    padding:10px;
}

#FindLink2{
    clear:both;
    background:#fff;
}
#FindLink2 h3{
    border-top:3px #fdd000 solid;
    border-bottom:3px #fdd000 solid;
    padding:7px 10px;
    overflow:hidden;
    font-size:108%;
}




#FindLink2 .recommend dl{
    background:#fdd000;
    color:#FFF;
    padding: 0;

}

#FindLink2 .recommend dl dd{
    color:#FFF;
    border-bottom:1px solid #FFF;
    padding:0 10px;
}
#FindLink2 .recommend dl dd a {
    color:#000;
    background:url(/files/user/boms/smt/contents/boms/images/ico_link2.png) no-repeat 100% 50%;
    background-size:25px 25px;
}

#sponsor h3 img {
    width:100%;
}

/*-----------------------------------------------------
次へ、前へ　矢印
-------------------------------------------------------*/
#arrow {
    padding:0 10px;
    height:46px;
    margin-bottom: 20px;
}
#report #Main #arrow img {
    width:80px;
    height:46px;
}
.contents #Main #arrow img {
    width:80px;
    height:46px;
}

/*-----------------------------------------------------
tainyu
-------------------------------------------------------*/
.contents #Main  img{
    text-align:center;
    width:100%;
    height:auto;
}
.contents #Main p.text img {
    width:300px;
}

.contents .PageLink{
    padding-top:2%;
    display:block;
}
.contents .PageLink li{
    list-style:none;
    display:inline-block;
    padding-bottom:2%;
    text-align:center;
}
.contents .PageLink img {
    height:auto;
    width:95%;
}
.contents #FindLink{
    clear:both;
    margin-bottom:16px;
    background:#fff;
}
.contents h4.Title{
    padding:8px 10px 22px;
}
.contents .Block01{ 
    margin:0 10px 20px;
}
.contents .Block01 h5{
    padding-bottom:14px;
}
.contents .Block01 h5 img{
    height:38px!important;
    width:auto!important;
}
.contents .Block01 .GroupText01{
    padding-bottom:15px;
}
.contents .Block01 .GroupText01 img{
    height:auto!important;
    width:273px!important;
}
.contents .Block01 .GroupText02 img{
    height:auto!important;
    width:273px!important;
}
.contents .GogoBlock .ItemList{
    padding:0;
}
.contents .GogoBlock .ItemList li{
    background:url(/files/user/boms/smt/contents/boms/images/dot_bg.gif) repeat-x left bottom;
    font-size:90%;
    margin-bottom:11px;
    padding-bottom:13px;
}
.contents .GogoBlock .ItemList li.ItemLast{
    background:none;
    margin:0;
    padding:0;
}
.contents .GogoBlock .ItemList li .point img{
    height:auto !important;
    width: 92% !important;
}
.contents #Main .Section {
    margin:40px 10px;
}
.contents #Main .GogoBlock {
    clear:both;
    margin:-5px 10px 19px;
}
.contents #Main .GogoBlock h4 {
    position:relative;
    background:#f5d700;
    border-bottom:3px solid #cd9f00;
    border-radius:8px 8px 0 0;
    -moz-border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0;
    padding:12px 0 10px 13px;
}
.contents #Main .GogoBlock h4 img {
    height:35px;
    width:auto;
}
.contents #Main .GogoBlock h4 .GoImage {
    position:absolute;
    right:0;
    bottom:-3px;
    width:118px;
    height:auto;
}
.contents #Main .GogoBlock .inner {
    clear:both;
    border:3px solid #f8d300;
    border-top:none;
    border-radius:0 0 8px 8px;
    -moz-border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    padding:10px;
}
.contents #Main .GogoBlock dl {
    margin-bottom:-5px;
}
.contents #Main .GogoBlock dl dt {
    margin-bottom:5px;
}
.contents #Main .GogoBlock dl dt img {
    height:40px;
    width:auto;
}
.contents #Main .GogoBlock dl dd {
    margin-bottom:15px;
    font-size: 12px;
}
.contents .Section h4.TextNote01 {
    margin-top:-30px;
    padding-bottom:20px;
}
.contents .Section .Block .Group1 h5 {
    padding-bottom:20px;
}
.contents .Section .Block .Group1 p.text {
    padding-bottom:20px;
}
.contents .Section .Block .Group1 .InnerInfo1 {
    margin-bottom:10px;
    padding-bottom:10px;
    background:url(/files/user/boms/smt/contents/boms/images/icon_arrow01.gif) no-repeat 50% 100%;
    background-size:100px 20px;
}
.contents .Section .Block .Group1 .InnerInfo2 {
    margin-bottom:10px;
    padding-bottom:10px;
    background:url(/files/user/boms/smt/contents/boms/images/icon_arrow02.gif) no-repeat 50% 100%;
    background-size:100px 20px;
}
.contents .Section .Block .Group1 .InnerInfo p.Images {
    padding:15px 0;
}
#Footer .social {
    width:288px;
}


.contents .BlockPointInner{
    padding: 15px;
    border: 3px solid #FBAD4B;
}
.contents .BlockPointInner ul li{
    border-bottom: 2px dotted #CCC;
    background: url(/files/user/boms/smt/contents/bm_taiken/images/03/ico_check.gif) no-repeat left 5px;
    background-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0 0 10px 25px;
}

.contents .BlockInterview{
    margin-top: 20px;
}
.contents .BlockInterview-img{
    margin-bottom: 20px;
}
.contents .BlockInterview-img span{
    font-weight: bold;
    display: block;
}
.contents .BlockInterview-img dt{
    text-align: center;
}
.contents.report03 .Block{
    margin-bottom: 25px;
}
.contents.report03 .Block h5{
    margin-bottom: 10px;
}
.contents .bold{
    font-weight: bold;
}





/* 追加 */

@media screen and (max-width: 480px) {
    .contents .GogoBlock .ItemList li .point img { width: 273px !important;}
    .contents #Main .GogoBlock p,
    .contents .Block01 p,
    .contents .Block p,
    .contents .BlockPointInner ul li,
    .contents .BlockInterview,
    .Main_inner p { font-size: 12px;}
}