@charset "utf-8";

/* ================================================
   リーサル・ウェポン LP カラーオーバーライド
   テーマ: 黒 × 緑 × 紫 × 白
   ※ このCSSはmain.css, font.css, anime.cssの後に読み込む
   ================================================ */


/* ----- main-black: 内側シャドウ 赤→緑 ----- */
.main-black {
	box-shadow: inset 0px 0px 32px #0a6e3a;
}

/* ----- main-white: 要項エリア 暖色系→紫系 ----- */
.main-white {
	background-color: #e8daf0;
	box-shadow: inset 0px 0px 32px #7b2d9e;
}

/* ----- subtitele_2: セクション見出し帯 赤グラデ→緑グラデ ----- */
.subtitele_2 {
	background: #004d2a;
	background: linear-gradient(0deg, rgb(71, 0, 77) 0%, rgb(103, 0, 134) 100%);
	border: 8px double #c9a0f0;
	box-shadow: inset 0px 0px 20px #4a1a6b;
}

/* ----- subtitele_sp: 追加セクション枠 ----- */
.subtitele_sp {
	border: 3px solid #c9a0f0;
	box-shadow: 0px 0px 15px 3px #0a6e3a;
}

/* ----- deco2: 内側ボーダー 赤→緑 ----- */
.deco2 {
	@media screen and (max-width: 768px) {
		border: 0.5px solid #2ecc71;
	}
	@media screen and (min-width: 768px) {
		border: 1.5px solid #2ecc71;
	}
}

/* ----- deco3: 外枠ボーダー 赤→緑、box-shadow黄→紫 ----- */
.deco3 {
	@media screen and (max-width: 768px) {
		border: 2px solid #0e8c4a;
		box-shadow: 0px 0px 0px 0.2px #c9a0f0;
	}
	@media screen and (min-width: 768px) {
		border: 3px solid #0e8c4a;
		box-shadow: 0px 0px 0px 0.8px #c9a0f0;
	}
}


/* ----- simplebox01: 金ゴールド枠→紫グラデ枠 ----- */
.simplebox01 {
	border: 3px solid #c9a0f0;
	border-image: linear-gradient(to right, #4a1a6b 0%, #c9a0f0 20%, #4a1a6b 100%) 2;
	box-shadow: 0px 0px 10px 3px #3d0a5e86;
}

/* ----- simplebox00_1: グレー枠→紫ティント枠 ----- */
.simplebox00_1 {
	background: #2d1a4646;
	border: 3px solid #a47bc7;
	box-shadow: 0px 0px 10px 3px #3d0a5e86;
}

/* ----- simplebox02: 赤グラデ枠→緑グラデ枠 ----- */
.simplebox02 {
	border: 3px solid #c9a0f0;
	border-image: linear-gradient(to right, #0a5e3d 0%, #10a359 20%, #0a5e3d 100%) 2;
	box-shadow: 0px 0px 10px 3px #0a5e3d86;
}


/* ----- simplebox2: ユーザーの声ヘッダー 赤グラデ→緑グラデ ----- */
.simplebox2 {
	border-left: 6px #0e8c4a solid;
	background: linear-gradient(90deg, #0a3d2a 0%, #0e8c4a 100%);
}

/* ----- simplebox22: 声の本文 赤シャドウ→緑シャドウ ----- */
.simplebox22 {
	box-shadow: 0px 0px 8px 2px #0a3d2a;
}


/* ----- servicebox1: 特典ボックス枠 黄緑→紫 ----- */
.servicebox1 {
	background-image: url(../../../../images/onesp/onesp_logo1.png);
	border: 3px solid #9b59b6;
}


/* ----- formarea系: フォーム枠 赤→緑/紫 ----- */
.formarea {
	border: 2px solid #1a4a2e;
}

.formarea_top {
	background-color: #0e8c4a;
	border: 2px solid #0a6e3a;
}

.formarea_box {
	border: 6px double #0a6e3a;
	box-shadow: inset 0px 0px 20px #0a6e3a;
}


/* ----- advancejamp: 申込ボタン（丸型） 赤グラデ→緑グラデ ----- */
.advancejamp {
	border: #c9a0f0 solid 3px;
	background: #004d2a;
	background: linear-gradient(0deg, rgb(55, 0, 77) 0%, rgb(134, 16, 163) 100%);
	box-shadow: inset 0px 0px 20px 10px #004d2a;
}


/* ----- scroll-btn: 固定フロートボタン 赤→緑 ----- */
.scroll-btn {
	background: #004d2a;
	background: linear-gradient(0deg, rgb(55, 0, 77) 0%, rgb(134, 16, 163) 100%);
}
.scroll-btn:hover {
	background: #10a359;
}
@media (max-width: 768px) {
	.scroll-btn {
		box-shadow: 0 -2px 10px rgba(146, 16, 163, 0.9);
	}
}


/* ----- rule3: ルールボックス 赤→緑 ----- */
.rule3 {
	background: linear-gradient(0deg, rgba(13, 13, 13, 1) 0%, rgba(13, 13, 13, 1) 23%, rgba(21, 21, 21, 1) 53%, rgba(13, 13, 13, 1) 76%, rgb(0, 26, 12) 85%, rgba(13, 13, 13, 1) 100%);
	border: #10a359 3px double;
	box-shadow: 0px 0px 9px 5px #0a6e3a;
}


/* ----- subtitele_senkou: 先行特典 赤→緑 ----- */
.subtitele_senkou {
	border: 6px double #10a359;
	box-shadow: 0px 0px 13px 2px #10a359;
}

/* ----- bgBksenkou: 先行特典内ボックス 黄シャドウ→紫シャドウ ----- */
.bgBksenkou {
	box-shadow: 0px 0px 15px 6px #9b59b6;
}


/* ----- simplecommentboxAn内の黄色背景ボックス → 紫系に ----- */
/* ※ HTMLインラインstyleで黄色背景を指定しているため、
     必要に応じてHTMLの style="background-color: #ffee00" を
     style="background-color: #d4b8e8" に手動変更してください */


/* ----- bg-y: 黄色背景 → 紫系 ----- */
/* 文字色装飾はそのままだが、bg-yは背景なのでオーバーライド */
.bg-y {
	background-color: #d4b8e8;
}

/* ----- bg-r: 赤背景（特典ヘッダー等） → 緑 ----- */
.bg-r {
	background-color: #003f1e;
}


/* ----- borderlY: 左ボーダー黄→紫 ----- */
.borderlY {
	border-left: 4px solid #9b59b6;
}


/* ----- table.list: 要項テーブル ----- */
table.list th {
	background-color: #4d0057;
}


/* ----- movie_waku2: 動画枠（anime.css由来のものがあればオーバーライド） ----- */


/* ----- place1_link_com_bg: 流れる声背景 ----- */
/* 元CSSに色指定があればオーバーライド。基本は黒系で問題なし */


/* ================================================
   補足: HTMLインラインstyleで色指定されている箇所
   以下は手動で修正が必要です
   ================================================
   
   1. 先行提供ユーザーの声ボックス
      style="background-color: #ffee00; ... border: 3px solid #9e2500;"
      → style="background-color: #d4b8e8; ... border: 3px solid #0e8c4a;"
   
   2. 実績ボックス
      style="border: 2px solid #d8d8d8ce;"
      → そのままでOK（グレー系なので中立）
   
   ================================================ */