@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 .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-bottom: 80px; padding: 30px 0; border-top: solid 1px #8b8b8b; border-bottom: solid 1px #8b8b8b; }
#detail .section-01 .text-item{ text-align: center; }
#detail .section-02{ margin-bottom: 80px; }
#detail .section-02 .title-item{ margin-bottom:40px; text-align: center; font-size:1.4em; }
#detail .section-02 .photo-item{ margin:0 auto; width: 366px; }
#detail .section-02 .text-item{ text-align: center; }

#detail .section-03{ margin: 0 auto; margin-bottom: 60px; width: 600px; }
#detail .taestingnotes .title{ margin-bottom:15px; }
#detail .taestingnotes .lead{ margin-bottom:30px; line-height:2.5em; }
#detail .taestingnotes .data{  }
#detail .taestingnotes .data table{ border-bottom:solid 1px #969696; border-top:solid 1px #969696; font-size:1.1em; }
#detail .taestingnotes .data table th{ padding:15px 0; width:15%; background:url(../img/parts_data_line-col_pc.png) left bottom repeat-x; }
#detail .taestingnotes .data table th h4{ line-height: 1.4; text-align:center; background:url(../img/parts_data_line-row_pc.png) right top repeat-y; }
#detail .taestingnotes .data table td{ padding:15px 0; width:85%; background:url(../img/parts_data_line-col_pc.png) left bottom repeat-x; }
#detail .taestingnotes .data table td p{ line-height: 1.4; padding-left:20px; }
#detail .taestingnotes .data .no-line{ background-image:none; }
#detail .taestingnotes .photo-list{ overflow:hidden; }
#detail .taestingnotes .photo-list-inr{ margin-left:-12px; }
#detail .taestingnotes .photo-list ul li{ float:left; margin-left:12px; width:141px; }

#detail .section-04{ margin-bottom: 80px; }
#detail .section-04 .title-item{ margin-bottom:40px; text-align: center; font-size:1.4em; }
#detail .section-04 .photo-item{ margin:0 auto 40px; width: 600px; }
#detail .section-04 .text-item{ text-align: center; }

#detail .section-05{ margin: 0 auto; margin-bottom: 60px; width: 600px; }
#detail .section-05 h3.title{ float: left; width:120px; text-align: center; font-size:1.1em; line-height:2.0em }
#detail .section-05 p.info{ margin-left: 120px; padding-left: 30px; border-left: solid 1px #8b8b8b; font-size:1.1em; line-height:2.0em; }
#detail .section-05 p.info a{ color: #FFF; }

#detail .section-06{ margin: 0 auto; width: 540px; background-color: #242424; padding: 30px}
#detail .section-06 .unit { margin-bottom: 30px; }
#detail .section-06 .photo-item { float: left; width: 180px; }
#detail .section-06 .text-item { float: right; width: 330px; }
#detail .section-06 h3.title{ margin-bottom: 20px; font-size:1.4em; line-height:1.8em; }
#detail .section-06 p.info{ font-size:1.0em; line-height:2.0em; }
#detail .section-06 p.btn-buy { text-align:center; }
#detail .section-06 p.action{ margin-bottom: 16px; text-align: center; }
#detail .section-06 p.attention{ font-size:0.95em; line-height:1.6em; }
#detail .section-06 p.attention strong{ font-size:1.05em; }
}

@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; }
#detail .shoulder span{ display:block; margin:0 auto; width:240px; }
#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; padding: 20px 0; border-top: solid 1px #8b8b8b; border-bottom: solid 1px #8b8b8b; }

#detail .section-02{ margin-bottom: 30px; }
#detail .section-02 .title-item{ margin-bottom:20px; text-align: center; font-size:1em; line-height:1.6em; }
#detail .section-02 .photo-item{ margin:0 auto; width: 204px; }
#detail .section-02 .text-item{ font-size:.9em; }

#detail .section-03{ margin-bottom: 40px; }
#detail .taestingnotes .title{ margin-bottom:15px; font-size:.1em; line-height:0; }
#detail .taestingnotes .title span{ display:block; margin:0 auto; width:122px; }
#detail .taestingnotes .lead{ margin-bottom:30px; font-size:.9em; line-height:2.0em; }
#detail .taestingnotes .data{  }
#detail .taestingnotes .data table{ border-bottom:solid 1px #969696; border-top:solid 1px #969696; font-size:.95em; }
#detail .taestingnotes .data table th{ padding:10px 0; width:25%; border-bottom:solid 1px #4d4d4d; }
#detail .taestingnotes .data table th h4{ text-align:center; line-height:1.5em; }
#detail .taestingnotes .data table td{ padding:10px 0; width:75%; border-bottom:solid 1px #4d4d4d; }
#detail .taestingnotes .data table td p{ padding-left:15px; border-left:solid 1px #4d4d4d; line-height:1.5em; }
#detail .taestingnotes .data .no-line{ border-bottom:none; }
#detail .taestingnotes .photo-list{ overflow:hidden; }
#detail .taestingnotes .photo-list-inr{ margin-left:-6px; }
#detail .taestingnotes .photo-list ul li{ float:left; margin-left:4px; width:65px; }

#detail .section-04{ margin-bottom: 30px; }
#detail .section-04 .title-item{ margin-bottom:20px; text-align: center; font-size:1em; line-height:1.6em; }
#detail .section-04 .photo-item{ margin:0 auto 20px; width: 270px; }
#detail .section-04 .text-item{ font-size:.9em; }

#detail .section-05{ margin-bottom: 30px; }
#detail .section-05 h3.title{ margin-bottom: 10px; font-size:1.0em;  }
#detail .section-05 p.info{ font-size:.9em; line-height:1.5em; }
#detail .section-05 p.info a{ color: #FFF; }

#detail .section-06{ background-color: #242424; padding: 15px}
#detail .section-06 .unit { margin-bottom: 10px; }
#detail .section-06 .photo-item { margin:0 auto; width: 158px; }
#detail .section-06 .text-item {  }
#detail .section-06 h3.title{ margin-bottom: 10px; font-size:1.0em; line-height:1.6em; }
#detail .section-06 p.info{ font-size:.9em; line-height:2.0em; }
#detail .section-06 p.btn-buy { text-align:center; }
#detail .section-06 p.action{ margin-bottom: 16px; }
#detail .section-06 p.attention{ font-size:0.85em; line-height:1.6em; }
}