@charset "utf-8";

*{}

#detail a:link, #detail a:visited{ color:#3c3c3c; text-decoration:underline; }
#detail a:hover, #detail a:active{ color:#787878; text-decoration:underline; }

@media screen and (min-width: 768px) {
#visual{ height:420px; background-position:center center; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; }
#detail{ margin-bottom:60px; }
#detail .paragraph{ background:url(../../common/img/bg_nomal_pc.jpg) center center repeat-y; }
#detail .paragraph-inr{ margin:0 auto; width:700px; }
#detail .paragraph .shoulder{ margin-bottom:40px; text-align:center; }
#detail .paragraph p{ margin-bottom:30px; color:#000; font-size:1.1em; line-height:2.2em; }
#detail .paragraph p.last{ margin-bottom:0px; }
#detail .photographic{ background-position:center center; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; }
#hibiki-contna .story-list{ margin:0 auto; width:953px; overflow:hidden; }
#hibiki-contna .story-list-inr{ margin-left:-25px; }
#hibiki-contna .story-list ul li{ float:left; margin-left:25px; width:138px; }
#hibiki-contna .story-list ul li a{ position:relative; display:block; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#hibiki-contna .story-list ul li a.current .image{ filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; }
#hibiki-contna .story-list ul li .text{ position:relative; z-index:2; }
#hibiki-contna .story-list ul li .image{ position:absolute; left:0px; top:0px; z-index:1; }
}

@media screen and (max-width: 768px) {
#visual{ padding-bottom:calc(100%*380/640); background-position:center top; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; }
#detail{ margin-bottom:50px; }
#detail .paragraph{ background:url(../../common/img/bg_nomal_sp.jpg) center center repeat-y; }
#detail .paragraph-inr{ margin:0 auto; width:280px; }
#detail .paragraph .shoulder{ margin:0 auto; margin-bottom:25px; }
#detail .paragraph p{ margin-bottom:25px; color:#000; font-size:.9em; line-height:2.0em; }
#detail .paragraph p.last{ margin-bottom:0px; }
#detail .photographic{ background-position:center top; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; }
#hibiki-contna .story-list{ margin:0 auto; width:264px; overflow:hidden; font-size:.1em; line-height:0; }
#hibiki-contna .story-list-inr{ margin-left:-40px; margin-top:-30px; }
#hibiki-contna .story-list ul li{ float:left; padding:3px; margin-left:40px; margin-top:30px; width:106px; }
#hibiki-contna ul li a.current{ filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
#hibiki-contna .story-list ul li img.image{ display:none; }
}