@charset "utf-8";

#body {padding-top:60px;}

#body section.series {float:left; width:440px; margin:0 0 0 20px; padding:0 0 0 19px; border-left:1px solid #e5e5e5;}
#body section.series:first-child {margin-left:0; padding-left:0; border-left:none;}
#body section.series > h1 {}
#body section.series > h1 > * {display:block; height:360px; background:center 0 no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#body section.series > h1 > a:hover {opacity:0.5;}
#body section.series > h1 > span {opacity:0.5; cursor:default;}
#body section.series > ul {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:30px 0;}
#body section.series > ul:after {display:block; clear:both; height:0; content:"";}
#body section.series > ul > li {float:left; height:70px; border-left:1px solid #e5e5e5; line-height:1.2;}
#body section.series > ul > li:first-child {border-color:transparent;}
#body section.series > ul > li > * {
	display:block; height:45px; margin:-30px 0; padding:85px 10px 0; 
	background:center 30px no-repeat; color:#464647; text-align:center; text-decoration:none;
	transition-property:opacity; -webkit-transition-property:opacity;}
#body section.series > ul > li > a:hover {opacity:0.5;}
#body section.series > ul > li > span {opacity:0.5; cursor:default;}
#body section#sd-quattro {}
#body section#sd-quattro > h1 > * {background-image:url(images/sd_title.png);}
#body section#sd-quattro > ul > li {width:219px;}
#body section#sd-quattro > ul > li * {text-indent:110%; white-space:nowrap; overflow:hidden;}
#body section#sd-quattro > ul > li.sd   > * {background-image:url(images/sd_sd.png);}
#body section#sd-quattro > ul > li.sd-h > * {background-image:url(images/sd_sd-h.png);}
#body section#dp-quattro {}
#body section#dp-quattro > h1 > * {background-image:url(images/dp_title.png);}
#body section#dp-quattro > ul > li {width:109px;}
#body section#dp-quattro > ul > li > * {}
#body section#dp-quattro > ul > li.dp0 > * {background-image:url(images/dp_dp0.png);}
#body section#dp-quattro > ul > li.dp1 > * {background-image:url(images/dp_dp1.png);}
#body section#dp-quattro > ul > li.dp2 > * {background-image:url(images/dp_dp2.png);}
#body section#dp-quattro > ul > li.dp3 > * {background-image:url(images/dp_dp3.png);}
	
	#other {clear:both; padding:20px 0 0;}
	#other > h1 {font-size:12px; font-weight:normal;}
	#other > ul {}
	#other > ul > li {}
	#other > ul > li > a {}
	
	#pickup {float:right; margin:30px 0 40px;}
	#pickup > h1 {font-size:14px; font-weight:bold;}
	#pickup > ul {margin:-5px 0 0;}
	#pickup > ul > li {margin:20px 0 0; padding:3px; border:1px solid #e5e5e5;}
	#pickup > ul > li > a {display:block;}
	#pickup > ul > li img {display:block;}
	#pickup > ul > li > a:hover {opacity:0.5;}
	
	#news {float:left; width:608px; position:relative; margin:30px 0 40px;}
	#news > h1 {font-size:14px; font-weight:bold;}
	#news > ul {margin:15px 0 0; border-top:1px solid #e5e5e5;}
	#news > ul > li {padding:9px 0 10px; border-bottom:1px solid #e5e5e5; letter-spacing:-0.4em;}
	#news > ul > li > a {display:block; margin:-9px 0 -10px; padding:9px 0 10px; text-decoration:none;}
	#news > ul > li time, 
	#news > ul > li .categories, 
	#news > ul > li b           {display:inline-block; letter-spacing:normal; vertical-align:top;}
	#news > ul > li time        {width:85px; font-size:12px; font-weight:bold;}
	#news > ul > li .categories {width:80px;}
	#news > ul > li .categories > li {display:none; padding:2px 4px 3px; background:#f2f2f2; border-radius:4px; font-size:10px; text-align:center; vertical-align:middle;}
	#news > ul > li .categories > li:first-child {display:block;}
	#news > ul > li b           {width:435px; padding-left:5px; font-size:12px; font-weight:normal;}
	#news > ul > li > a[target="_blank"] > b:after {display:inline-block; content:"\e918"; margin:-0.5em 0 0 8px; font:12px/1 icons; vertical-align:middle;}
	#news > .more {display:block; position:absolute; right:0; top:0; font-size:12px;}

#body > footer {}

@media screen and (max-width:480px) {

#body {padding-top:0; padding-bottom:30px;}
html.fac-js-enabled #body {padding-top:0;}

#body section.series {float:none; width:auto; margin:0; padding:0 20px; border-left:none;}
#body section.series:first-child {padding:0 20px;}
#body section.series > h1 {}
#body section.series > h1 > * {height:157px; background-size:150px;}
#body section.series > h1 > a:hover {}
#body section.series > h1 > span {}
#body section.series > ul {display:table; width:100%; padding:15px 0;}
#body section.series > ul:after {}
#body section.series > ul > li {display:table-cell; float:none; height:55px;}
#body section.series > ul > li:first-child {}
#body section.series > ul > li > * {height:auto; margin:0; padding:50px 5px 0; box-sizing:border-box; font-size:10px; vertical-align:bottom;}
#body section.series > ul > li > a:hover {}
#body section.series > ul > li > span {}
#body section#sd-quattro {}
#body section#sd-quattro > h1 > * {background-image:url(images/sp/sd_title.png);}
#body section#sd-quattro > ul > li {width:50%;}
#body section#sd-quattro > ul > li * {background-position:center center; background-size:75px; text-indent:-9999px;}
#body section#sd-quattro > ul > li.sd   > * {background-image:url(images/sp/sd_sd-quattro.png);}
#body section#sd-quattro > ul > li.sd-h > * {background-image:url(images/sp/sd_sd-quattro-h.png);}
#body section#dp-quattro {}
#body section#dp-quattro > h1 > * {background-image:url(images/sp/dp_title.png);}
#body section#dp-quattro > ul > li {width:25%;}
#body section#dp-quattro > ul > li > * {background-position:center -10px; background-size:60px;}
#body section#dp-quattro > ul > li.dp0 > * {background-image:url(images/sp/dp_dp0-quattro.png);}
#body section#dp-quattro > ul > li.dp1 > * {background-image:url(images/sp/dp_dp1-quattro.png);}
#body section#dp-quattro > ul > li.dp2 > * {background-image:url(images/sp/dp_dp2-quattro.png);}
#body section#dp-quattro > ul > li.dp3 > * {background-image:url(images/sp/dp_dp3-quattro.png);}
	
	#other {padding:15px 20px 0;}
	#other > h1 {font-size:10px;}
	#other > ul {}
	#other > ul > li {}
	#other > ul > li > a {}
	
	#pickup {float:none; margin:20px 20px 0;}
	#pickup > h1 {font-size:15px;}
	#pickup > ul {margin:-15px 0 0; padding:15px 0 0;}
	#pickup > ul > li {margin:15px 0 0; padding:0;}
	#pickup > ul > li > a {}
	#pickup > ul > li img {width:100%; height:auto;}
	#pickup > ul > li > a:hover {}
	
	#news {float:none; width:auto; margin:20px 20px 0;}
	#news > h1 {font-size:15px;}
	#news > ul {margin:10px 0 0;}
	#news > ul > li {}
	#news > ul > li > a {}
	#news > ul > li time, 
	#news > ul > li .categories, 
	#news > ul > li b           {width:auto; vertical-align:middle;}
	#news > ul > li time        {display:inline-block; padding-right:5px; font-size:10px;}
	#news > ul > li .categories {display:inline-block;}
	#news > ul > li .categories > li {width:auto; padding:2px 4px; border-radius:2px; font-size:8px; line-height:1;}
	#news > ul > li .categories > li:first-child {}
	#news > ul > li b           {display:block; padding-left:0; font-size:10px;}
	#news > ul > li > a[target="_blank"] > b:after {font-size:10px;}
	#news > .more {}

#body > footer {margin-top:0;}

}