@charset "utf-8";

*{}

#detail .section-02 a:link, #detail .section-02 a:visited{ color:#be9146; text-decoration:underline; outline:none; }
#detail .section-02 a:hover, #detail .section-02 a:active{ color:#a67200; text-decoration:underline; }

#detail .section-04 a:link, #detail .section-04 a:visited{ color:#be9146; text-decoration:underline; outline:none; }
#detail .section-04 a:hover, #detail .section-04 a:active{ color:#a67200; text-decoration:underline; }

@media screen and (min-width: 768px) {
#visual{ background-image:url(../img/img_main_pc.jpg); filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#detail .inr{ margin:0 auto; width:960px; }
#detail .shoulder{ padding-bottom:50px; margin-bottom:50px; border-bottom:solid 4px #7c0f80; }
#detail .content p.lead{ margin-bottom:30px; font-size:1.0em; line-height:2.0em; }
#detail .content p.last{ margin-bottom:0px; }
#detail .section-01{ margin: 0 auto; margin-bottom:50px; width: 700px; }
#detail .section-01 .text-item{ }

#detail .section-02{ padding-bottom:50px; padding-top:50px; width: 700px; border-bottom:solid 1px #3c3c3c; border-top:solid 1px #3c3c3c; }
#detail .section-02 .title{ margin-bottom:40px; }
#detail .section-02 .artofblending{ margin-bottom:30px; }
#detail .section-02 .item-unit{ margin-bottom:50px; }
#detail .section-02 .item{ margin-bottom:40px; }
#detail .section-02 .item.last{ margin-bottom:0px; }
#detail .section-02 .subtitle{ margin-bottom:10px; }
#detail .section-02 .btn-obo{ text-align:center; }
#detail .section-02 .notice p{ margin-top:40px; text-align:center; color: #FF0000; line-height: 1.6; }
}

@media screen and (max-width: 768px) {
#visual{ background-image:url(../img/img_main_sp.jpg); filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#detail .inr{ margin:0 auto; width:270px; }
#detail .shoulder{ padding-bottom:25px; margin-bottom:25px; border-bottom:solid 2px #7c0f80; }
#detail .shoulder span{ display:block; margin:0 auto; width:271px; }
#detail .content p.lead{ margin-bottom:30px; font-size:.9em; line-height:2.0em; }
#detail .content p.last{ margin-bottom:0px; }
#detail .section-01{ margin-bottom:30px; }
#detail .section-01 .photo-item{ margin-bottom:15px; }
#detail .section-01 .text-item{  }

#detail .section-02{ padding-bottom:40px; border-bottom:solid 1px #3c3c3c; padding-top:40px; border-top:solid 1px #3c3c3c; }
#detail .section-02 .title{ margin-bottom:15px; }
#detail .section-02 .item-unit{ margin-bottom:40px; }
#detail .section-02 .item{ margin-bottom:25px; }
#detail .section-02 .item.last{ margin-bottom:0px; }
#detail .section-02 .subtitle{ margin-bottom:5px; }
#detail .section-02 h6.episode span{ display:block; width:92px; }
#detail .section-02 h6.kikan span{ display:block; width:59px; }
#detail .section-02 h6.count span{ display:block; width:48px; }
#detail .section-02 .btn-obo{ margin:0 auto; width:230px; }
#detail .section-02 .notice p{ margin-top:20px; color: #FF0000; line-height: 1.4; }
}