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

/* ------ [基本スタイル調整] ------ */
.panel-body{
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break : break-all;
}

h2.disabled {
	opacity: .4;
}

@media (min-width: 768px){
	#mainContainer.noRightNav{
		width:700px;
	}
}

div.spMode{
display: none;
position: absolute;left: -999px;top:-999px;
}
@media (max-width: 320px){
	div.spMode{
	display: block;
	}
}


.help-block{
	margin-top:-5px;
	font-size:14px;
}
.label{
	position:relative;left:0;top:-2px;
}


.form-control[disabled]{
	border:none;
	background:#fff;

	-webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transition:none;
    transition:none;
}

.form-control.select-inline{
    display: inline;
    width: auto;
}

input[type="checkbox"]{
	margin-left:0;
	margin-right:5px;
}
@media (max-width: 320px){
	input{font-size: 16px !important;}
}

.radio-inline.choices-break,
.checkbox-inline.choices-break {
	display: block !important;
	padding-top: 10px;
}

.radio-inline, .checkbox-inline{margin-right:15px;}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left:0;}
@media (max-width: 320px){
	.radio-inline,
	.checkbox-inline{
	display: block !important;
	padding-top: 10px;
	font-size: 18px;
	}
	.panel-body .radio-inline:first-child,
	.panel-body .checkbox-inline:first-child{
	margin-top: -5px;
	padding-top: 0;
	}
	.radio-inline input,
	.checkbox-inline input{
	position: relative;left: 0;top:1px;
	}
}

/* ------ [個別スタイル設定] ------ */

span.rangeNote{
	display:inline-block;
	position:relative;
/*	vertical-align: top;*/
    top: 28px;
}
@media (max-width: 320px){
	#rangeNoteMin {
		display: inline-block;
		width:40px;
		font-size:0.6em;
		margin-right: 5px;
	}
	#rangeNoteMax {
		display: inline-block;
		width:40px;
		font-size:0.6em;
		margin-left: 5px;
	}
}
div.rangeArea{
	display:inline-block;
	position:relative;
	width: 50%;
	vertical-align: top;
}
@media (max-width: 320px){
	div.rangeArea{
		width: 160px;
	}
}
div.rangeArea input{
	width: 100%;
}

div.rangeTxt{
	display:none;
	position:absolute;top:24px;left:20%;
	width:30px;
	margin-left:0;
	padding:1px 0;
	text-align:center;

	background: #fff;
	border: 3px solid #ccc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
div.rangeTxt:after, div.rangeTxt:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
div.rangeTxt:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width:6px;
	margin-left:-6px;
}
div.rangeTxt:before {
	border-color:rgba(204, 204, 204, 0);
	border-bottom-color:#ccc;
	border-width:10px;
	margin-left:-10px;
}

span.rangeNum{
	position:relative;left:-0.5px;top:0;
}

.caution-block{
	display:none;
}

div.panel-default div.form-group{margin:0;}

/* name */
div.panel-name{}
div.panel-name input{
	display:inline-block;
	width:50%;
}

/* tel */
div.panel-tel{}
div.panel-tel input{}

/* zip */
div.panel-zip{}
div.panel-zip input{
	display:inline-block;
	width:80px;
}
div.panel-zip div.form-group input:first-child{width:60px;}
/*
@media screen and (max-width: 320px){
	div.panel-zip input{
		display:inline-block;
		width:80%;
	}
	div.panel-zip div.form-group input:first-child{width:60%;}
}
*/
/* date */
div.panel-date{}
div.panel-date label{margin:0 15px 0 0;}
div.panel-date select{
	display:inline-block;
	width:auto;
	margin-right:5px;
}

/* attention */
div.panel-attention{}
div.panel-attention pre{
	width:100%;
	height:10em;
	overflow-y:scroll;
	background:#fff;
}
div.panel-attention div.attention-check{
	width:100%;
	text-align:center;
}


/* OK */
/*
.panel-ok{
	border-color:#51ac21;
}
.panel-ok>.panel-heading{
	border-color:#51ac21;
	background-color:#a5dd69;
}
.panel-ok>.panel-body{
	background-color:#f3fbec;
}
.panel-ok .help-block{
	color:#555;
}
.panel-ok label{}
.panel-ok .caution-block{
	display:none;
}

.panel-ok div.rangeTxt{border-color:#51ac21;}
.panel-ok div.rangeTxt:before {
	border-color:rgba(81, 172, 33, 0);
	border-bottom-color:#51ac21;
}
.panel-ok span.rangeNum{font-weight:bold;}
*/


/* caution */
.panel-caution{
	border-color:#eea236;
}
.panel-caution>.panel-heading{
	border-color:#eea236;
	background-color:#f5de83;
}
.panel-caution>.panel-body{
	background-color:#fffeef;
}
.panel-caution .help-block{
	/*color:#555;*/
}
.panel-caution label{}
.panel-caution .caution-block{
	display:none;
}

.panel-caution div.rangeTxt{border-color:#51ac21;}
.panel-caution div.rangeTxt:before {
	border-color:rgba(81, 172, 33, 0);
	border-bottom-color:#51ac21;
}
.panel-caution span.rangeNum{font-weight:bold;}


/* NG */
.panel-ng{
	border-color:#dd1600;
}
.panel-ng>.panel-heading{
	border-color:#dd1600;
	background-color:#ff6f55;
}
.panel-ng>.panel-body{
	background-color:#fffde9;
}
.panel-ng .label-warning{
	margin-left:-3px;
	margin-right:-3px;
	border:solid #fff 3px;
}
.panel-ng .help-block{
	color:#555;
}
.panel-ng label{
	color:#000;
	font-weight:bold;
}
.panel-ng .caution-block{
	padding-top:8px;
	font-size:12px;
	color:#f00;
}
/*
.panel-ng .form-group + .caution-block{
	padding-top:4px;
}
*/
.panel-ng input{
	border-color:#dd1600;
}
.panel-ng textarea{
	border-color:#dd1600;
}
.panel-ng select{
	border-color:#dd1600;
	color:#000;
	font-weight:bold;
}

.panel-ng div.rangeTxt{border-color:#dd1600;}
.panel-ng div.rangeTxt:before {
	border-color:rgba(221, 22, 0, 0);
	border-bottom-color:#dd1600;
}
.panel-ng span.rangeNum{font-weight:bold;}

/* 上方向のmargin */
.block-mt-sm {
	margin-top: 15px;
}
.block-mt-md {
	margin-top: 30px;
}
.block-mt-lg {
	margin-top: 60px;
}

/* 下方向のmargin */
.block-mb-sm {
	margin-bottom: 15px;
}
.block-mb-md {
	margin-bottom: 30px;
}
.block-mb-lg {
	margin-bottom: 60px;
}

#auth-btn-area {
	width: 220px;
	margin: 0 auto;
}

/* ソーシャルログインボタン */

#auth-btn-area div.login-btn{
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:220px;
	margin:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size:24px;
    font-weight:normal !important;
    line-height:normal;
	text-align:center;

	position:relative;left:0;top:-2px;
	-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.5);
	-moz-box-shadow:0 2px 0 0 rgba(0,0,0,0.5);
	box-shadow:0 2px 0 0 rgba(0,0,0,0.5);
	cursor:pointer;
}
#auth-btn-area div.login-btn:hover{
	position:relative;left:0;top:0;
	-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.5);
	box-shadow:0 0 0 0 rgba(0,0,0,0.5);
}

#auth-btn-area div.login-btn span.icon{
	position:relative;left:0;top:-1px;
	margin-right: 5px;
}
#auth-btn-area div.login-btn span.icon + span.tx{
	font-size:18px;
	position:relative;left:0;top:-3px;
}

#auth-btn-area div.login-btn.tw-btn{
	border:solid #1dcaff 5px;
	background:#1dcaff;
	color:#fff;

}
#auth-btn-area div.login-btn.tw-btn span.tx{font-family:Arial, Helvetica, sans-serif;}

#auth-btn-area a.disabled div.login-btn.in-btn{
	border:solid #999 5px;
	background:#999;
}

#auth-btn-area div.login-btn.in-btn{
	border:solid #e4405f 5px;
	background:#e4405f;
	color:#fff;

}
#auth-btn-area div.login-btn.in-btn span.icon img{width: 24px;margin-top: -2px;}
#auth-btn-area div.login-btn.in-btn span.tx{font-family:Arial, Helvetica, sans-serif;}

#auth-btn-area div.login-btn.fb-btn{
	border:solid #3b5998 5px;
	background:#3b5998;
	color:#fff;
}
#auth-btn-area div.login-btn.fb-btn span.tx{font-family:Arial, Helvetica, sans-serif;}

#auth-btn-area div.login-btn.li-btn{
	border:solid #00c300 5px;
	background:#00c300;
	color:#fff;
}
#auth-btn-area div.login-btn.li-btn span.tx{font-family:Arial, Helvetica, sans-serif;}

#auth-btn-area div.login-btn.ml-btn{
	border:solid #CCC 1px;
	background:#fff;
	color:#888;
    padding: 4px;
}
#auth-btn-area div.login-btn.ml-btn span.tx{font-family:Arial, Helvetica, sans-serif;}

#auth-btn-area div.login-btn.other-btn{
	border:solid #888 5px;
	background:#888;
	color:#fff;
}
#auth-btn-area div.login-btn.other-btn span.tx{
	position:relative;left:0;top:-2px;
	font-size:16px;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
}
a.disabled {
	pointer-events: none;
	cursor: default;
	opacity: .4
  }

.completed {
	background: #EAFAF1;
	color: #145A32;
}