@charset "utf-8";

*{}

@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{ margin-bottom:50px; }
#detail .heading{ margin:0 auto; margin-bottom:50px; width:640px; font-size:1.0em; line-height:2.0em; }
#detail .content .photo-unit{ margin-bottom:25px; }
#detail .content .photo-unit.last{ margin-bottom:0px; }
#detail .content p.photo{ margin-bottom:10px; }
#detail .content .caption{ font-size:.9em; }
#detail .content .title{ margin-bottom:20px; font-size:1.30em; }
#detail .content p.lead{ margin-bottom:30px; font-size:1.05em; line-height:2.0em; }
#detail .content p.last{ margin-bottom:0px; }

#detail .section-01{ margin-bottom:80px; }
#detail .section-01 .photo-item{ margin:0 auto; margin-bottom: 60px; width:640px; }
#detail .section-01 .text-item{ margin:0 auto; width:640px; }
#ytmovie{ display:none; }
#ytmovie_sp{ display:none; }

#detail .sep-line-01{ margin:0 auto; margin-bottom:60px; height:1px; width:960px; background-color:#3c3c3c; font-size:.1em; line-height:0; text-indent:-9999px; }

#thumb-list{ margin:0 auto; margin-bottom:50px; width:960px; overflow:hidden; }
#thumb-list .list-inr{ margin-left:-5px; margin-top:-5px; }
#thumb-list ul li{ float:left; margin-left:5px; margin-top:5px; width:188px; }
  
#detail .section-02{ margin-bottom: 60px; }
#detail .section-02-inr{ margin:0 auto; width:640px; }

#detail .section-03{ margin-bottom:60px; }
#detail .section-03-inr{ margin:0 auto; padding:40px 50px; width:740px; background-color:#242424; }
#detail .section-03 h3{ padding-bottom: 10px; margin-bottom: 20px; font-size: 1.2em; border-bottom: solid 1px #6e6e6e; }

#detail .sep-line-02{ margin:0 auto; height:1px; width:960px; background-color:#3c3c3c; font-size:.1em; line-height:0; text-indent:-9999px; }

.modal-slideimage-contna *{ margin:0; padding:0; font-size:.1em; line-height:0; } 
.modal-slideimage-contna img{ border:none; }
.modal-slideimage-contna{ position:relative; width:720px;  }
.modal-slideimage-contna .btn-close{ position:absolute; right:0px; top:0px; }
.modal-slideimage-contna-inr{ height:600px; width:720px; }

}

@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{ margin-bottom:30px; width:263px; }
#detail .heading{ margin:0 auto; margin-bottom:50px; width:270px; font-size:.9em; line-height:2.0em; }
#detail .content .photo-unit{ margin-bottom:25px; }
#detail .content .photo-unit.last{ margin-bottom:0px; }
#detail .content p.photo{ margin-bottom:15px; }
#detail .content .caption{ font-size:.9em; }
#detail .content .title{ margin-bottom:20px; font-size:1.10em; line-height:1.5em; text-align:center; }
#detail .content p.lead{ margin-bottom:30px; font-size:.9em; line-height:2.0em; }
#detail .content p.last{ margin-bottom:0px; }
#detail .content .text-item{ margin-bottom:0px; }

#detail .section-01{ margin-bottom:50px; }
#detail .section-01 .photo-item{ margin-bottom: 40px; }
#detail .section-01 .text-item{ margin-bottom:0px; }
#detail .section-01 .photo-list{ overflow:hidden; }
#detail .section-01 .photo-list-inr{ margin-top:-20px; }
#detail .section-01 .photo-list ul li{ margin-top:20px; }
#ytbtnplay{ display:none; }
#ytmovie{ display:none; }
#ytmovie_sp{ border:solid 1px #8e99af; }
#ytmovie_sp iframe{ height:152px; width:268px; }

#detail .sep-line-01{ margin:0 auto; margin-bottom:40px; height:1px; width:270px; background-color:#3c3c3c; font-size:.1em; line-height:0; text-indent:-9999px; }

#thumb-list{ margin:0 auto; margin-bottom:30px; width:270px; overflow:hidden; }
#thumb-list .list-inr{ margin-left:-4px; margin-top:-4px; }
#thumb-list ul li{ float:left; margin-left:4px; margin-top:4px; width:133px; }
  
#detail .section-02{ margin-bottom: 40px; }
#detail .section-02-inr{  }

#detail .section-03{ margin-bottom:35px; }
#detail .section-03-inr{ padding:20px; background-color:#242424; }

#detail .sep-line-02{ margin:0 auto; height:1px; width:270px; background-color:#3c3c3c; font-size:.1em; line-height:0; text-indent:-9999px; }

.modal-slideimage-contna *{ margin:0; padding:0; font-size:.1em; line-height:0; } 
.modal-slideimage-contna img{ border:none; }
.modal-slideimage-contna{ position:relative; width:300px; }
.modal-slideimage-contna .btn-close{ position:absolute; right:0; top:-40px; width:25px; }
.modal-slideimage-contna-inr{ height:300px; width:300px; }

}