@charset "utf-8";

*{}

#detail a:link, #detail a:visited{ color:#be9146; text-decoration:underline; outline:none; }
#detail a:hover, #detail a:active{ color:#cba76b; 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{ margin-bottom:50px; }
#detail .heading{ margin:0 auto; margin-bottom:100px; width:640px; font-size:1.0em; line-height:2.0em; text-align: center}

#detail .content .photo-unit{ margin-bottom:25px; }
#detail .content .photo-unit.last{ margin-bottom:0px; }
#detail .content p.photo{ margin-bottom:0px; }
#detail .content span.caption{ line-height: 1.4em; }
#detail .content p.lead{ margin-bottom:30px; font-size:1.05em; line-height:2.0em; letter-spacing:-.05em; }
#detail .content p.last{ margin-bottom:0px; }

#detail .section-01{ margin:0 auto; padding: 30px 0; margin-bottom:50px; width:960px; border-top:solid 1px #3c3c3c; border-bottom:solid 1px #3c3c3c; }
#detail .section-01 p{ margin-bottom: 40px; text-align: center; line-height: 1.8em; }
#detail .section-01 p.last{ margin-bottom: 0; }

#detail .section-02{ margin:0 auto; margin-bottom:50px; padding-bottom:50px; width:960px; border-bottom:solid 1px #3c3c3c; }
#detail .section-02 .overview-01 { margin-bottom: 50px; }
#detail .section-02 .overview-01 .photo-item{ float: left; width: 384px; }
#detail .section-02 .overview-01 .text-item{ float: right; width: 540px; }
#detail .section-02 .overview-02 { margin-bottom: 50px; }
#detail .section-02 .overview-02 .photo-item{ float: right; width: 384px; }
#detail .section-02 .overview-02 .text-item{ float: left; width: 540px; }
#detail .section-02 .overview-03 .photo-item{ float: left; width: 384px; }
#detail .section-02 .overview-03 .text-item{ float: right; width: 540px; }
#detail .section-02 .text-item h3{ font-size:1.4em; margin-bottom: 30px }
#detail .section-02 .text-item p{ line-height: 2.0em; }

#detail .section-03{ margin:0 auto; margin-bottom:50px; padding-bottom:50px; width:960px; border-bottom:solid 1px #3c3c3c; }
#detail .section-03 h2{ font-size:2.0em; margin-bottom: 40px; text-align: center; }
#detail .section-03 .item-group { width: 580px; margin: 0 auto 20px; }
#detail .section-03 .left-item{ width: 260px; float: left; }
#detail .section-03 .right-item{ width: 260px; float: right; }
#detail .section-03 .photo-item{ text-align: center; }
#detail .section-03 .text-item{ text-align: center; }
#detail .section-03 .text-item h3{ font-size:1.4em; margin-bottom: 20px; }
#detail .section-03 .text-item .caption1{ display: none; }
#detail .section-03 .caption2{ margin-bottom: 50px; text-align: center; }
#detail .section-03 .text-item .caption3{ line-height: 2.0em; }

#detail .section-04{ margin:0 auto; margin-bottom:40px; width:960px; border-bottom:solid 1px #3c3c3c; }
#detail .section-04 h2{ font-size:2.0em; margin-bottom: 40px; text-align: center; }
#detail .section-04 .lead{ font-size:2.0em; margin-bottom: 40px; text-align: center; }
#detail .section-04 .item-group { width: 700px; margin: 0 auto; }
#detail .section-04 .photo-item{ width: 230px; float: right; }
#detail .section-04 .text-item{ width: 440px; float: left;  }
#detail .section-04 .text-item p{ line-height: 2.0em; }
#detail .section-04 .text-item .label{ display: inline-block; margin: 0 0 10px 0; padding: 6px 12px 3px; border:solid 1px #ffffff; }

#detail .menu-caption { margin:0 auto; margin-bottom:80px; width:960px; }
#detail .menu-caption p{ text-align: center; }

#detail .section-05{ margin:0 auto; width:720px; }
#detail .section-05 h2{ font-size:2.0em; margin-bottom: 40px; text-align: center; }
#detail .section-05 .lead{ font-size:2.0em; margin-bottom: 40px; text-align: center; }
#detail .section-05 .photo-item{ margin-bottom: 30px; }
#detail .section-05 .tag{ margin-bottom: 30px; text-align: center; }
#detail .section-05 .btn-instagram{ text-align: center; }
}

@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:267px; }
#detail .heading{ margin:0 auto; margin-bottom:30px; width:270px; font-size:.9em; line-height:2.0em; text-align:left; }

#detail .content .photo-unit{ margin-bottom:25px; }
#detail .content .photo-unit.last{ margin-bottom:0px; }
#detail .content p.photo{ margin-bottom:0px; }
#detail .content span.caption{ font-size:.8em; line-height: 1.4em; }
#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{ padding: 20px 0; margin-bottom:30px; border-top:solid 1px #3c3c3c; border-bottom:solid 1px #3c3c3c; }
#detail .section-01 p{ margin-bottom: 20px; text-align: center; line-height: 1.8em; }
#detail .section-01 p.last{ margin-bottom: 0; }

#detail .section-02{ margin-bottom:25px; padding-bottom:25px; border-bottom:solid 1px #3c3c3c; }
#detail .section-02 .overview-01 { margin-bottom: 25px; }
#detail .section-02 .overview-01 .photo-item{ margin-bottom: 20px; }
#detail .section-02 .overview-01 .text-item{  }
#detail .section-02 .overview-02 { margin-bottom: 25px; }
#detail .section-02 .overview-02 .photo-item{ margin-bottom: 20px; }
#detail .section-02 .overview-02 .text-item{  }
#detail .section-02 .overview-03 .photo-item{ margin-bottom: 20px; }
#detail .section-02 .overview-03 .text-item{  }
#detail .section-02 .text-item h3{ font-size:1.2em; line-height: 1.6em; margin-bottom: 10px }
#detail .section-02 .text-item p{ line-height: 2.0em; }

#detail .section-03{ margin-bottom:25px; padding-bottom:25px; border-bottom:solid 1px #3c3c3c; }
#detail .section-03 h2{ font-size:1.6em; margin-bottom: 20px; text-align: center; }
#detail .section-03 .item-group { margin-bottom: 40px; }
#detail .section-03 .left-item{ margin-bottom: 40px; }
#detail .section-03 .right-item{  }
#detail .section-03 .photo-item{  }
#detail .section-03 .text-item{ text-align: center; }
#detail .section-03 .text-item h3{ font-size:1.2em; margin-bottom: 10px; line-height: 1.6em; }
#detail .section-03 .text-item .name{ line-height: 2.0em; }
#detail .section-03 .text-item .caption1{ font-size:0.85em; line-height: 2.0em; }
#detail .section-03 .caption2{ display: none; }
#detail .section-03 .text-item .caption3{ font-size:0.85em; line-height: 2.0em; }

#detail .section-04{ margin-bottom:20px; padding-bottom:25px; border-bottom:solid 1px #3c3c3c; }
#detail .section-04 h2{ font-size:1.6em; margin-bottom: 20px; text-align: center; line-height: 1.4em; }
#detail .section-04 .lead{ font-size:2.0em; margin-bottom: 25px; }
#detail .section-04 .item-group {  }
#detail .section-04 .photo-item{  }
#detail .section-04 .text-item{  }
#detail .section-04 .text-item p{ line-height: 2.0em; }
#detail .section-04 .text-item .label{ display: inline-block; margin: 0 0 10px 0;  padding: 5px 10px 2px; border:solid 1px #ffffff; }

#detail .menu-caption { margin-bottom:40px; }
#detail .menu-caption p{ font-size:.9em; line-height:2.0em; }

#detail .section-05{ margin-bottom:25px; }
#detail .section-05 h2{ font-size:1.6em; margin-bottom: 20px; text-align: center; line-height: 1.4em; }
#detail .section-05 .lead{ font-size:2.0em; margin-bottom: 20px; }
#detail .section-05 .photo-item{ margin-bottom: 20px; }
#detail .section-05 .tag{ margin-bottom: 20px; text-align: center; }
}