/*
 * COSMICRAY FKS CFCD-007 STYLE-SHEET for PC 
 * Copyright(c) 2012, 2026 COSMICRAY,Inc. All Rights Reserved.
 * https://www.cosmicray.co.jp/fks/cfcd-007/
 */

/* ---- general ---- */
*{ margin:0; padding:0; border:0; }
html { scroll-behavior: smooth; }
body {
	background-color: #fff; color:#0e1611;
	margin: 0 auto; text-align: center;
	font-size: 80%; line-height: 150%;
}

/* ---- id control ---- */
#wrapper { margin: 0 auto; padding: 0px; width: 780px; }
#header {
	background: url("../img/cfcd-007/header.jpg") 0px 0px no-repeat;
	margin: 0; padding: 0; height: 320px;
}
#menu     { float:left; width: 150px; margin: 15px 0px; padding: 0px 5px; text-align: left; }
#contents { float:left; width: 620px; margin: 20px 0px 15px; text-align: left; }

#menu ul     { list-style-type: none; margin: 10px 0px 30px; }
#menu strong {color: #264031;}

#contents strong { font-size: 120%; color: #0E1611; }
#intro  { margin: 5px 0px 20px;}
#jacket { float: left; width: 270px; }
#main   { clear: both; }
#title  { float: left; width: 340px; }

#title p { padding: 0px; line-height: 160%; }
#main p  { padding: 7px 0px; line-height: 165%; }
#intro p { padding: 3px 0px; }

#footer { clear: both; padding: 10px 0px 20px; border-top: #264031 1px solid; }
#footer ul { margin: 3px 10px; }
#footer li { padding: 0px 5px; display: inline; }

/* ---- class control ---- */
.advance, .advance strong { color: #dc143c !important; }
.artist, .catch, .subtitle, .title {color: #0E1611;}
.artist, .catch {line-height:140%;}
.artist {font-size: 110%;}
.benefit { font-weight: bold; color: #000; }
.benefit span { font-weight: normal; }
.caption { padding: 10px 0px 0px; }
.catch {font-size: 120%;}
.image {margin: 10px;}
.index {margin: 5px 0px 20px;}
.info1 { margin: 0px 0px 15px; }
.info2 { margin: 5px 0px 15px; }
.line { margin: 20px 0px; text-align: center; }
.share { margin: 5px 0px !important; }
.subtitle { font-weight: bold; font-size: 150%; line-height:160%; }
.title { font-size: 230%; line-height:130%; }
.title, .subtitle {color: #0E1611;}

.que, .all, .aya, .mak, .not, .oki, .all, .ter {font-weight: bold;}
.que        { color: #7e7b70; }
.aya, .aya2 { color: #f87404; }
.mak, .mak2 { color: #e91877; }
.not, .not2 { color: #a108c0; }
.oki, .oki2 { color: #6e2c12; }
.ter, .ter2 { color: #061ea2; }

/* ---- link ---- */
a:link, a:visited {color: #388466;}
a:hover, a:active {color: #c674a0; text-decoration: none;}
.que a {color: #264031;}