@charset "utf-8";
/* CSS Document */

body{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
font-size:16px;

}





body {
    background: #fff url('../img/background.jpg') center center / cover no-repeat fixed;
}
/* スマホ（iOS）では fixed が効かず拡大されるため通常表示に */
@media (max-width: 1024px) {
    body { background-attachment: scroll; background-size: 100% auto; background-position: center top; }
}





#counter_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}



#wrap{
	margin:auto;
    background: transparent;
    margin-top: 85px; /* タイマーの高さに合わせて調整 */
	}

#head{
	width:1000px;
	margin:auto;
	background:#fff;
    box-shadow: 0 0 30px 10px rgba(255, 255, 255, 0.15);
	}

.head_box{
	background:#000;
	color:#fff;
	margin:-16px 0 0 0;
	}


.head_box2{
	width:1000px;
	margin:auto;
	}




.main{
	width:800px;
	margin:auto;
	background:#fff;
	}


.main_case{
	padding:50px;
	background:#fff;
    box-shadow: 0 0 30px 10px rgba(255, 255, 255, 0.15);
	}

.main_box{
	padding:20px;
	background:#F3F3F3;
	margin:0 0 40px 0;
	}

.main_box2{
	padding:20px;
	background:#fff;
	border: 3px solid;
	margin:40px 0 40px 0;
	}

.main_box3{
	padding:20px;
	background:#F3F3F3;
	margin:40px 0 40px 0;
	}

	.main_box3_title{
		padding: 1em;/*文字周りの余白*/
		margin:40px 0 40px 0;
		color: #c00;/*文字色*/
		background: #F3F3F3;/*背景色*/
		border-left: solid 10px #000;/*下線*/
		border-right: solid 10px #000;/*下線*/
		text-align:center;
		font-size:20px;
  		}

	.main_box3_title2{
		padding: 1em;/*文字周りの余白*/
		margin:40px 0 40px 0;
		color: #c00;/*文字色*/
		background: #F2F8FF;/*背景色*/
		border-left: solid 10px #3349F5;/*下線*/
		border-right: solid 10px #3349F5;/*下線*/
		text-align:center;
		font-size:20px;
  		}

	.main_box3_title3{
		margin:40px 0 -20px 0;
		background: #fff;/*背景色*/
		text-align:center;
		font-size:24px;
  		}


.main_box4{
	padding:20px;
	background:#F2F8FF;
	margin:40px 0 40px 0;
	}

.main_box5{
	padding:20px;
	background:#fff;
	border: 3px solid #3349F5;
	margin:40px 0 40px 0;
	}


.main_bread{
    width: 760px;
    margin: auto;
    background: linear-gradient(
        to bottom,
        #fff 0%,
        #efefef 15%,
        #efefef 85%,
        #fff 100%
    );
	padding:20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:40px;
	}



.main_bread p{
	}


.main_bread2{
	background:#000;
	padding:20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:40px;
	}




#QandA-2 {
	width: 100%;
	font-family: メイリオ;
}
#QandA-2 h3 {
	font-size: 26px;
}
#QandA-2 dl {
	border: 1px solid #ccc;
	margin:30px 0 0 0;
}
#QandA-2 dt {
font-weight: bold;
	color: #c00;
	background:#e1e2d4; /* 「Q」タイトルの背景色 */
	padding: 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#QandA-2 dt:first-child {
	border-top: none;
}
#QandA-2 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-2 dd {
	padding: 16px 16px 24px 30px;
	margin: 0;
	line-height: 140%;
	background:#fbfbf6;
}
#QandA-2 dd:first-line {
	
}
#QandA-2 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	margin-left: -21px;
}



img{
max-width: 100%;
height: auto;
}







table.type03 {
border-collapse: collapse;
text-align: left;
line-height: 1.5;
border-top: 1px solid #ccc;
border-left: 3px solid #000;
margin:auto;
font-size:12px;
color:#333;
}

table.type03 a{
color:#333;
opacity:0.5;
}

table.type03 a:hover{
opacity:1.0;
}

table.type03 th {
background:#444;
width: 147px;
padding: 10px;
font-weight:normal;
vertical-align: top;
color: #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

table.type03 td {
background: -moz-linear-gradient(left, #fff, #F3F4F2);
background: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#F3F4F2));width:auto;
width: 649px;
padding: 10px;
vertical-align: top;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}



#fooder{
	background:#000;
	padding:10px;
	color:#fff;
	text-align:center;
	}



#fooder_box{
	width:1000px;
	margin:auto;
}

#fooder_box a{
	color:#fff;
}





.strike {
  text-decoration: line-through;
}

.red-under {
  border-bottom: 1px solid #000;
}

.bold {
  font-weight: bold;
}

.red{
	color:#c00;
}


.marker-under {
  background: linear-gradient(transparent 60%, #ff6 60%);
}

.fz-12px {
  font-size: 12px;
}

.fz-13px {
  font-size: 13px;
}

.fz-14px {
  font-size: 14px;
}

.fz-15px {
  font-size: 15px;
}

.fz-16px {
  font-size: 16px;
}

.fz-17px {
  font-size: 17px;
}

.fz-18px {
  font-size: 18px;
}

.fz-19px {
  font-size: 19px;
}

.fz-20px {
  font-size: 20px;
}

.fz-21px {
  font-size: 21px;
}

.fz-22px {
  font-size: 22px;
}

.fz-24px {
  font-size: 24px;
}

.fz-28px {
  font-size: 28px;
}

.fz-32px {
  font-size: 32px;
}

.fz-36px {
  font-size: 36px;
}

.fz-40px {
  font-size: 40px;
}

.fz-44px {
  font-size: 44px;
}

.fz-48px {
  font-size: 48px;
}









/* ===== BUZZ Collection 追加分 ===== */
.main_box2.brd980000{
	background:#F3F3F3;
	border:2px solid #980000;
	}

/* Q&A：本文に「Ｑ：」「Ａ：」が含まれるため自動付与の記号は非表示 */
#QandA-2 dt:before,
#QandA-2 dd:before{
	content:none;
	}
#QandA-2 dd{
	padding:16px 16px 24px 16px;
	}
#QandA-2 dl:first-child{
	margin-top:20px;
	}

/* 見出し２：白背景×左と下に青の太線 */
.main_box3_title{
	padding: 0.8em 1em 0.8em 1em;
	color: #c00;
	background: #fff;
	border-left: solid 8px #0000FF;
	border-right: none;
	border-bottom: solid 4px #0000FF;
	font-weight: bold;
	}

/* 本文の左右：背景になじむ白の薄いグラデーション（ヘッダー画像より下） */
.main, .main_bread{
	position: relative;
	}
.main::before, .main::after,
.main_bread::before, .main_bread::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 140px;
	pointer-events: none;
	}
.main::before, .main_bread::before{
	right: 100%;
	background: linear-gradient(to left, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.55) 45%, rgba(255,255,255,0) 100%);
	}
.main::after, .main_bread::after{
	left: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.55) 45%, rgba(255,255,255,0) 100%);
	}
html, body{
	overflow-x: hidden;
	}

/* サブヘッドの左右：グレーの帯を外側へ延ばし、背景に溶け込ませる */
.main_bread::before, .main_bread::after{
	width: 220px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #efefef 15%, #efefef 85%, rgba(255,255,255,0) 100%);
	}
.main_bread::before{
	-webkit-mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%);
	}
.main_bread::after{
	-webkit-mask-image: linear-gradient(to right, #000 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(to right, #000 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%);
	}

/* サブヘッドの帯色：背景に合わせた淡いシャンパンゴールド */
.main_bread{
	background: linear-gradient(to bottom, #fff 0%, #faf5e8 15%, #faf5e8 85%, #fff 100%);
	}
.main_bread::before, .main_bread::after{
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #faf5e8 15%, #faf5e8 85%, rgba(255,255,255,0) 100%);
	}

/* 淡い黄色の枠（原稿の背景色 #FFF2CC） */
.main_box3.bgfff2cc{
	background:#FFF2CC;
	}

/* ===== 全体背景：黒系スタイリッシュ（ヘッダーのゴールド×ブラックに合わせる） ===== */
body{
	background-color: #070708;
	background-image:
		radial-gradient(ellipse 60% 45% at 12% 18%, rgba(201, 162, 39, 0.16) 0%, rgba(201, 162, 39, 0) 70%),
		radial-gradient(ellipse 55% 45% at 88% 78%, rgba(201, 162, 39, 0.13) 0%, rgba(201, 162, 39, 0) 70%),
		repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.018) 0px, rgba(255, 255, 255, 0.018) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 7px),
		linear-gradient(180deg, #141417 0%, #070708 55%, #0d0c0a 100%);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
@media (max-width: 1024px) {
	body{ background-attachment: scroll; }
	}

/* 本文左右：黒背景に合わせて、白帯の縁にごく淡い光が滲む程度に */
.main::before{
	background: linear-gradient(to left, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.03) 45%, rgba(255,255,255,0) 100%);
	}
.main::after{
	background: linear-gradient(to right, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.03) 45%, rgba(255,255,255,0) 100%);
	}

/* サブヘッドの左右の延長：黒背景ではゴールドの光の帯として控えめに */
.main_bread::before, .main_bread::after{
	background: linear-gradient(to bottom, rgba(212,175,55,0) 0%, rgba(212,175,55,0.38) 50%, rgba(212,175,55,0) 100%);
	}

/* 黒背景では本文左右の光は付けず、白帯をくっきり見せる */
.main::before, .main::after{
	background: none;
	}


/* 本文の幅をヘッダー画像（1000px）に揃える */
.main{
	width: 1000px;
	}
.main_bread{
	width: 960px;
	}

/* 全体背景：BUZZ Collectionのゴールド曲線背景の黒バージョン */
body{
	background: #08080a url('../img/background_black.jpg') center center / cover no-repeat fixed;
	}
@media (max-width: 1024px) {
	body{ background-attachment: scroll; background-size: 100% auto; background-position: center top; }
	}

/* 全体背景：黒ベースに深紅と紫の煙、霞んだゴールドの曲線（怪しさ・秘匿性） */
body{
	background: #050407 url('../img/background_dark.jpg') center center / cover no-repeat fixed;
	}
@media (max-width: 1024px) {
	body{ background-attachment: scroll; background-size: 100% auto; background-position: center top; }
	}
/* サブヘッド左右の光の帯：背景に合わせて深紅に */
.main_bread::before, .main_bread::after{
	background: linear-gradient(to bottom, rgba(150,10,35,0) 0%, rgba(150,10,35,0.55) 50%, rgba(150,10,35,0) 100%);
	}

/* 燃え上がる背景アニメーション用のキャンバス（本文の後ろ） */
#fire_bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	}
#wrap{
	position: relative;
	z-index: 1;
	}

/* 価格枠の締切表示：主張しすぎず目に留まるラベル */
.deadline_badge{
	display: inline-block;
	padding: 5px 18px;
	border: 1px solid #000;
	border-radius: 999px;
	background: #111;
	color: #ffe600;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 1.4;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
	}

/* ===== セット販売レター用：全体の背景は白 ===== */
body{
	background: #fff;
	}
@media (max-width: 1024px) {
	body{ background: #fff; }
	}
/* 白背景では、サブヘッドの左右の延長は帯と同じ淡いゴールドで自然に消す */
.main_bread::before, .main_bread::after{
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #faf5e8 15%, #faf5e8 85%, rgba(255,255,255,0) 100%);
	}

/* ===== 全体背景：煌びやかに光るシャンパンゴールド ===== */
body{
	background-color: #fbf6ea;
	background-image:
		url('../img/background.jpg'),
		radial-gradient(ellipse 70% 55% at 15% 20%, rgba(255, 226, 150, 0.55) 0%, rgba(255, 226, 150, 0) 70%),
		radial-gradient(ellipse 65% 55% at 85% 80%, rgba(240, 200, 110, 0.45) 0%, rgba(240, 200, 110, 0) 70%),
		linear-gradient(160deg, #fffaf0 0%, #f6e7c4 45%, #fdf6e6 70%, #efdcae 100%);
	background-blend-mode: multiply, normal, normal, normal;
	background-size: cover, cover, cover, cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
@media (max-width: 1024px) {
	body{ background-attachment: scroll; }
	}
#sparkle_bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	}

/* 両端の炎（本文の後ろ） */
#edgefire_bg{
	filter: blur(2.5px) saturate(1.15);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	}

/* ===== 背景をキメラと同じに：黒ベースに深紅と紫の煙＋下から燃え上がる炎（きらめきは削除） ===== */
body{
	background: #050407 url('../img/background_dark.jpg') center center / cover no-repeat fixed;
	background-blend-mode: normal;
	}
@media (max-width: 1024px) {
	body{ background-attachment: scroll; background-size: 100% auto; background-position: center top; }
	}
/* サブヘッド左右の光の帯：キメラと同じ深紅 */
.main_bread::before, .main_bread::after{
	background: linear-gradient(to bottom, rgba(150,10,35,0) 0%, rgba(150,10,35,0.55) 50%, rgba(150,10,35,0) 100%);
	}

/* 見出し２：サブヘッドと同じ配色（淡いゴールドの帯×赤文字×深紅のライン） */
.main_box3_title{
	color: #c00;
	background: linear-gradient(to bottom, #fff 0%, #faf5e8 15%, #faf5e8 85%, #fff 100%);
	border-left: solid 8px #960a23;
	border-bottom: solid 4px #960a23;
	}