@charset "utf-8";

*{}

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

#detail .content .photo-unit{ margin-bottom:25px; text-align:center; }
#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:30px; font-size:1.30em; text-align:center; }
#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-00{ margin:0 auto; margin-bottom:100px; width:720px; }
#detail .section-00 .text-item{ text-align:center; }

#detail .section-01{ margin:0 auto; margin-bottom:60px; width:720px; }
#detail .section-01 .photo-item{ margin-bottom:60px; }
#detail .section-01 .text-item{ text-align:center; }

#detail .section-02{ margin:0 auto; margin-bottom:60px; width:720px; }
#detail .section-02 .photo-item{ margin-bottom:60px; }
#detail .section-02 .text-item{ text-align:center; }

#detail .section-03{ margin:0 auto; margin-bottom-:60px; width:720px; }
#detail .section-03 .photo-item{ margin-bottom:60px; }
#detail .section-03 .text-item{ text-align:center; }

#detail .section-04{ margin:0 auto; padding-bottom:70px; width:960px; border-bottom:solid 1px #3c3c3c; }
#detail .section-04 .wallpaper-title{ margin-bottom:20px; padding-bottom:15px; font-size:1.4em; border-bottom:solid 1px #3c3c3c; }
#detail .section-04 .wallpaper-head{ margin-bottom:25px; }
#detail .section-04 .wallpaper-lead{ float:left; width:80%; font-size:1.05em; line-height:2.0em; letter-spacing:-.05em; }
#detail .section-04 .caption{ display:none; }
#detail .section-04 .wallpaper-settei{ float:right; width:20%; text-align:right; }
#detail .section-04 .wallpaper-settei a:link, #detail .section-04 .wallpaper-settei a:visited{ color:#969696; }
#detail .section-04 .wallpaper-settei a:hover, #detail .section-04 .wallpaper-settei a:active{ color:#969696; opacity:.7; }
#detail .section-04 .wallpaper-settei a img{ margin-left:5px; vertical-align:middle; }
#detail .section-04 .wallpaper-device-title{ margin-bottom:20px; font-size:1.2em; }
#detail .section-04 .wallpaper-image{ margin-bottom:10px; }
#detail .section-04 .wallpaper-image img{ border:solid 1px #3c3c3c; }
#detail .section-04 .wallpaper-list li{ float:left; padding:0 15px; border-right:solid 1px #3c3c3c; }
#detail .section-04 .wallpaper-list li:first-child{ padding-left:0; }
#detail .section-04 .wallpaper-list li:last-child{ padding-right:0; border-right:none; }
#detail .section-04 .wallpaper-list a:link, #detail .section-04 .image-list a:visited{ text-decoration:none; }
#detail .section-04 .wallpaper-list a:hover, #detail .section-04 .image-list a:active{ text-decoration:none; }
#detail .section-04 .wallpaper-pc{ margin-bottom:50px; width:680px; }
#detail .section-04 .wallpaper-pc .type01{ float:left; width:320px; }
#detail .section-04 .wallpaper-pc .type02{ float:right; width:320px; }
#detail .section-04 .wallpaper-smartphone{ width:720px; }
#detail .section-04 .wallpaper-iphone{ float:left; width:320px; }
#detail .section-04 .wallpaper-iphone .type01{ float:left; width:140px; }
#detail .section-04 .wallpaper-iphone .type02{ float:right; width:140px; }
#detail .section-04 .wallpaper-android{ float:right; width:360px; }
#detail .section-04 .wallpaper-android .type01{ float:left; width:160px; }
#detail .section-04 .wallpaper-android .type02{ float:right; width:160px; }

}

@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:179px; }
#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:15px; }
#detail .content .caption{ font-size:.8em; }
#detail .content .title{ margin-bottom:10px; 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-00{ margin-bottom:50px; }

#detail .section-01{ margin-bottom:50px; }
#detail .section-01 .photo-item{ margin-bottom:20px; }

#detail .section-02{ margin-bottom:50px; }
#detail .section-02 .photo-item{ margin-bottom:20px; }

#detail .section-03{ margin-bottom-:50px; }
#detail .section-03 .photo-item{ margin-bottom:20px; }
#detail .section-03 .jusyo-link{ text-align:center; }

#detail .section-04{  }
#detail .section-04 .wallpaper-title{ margin-bottom:20px; padding-bottom:10px; text-align:center; font-size:1.05em; line-height:1.6em; border-bottom:solid 1px #3c3c3c; }
#detail .section-04 .wallpaper-head{ margin-bottom:20px; }
#detail .section-04 .wallpaper-lead{ font-size:.9em; line-height:2.0em; }
#detail .section-04 .caption{ display:block; margin-top:15px; font-size:.8em; line-height:1.3em; }
#detail .section-04 .wallpaper-settei{ display:none; }
#detail .section-04 .wallpaper-device-title{ margin-bottom:20px; font-size:1.0em; }
#detail .section-04 .wallpaper-image{ margin-bottom:5px; }
#detail .section-04 .wallpaper-image img{ border:solid 1px #3c3c3c; }
#detail .section-04 .wallpaper-list li{ float:left; padding:0 10px; border-right:solid 1px #3c3c3c; }
#detail .section-04 .wallpaper-list li:first-child{ padding-left:0; }
#detail .section-04 .wallpaper-list li:last-child{ padding-right:0; border-right:none; }
#detail .section-04 .wallpaper-list a:link, #detail .section-04 .image-list a:visited{ text-decoration:none; }
#detail .section-04 .wallpaper-list a:hover, #detail .section-04 .image-list a:active{ text-decoration:none; }
#detail .section-04 .wallpaper-pc{ display:none; }
#detail .section-04 .wallpaper-iphone{ margin-bottom:20px; width:235px; }
#detail .section-04 .wallpaper-iphone .type01{ float:left; width:108px; }
#detail .section-04 .wallpaper-iphone .type02{ float:right; width:108px; }
#detail .section-04 .wallpaper-android .type01{ float:left; width:120px; }
#detail .section-04 .wallpaper-android .type02{ float:right; width:120px; }

}