@charset "UTF-8";
/* CSS Document */
/* GLOBAL */

/* ---------- PC/SP ---------- */
.onlyPC { display: none; }
.onlySP { }

/* Text Position */
.posL { text-align: left; }
.posC { text-align: center; }
.posR { text-align: right; }
.txt_clear { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.sup { vertical-align: super; font-size: 60%; }
.sup80 { vertical-align: super; font-size: 80%; }
.undertxt { text-decoration: underline; }

/* ---------- CSS ---------- */
p.order_P { font-size: 1rem; line-height: 130%; }
p.warning_P { font-size: 0.8rem; line-height: 130%; }
p.wtset_P {
	font-size: 0.9rem;
	line-height: 140%;
	padding: 1.5rem 0;}
span.markerTxt01 {
	display: inline;
	padding:0em;
	color: #000000;
	background-image: linear-gradient(rgba(0,0,0,0) 80%, rgb(253,190,90) 80%) ;}
span.markerTxt02 {
	display: inline;
	padding:0em;
	color: #000000;
	background-image: linear-gradient(rgba(0,0,0,0) 80%, rgb(79,190,244) 80%) ;}
span.sup { vertical-align: super; font-size: 0.8em; }
span.supP { font-size: 0.8em; }
a.wtlink { display: block ; margin: 8px 0; text-decoration: underline; }

dl.pre_entry_dl { text-align: left; margin: 1em 0; }
dl.pre_entry_dl dt {
	font-size: 120%;
	font-weight: 600;
	color: #29a95a;
	padding: 0.5em 0 0.5em 0.5em;
	vertical-align: middle; }
dl.pre_entry_dl dd { width: 100%; }

dl.pre_entry_dl dd > ul  { list-style: none; margin: 0; padding: 0; }
dl.pre_entry_dl dd > ul li { margin: 6px 0; font-size: 0.8rem; }
dl.pre_entry_dl dd > ul li.pre_orde_type_alert_li { padding-left: 3rem; margin-bottom: 1rem; }
dl.pre_entry_dl dd > ul li.pre_orde_type_alert_li a { font-weight: 400; color: #8e1a98; display: inline-block; }
dl.pre_entry_dl dd > ul li.pre_orde_type_alert_li a:hover { border-bottom: 1px solid #8e1a98; }
dl.pre_entry_dl dd  p { padding: 0rem 1rem; color: #dc143c; }
.invisible { display: none; }

/* ---------- radio / check box ---------- */
/* radioボタン、checkボタン非表示 */
input[type="radio"],input[type="checkbox"] { display: none; }
/* ---------- Radio Button ---------- */
label.btn_label {
	display: block;
	text-align: left;
	margin: 5px;
	border: 3px solid #e5e5e5;
	border-radius: 3px;
 	cursor: pointer;
	position: relative;
	overflow: hidden;
	padding: 8px 8px 8px 2.5em;
	background-color: #fafafc; }
label.btn_label:hover { border-color: #000000; }
label.btn_label:before {
	position: absolute;
	top: 8px;
	left: 1em;
	width: 10px;
	height: 10px;
	content: '';
	border: 0.2em solid #cccccc;
	border-radius: 50%; }
input[type="radio"]:checked + label.btn_label { border: 3px solid #000000; background-color: #ffffff; }
input[type="radio"]:checked + label.btn_label:before { border: 0.2em solid #000000; }

/* ---------- Check Box ---------- */
label.pre_check_label {
	display: block;
	text-align: left;
	margin: 5px;
	border: 3px solid #e5e5e5;
	border-radius: 3px;
 	cursor: pointer;
	position: relative;
	overflow: hidden;
	padding: 8px 8px 8px 2.5em;
	background-color: #fafafc; }
label.pre_check_label:hover { border-color: #000000; }
label.pre_check_label:before {
	display: block;
	position: absolute;
	top: 6px;
	left: 10px;
	width: 14px;
	height: 14px;
	content: '';
	border: 3px solid #cccccc;
	background-color: #fafafc;
	transition: 0.1s ease-in-out; }
input[type="checkbox"]:checked + label.pre_check_label { border: 3px solid #000000; background-color: #ffffff; }
input[type="checkbox"]:checked + label.pre_check_label:before {
	transform: rotate(45deg);
	border-color: #000000;
	border-top: none;
	border-left: none;
	width: 7px;
	top: 6px;
	left: 14px;
	background-color: transparent; }
	
/* ---------- Submit Button ---------- */
input.pre_submitBtn {
	cursor: pointer;
	width: 50%;
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 12px;
	border: 2px solid #a53f88;
	border-radius: 3px;
	-webkit-appearance: none;
	background-color: #a53f88;
	margin: 1em auto; }
input.pre_submitBtn:hover { background-color: #d274b7; cursor: pointer; }

/* ---------- Submit NG Button ---------- */
input.pre_submitNGBtn {
	cursor: default;
	width: 50%;
	font-size: 120%;
	font-weight: bold;
	color: #bbbbbb;
	padding: 8px 12px;
	border: 2px solid #aaaaaa;
	border-radius: 3px;
	-webkit-appearance: none;
	background-color: #dddddd;
	margin: 1em auto; }

/* ---------- Campaign ---------- */
div#clytia_CP h1 {
	position: relative;
	font-size: 1.5em;
	padding: .3em 0 .2em;
	border-bottom: 3px solid #2589d0;
	color: #333333;
	margin: 2em 0 1em; }

/* ---------- Warning ---------- */
div.warning_list {
	text-align: left;
	padding: 1rem 0.8em;
	margin: 2rem 8px;
	border: 2px solid #dc143c;
	border-radius: 8px; }
div.warning_list h2 {
	margin-top: 0;
	color: #dc143c;
	font-size: 1.7em;
	text-align: center; }
ul.warningUL { list-style: none; text-align: left; margin-top: 1rem; font-size: 1.3em; }
ul.warningUL li {  text-indent: -1.5em; margin-left: 1.5em; margin-bottom: 8px; line-height: 130%; }