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

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

/* ---- id control ---- */
#wrapper { margin: 0px auto; padding: 0px; width: 780px; }
#header {
	background: url("../img/xncg-10024/header.jpg") 0px 0px no-repeat;
	margin: 0; padding: 0; height: 320px;
}
#menu {
	float:left; width: 150px; text-align: left;
	margin: 15px 0px; padding: 0px 5px;
}
#menu ul     { list-style-type: none; margin: 10px 0px 30px; }
#menu strong { color: #541905; }

#contents {
	float:left; width: 620px; text-align: left;
	margin: 20px 0px 15px;
}
#contents strong { font-size: 120%; color: #4d0524; }

#jacket  { float: left; width: 270px; }
#title   { float: left; width: 340px; }
#title p { padding: 0px; line-height: 160%; }

#main    {clear: both;}
#main p  { padding: 7px 0px; line-height: 165%; }
#intro   {margin: 5px 0px 20px;}
#intro p {padding: 3px 0px;}

#footer    { clear: both; padding: 10px 0px 20px; border-top: #4d0524 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: #300114; }
.artist, .catch   { line-height:140%; }
.subtitle, .title { color: #541905; }
.artist       { font-size: 110%; }
.benefit      { font-weight: bold; color: #000; }
.benefit span { font-weight: normal; }
.caption  { padding: 10px 0px 0px; }
.catch    { font-size: 120%; }
.info1 { margin: 0px 0px 15px; }
.info2 { margin: 5px 0px 15px; }
.index { margin: 5px 0px 20px; }
.image { margin: 10px; }
.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%; }

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

/* ---- link ---- */
a:link, a:visited { color: #7c53be; }
a:hover, a:active { color: #b86eb2; text-decoration: none; }