/*
AFセンター特殊処理部分用のcss
*/
ul.childMenu li {
  line-height: 1.5;
  padding: 0.5em 0;
  padding-left:35px;
  list-style-type: none!important;
}
ul.childMenu li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0a4";
  position: relative;
  left:-15px;
  color: #21b384; 
}
	
#input_form input[type="password"]{
	
	padding:5px;
	padding-top:1px!important;
	padding-bottom: 0!important;
}
	
#input_form input,
#input_form input[type="password"],
#input_form select{
border:0;
padding:5px;
font-size:16px;
border:solid 1px #ccc;
width:300px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
outline: none;
}

#input_form select{
	
	width:auto!important;
	background: none!important;
}

#input_form select:focus{
    border:solid 1px #EEA34A;
	background:#FFF4E9!important;
	outline:none;
}

#input_form input:focus {
    border:solid 1px #EEA34A;
	outline:none;
	background:#FFF4E9;
}
	

#input_form textarea{
    margin-bottom: 10px!important;
    padding:10px!important;
    width: 700px!important;
    height: 300px!important;
    font-size: 16px!important;
    border:solid 1px #ccc!important;
    background: #FFF!important;
    outline: none!important;	
	-webkit-border-radius: 3px!important;
	-moz-border-radius: 3px!important;
	border-radius: 3px!important;
	-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5)!important;
	-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5)!important;
	box-shadow: 0px 1px rgba(255, 255, 255, 0.5)!important;
	-webkit-border-radius: 3px!important;
	-moz-border-radius: 3px!important;
	border-radius: 3px!important;
	resize: vertical!important;
}

@media only screen and (max-width: 640px) {

	#input_form textarea{
		
		height: 200px!important;
		
	}
	
}

#input_form textarea:focus {
    border: 1px solid #EEA34A!important;
	background:#FFF4E9!important;
}	


input[type="text"][disabled],textarea[readonly]{
    background:#F1F1F1!important;
}

textarea[readonly]{
    resize: vertical!important;
	
}

textarea[readonly]:focus{
	border:solid 1px #ccc!important;
}



.BggradationColor span,
.BggradationColor:before {
  background: #52A0FD;
  background: linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
width:85%!important;
}

button.sendBtn{
	background: none;
	border: none;
width:100%!important;
outline: none;
}	
	
.sendBtn {
  display: inline-block;
  font-size: 22px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  cursor: pointer;	
}
.sendBtn:before {
  content: '';
  display: inline-block;
  height: 40px;
  position: absolute;
  bottom: -5px;
  z-index: 1;
  border-radius: 30em;
  -webkit-filter: blur(20px) brightness(0.95);
          filter: blur(20px) brightness(0.95);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.3s ease-out;	
}
.sendBtn i {
  margin-top: -1px;
  margin-right: 20px;
  font-size: 1.265em;
  vertical-align: middle;
}
.sendBtn span {
  display: inline-block;
  padding: 18px 60px;
  border-radius: 50em;
  position: relative;
  z-index: 2;
  will-change: transform, filter;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.sendBtn:focus, .sendBtn:active {
  color: #ffffff;
}
.sendBtn:hover {
  color: #ffffff;
}
.sendBtn:hover span {
  -webkit-filter: brightness(1.05) contrast(1.05);
          filter: brightness(1.05) contrast(1.05);
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.sendBtn:hover:before {
  bottom: 0;
  -webkit-filter: blur(10px) brightness(0.95);
          filter: blur(10px) brightness(0.95);
}
.sendBtn.mouseOver:before {
  opacity: 0;
  bottom: 10px;
}
.sendBtn.mouseOver:hover:before {
  bottom: -7px;
  opacity: 1;
  -webkit-filter: blur(20px);
          filter: blur(20px);
}
.sendBtn.mouseOver:hover span {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.sendBtn.mouseOver:hover:active span {
  -webkit-filter: brightness(1) contrast(1);
          filter: brightness(1) contrast(1);
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.15s ease-out;
}
.sendBtn.mouseOver:hover:active:before {
  bottom: 0;
  -webkit-filter: blur(10px) brightness(0.95);
          filter: blur(10px) brightness(0.95);
  transition: all 0.2s ease-out;
}
	
dl{
    margin-bottom: 30px;
    padding-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #dcdddd;
    overflow: hidden;
	
}

dt {
    padding: 11px 0 0 20px;
    width: 25%;
    font-size: 16px;
    font-weight: normal;
    float: left;
}

dd {
    width: 65%;
    float: right;
}
	
dd input{
		
	margin-bottom: 10px;
	
}

dd p {
    margin-bottom: 10px!important;
    font-size: 14px;
}

.necessary {
   padding: 5px;
    color: #fff;
    background: #f00;
}
  
.caution span {
    margin-right: 5px;
    padding: 3px 8px;
    background: #dcdddd;
}  
	
.attention{
	background:#FFAE00!important;
	color:#D00407;
	padding:1px 5px;
	font-weight: bold;
}

.u{
	border-bottom: 1px solid #D00407;
	color:#D00407;
	font-weight: bold;
	background: none!important;
}

.grey{
	background:#E0E0E0!important;
	color:#333!important;
}
	
.spDisp{

	display: none;
		
}
	
@media only screen and (max-width: 1199px) {

.spDisp{

	display:inline;
		
}

}	
	
@media only screen and (max-width: 640px) {
	
dt {
    padding: 11px 0 0 20px;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    float: none;
}

dd {
	padding: 11px 0 0 20px;
    width: 100%;
    float: none;
}
	
#input_form input[type="text"],
#input_form input[type="password"]{
	width: calc(100% - 20px);
}	
	}
	
	.attention_error{
		background: #D00407!important;
		color:#fff!important;
		padding:10px;
		font-size:16px;
		font-weight: bold;
		margin:20px 0;
	}
	
	.attention_error span{
		background: #fff!important;
		color:#D00407!important;
		padding:3px 20px;
		font-size:13px;
		font-weight: normal;
	}


	dl.caution{
		
		border: #FF9D10 1px solid;
		padding: 0;

	}

	dl.caution dt{
		
		background: #FF9D10;
		color: #FFF;
		text-align: center;
		width:100%;
		float: none;
		padding:10px;
		font-size:20px;
		font-weight: bold;
	}
	
	dl.caution dd{
		
		width:100%;
		padding:10px;
		float: none;
		
	}
	
	dl.caution dd p{
		
		font-size:16px;
	}


	dl.attentionDL{
		
		border: #DC3D40 1px solid;
		padding: 0;

	}

	dl.attentionDL dt{
		
		background:#DC3D40;
		color: #FFF;
		text-align: center;
		width:100%;
		float: none;
		padding:10px;
		font-size:20px;
		font-weight: bold;
	}
	
	dl.attentionDL dd{
		
		width:100%;
		padding:10px;
		float: none;
		
	}
	
	dl.attentionDL dd p{
		
		font-size:16px;
	}	

ul.pass_reset{
	
	margin-bottom: 0;
	
}
ul.pass_reset li span{
	
	background:#3E1D12;
	color:#fff;
	
}


ul.pass_reset li{
	
	font-size:21px;
	
}


.radioDesign-input{
  display: none;
}
.radioDesign-input + label{
  padding-left: 25px;
  position:relative;
  margin-right: 25px;
	cursor: pointer;
}
.radioDesign-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radioDesign-input:checked + label{
  color: #009a9a;
}
.radioDesign-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #009a9a;
  border-radius: 50%;
}

.check_error{
	color: #E5023A;
	font-size:80%;
	margin-left:10px;
	font-weight: bold;
}

.check_ok{
	color:#07C179;
	font-size:80%;
	margin-left:10px;
	font-weight: bold;
}



.BggradationColorOFF span,
.BggradationColorOFF:before {
  background:#BBB;
width:85%!important;
}

button.sendBtnOFF{
	background: none;
	border: none;
width:100%!important;
outline: none;
}	

.sendBtnOFF {
  display: inline-block;
  font-size: 22px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  cursor:not-allowed;	
}

.sendBtnOFF i {
  margin-top: -1px;
  margin-right: 20px;
  font-size: 1.265em;
  vertical-align: middle;
}
.sendBtnOFF span {
  display: inline-block;
  padding: 18px 60px;
  border-radius: 50em;
  position: relative;
  z-index: 2;
  will-change: transform, filter;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}


  .agreement-frame iframe {
    width: calc(100% - 2px);
    height: 150px;
    border: 1px solid #999;
	  
  }
	
  .agreement-frame {
	margin-bottom: 30px;
  }
	
	
@media screen and (max-width: 640px) {
  .agreement-frame {
    overflow: auto;
    width: 99%;
    height: 100px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #999;
	margin-bottom: 30px;
  }
  .agreement-frame iframe {
    width: 99%;
  }
	
}


	.campaignlist{
		
		width:100%;
		overflow-x: scroll;
	white-space: nowrap!important;
	}



@media only screen and (max-width: 640px) {
	.campaignlist{
		
		
	
	}
}


	.campaignlist::-webkit-scrollbar {
	  display: none;
	}
	
	table.campaignInfo{
		
		width:100%;
		/*width:1140px;*/
		
	}

	table.campaignInfo img{
		
		width:200px!important;
		height:200px!important;
		
	}
	.campaignInfo a{
		
		font-weight: bold;
		
	}
	
	.attribute{
		
		background:#11AB82;
		padding:3px 15px;
		margin-right:3px;
		color:#fff;
		
	}	
	
	ul.url_list li{
		
		list-style: none;

	}
	
	ul.url_list_login li{
		
		line-height: 240%;
	}


	ul.url_list li span.pattern{
		
		background:#0055A4;
		padding:3px 15px;
		margin-right:3px;
		color:#fff;
		
	}
	
	ul.url_list_login li span.pattern{
		
		background:#0055A4;
		padding:3px 15px;
		margin-right:3px;
		color:#fff;
		position: relative;
		top:2px;
		
	}

	ul.url_list{
		
		margin-bottom: 0;
	}
	
	.detail p:last-child {
		
		margin-bottom: 0;
	}
	

.url_list input{
border:0;
padding:5px;
font-size:16px;
border:solid 1px #ccc;
width:300px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
outline: none;
}
.url_list input:focus {
    border:solid 1px #EEA34A;
	outline:none;
	background:#FFF4E9;
}	
	
.checkbox-label{
	margin-top: 10px;
	margin-right: 10px;
}	
	
.input-checkbox{
  display: inline;
  visibility: hidden;
  width:1px!important;
}
.input-checkbox-parts{
  position: relative;
  padding: 6px 10px 7px 53px;
  transition:.3s;
  color: #444;
  border-radius: 8px;
  border: 1px solid #ddd;
  display:inline-block;
  line-height:1;
	font-size:15px;
	cursor:pointer;
}
.input-checkbox:checked + .input-checkbox-parts{
  background: #ff555e;
  color: #fff;
  border: 1px solid #ff555e;
}
.input-checkbox-parts::before{
  content: "";
  display: block;
  posi15px;
  left: 9px;
  width: 33px;
  /*height: 15px;*/
  height: 18px;
  border-radius: 15px;
  border: 1px solid #aaa;
  background: #fff;
  position: absolute;
}
.input-checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top:8px;
  left: 11px;
  /*width: 13px;
  height: 13px;*/
  width: 14px;
  height: 14px;
  background: #aaa;
  border-radius: 50%;
  transition:.2s;
  display: block;
}
.input-checkbox:checked + .input-checkbox-parts::before {
  border: 1px solid #ff555e;
}
.input-checkbox:checked + .input-checkbox-parts::after {
  left: 26px;
  background: #ff555e;
}
.checkbox02-input:checked + .checkbox02-parts::after{
  width: 2px;
  height: 13px;

}

	.list_output{
		
		text-align: center;
		background:#FFEDD4;
		padding:4px;
		font-size:20px;
		font-weight: bold;
		margin-top:50px!important;
		
	}


/* ========== pagenation ========== */

.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ;
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
	padding:0;
	background:none!important;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin: 0 0 10px 3px;
	background:none!important;	
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999!important;
    border-radius: 3px;
    color: #ffffff;
    cursor: not-allowed;
    padding: 3px 10px 3px;
	/*height:28px;*/	
}
.pagenation li a {
    background: none repeat scroll 0 0 #cccccc;
    border-radius: 3px;
    color: #fff!important;
    display: block;
    padding: 3px 10px 3px;
    text-decoration: none;
	/*height:28px;*/	
	cursor: pointer;
}
.pagenation li a:hover {
    background-color: #456ae4;
    color: #ffffff;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/* ========== /pagenation ========== */



	.data_table_sp{
		overflow-x: scroll;
	}
	.data_table_sp table{
		
		width:100%;
		
	}
	
	.data_table_sp::-webkit-scrollbar {
		
	  display: none;
		
	}
	
	
@media only screen and (max-width: 640px) {
	
	.data_table_sp{
		overflow-x: scroll;
		white-space: nowrap!important;
	}
	
	.data_table_sp table{
		
		width:100%;
		
	}
	

}
	

.notes{
	background: linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
	padding:20px;
}


.notes dl{
	
	width:100%;
	border: none;
	margin-bottom: 0;
}

.notes dt{
	
	background: #FFFFFF;
	padding:5px 15px;
	width: 100%;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
	float: none;
	
}

.notes dd{
	
	color: #fff;
	width: 100%;
	margin-bottom: 0;
	float: none;
}

.confirm-wrapper{
	
	width:100%;
	margin: 40px auto;
	text-align: center;
	
}

	.confirm{
		
		background:#FFF0F5;
		padding:40px 50px 30px!important;
		margin: 0 auto 80px;
		width:auto;
		display: inline;
		border-radius: 20px;
		border:1px solid #F8F8F8;
	}

.confirm .input-checkbox-parts{
	
	padding: 7px 10px 7px 80px;
	font-size:24px;
	background: #fff;
	
}
	
.confirm .input-checkbox-parts::before{
	
	content: "";
	display: block;
	position: absolute;
	top:8px;
	width: 60px;
	height: 24px;
	border-radius: 15px;
	border: 1px solid #aaa;
	background: #fff;
	position: absolute;
	
}

.confirm .input-checkbox-parts::after{
	
	content: "";
	display: block;
	position: absolute;
	top:10px;
	left: 11px;
	width: 20px;
	height: 20px;
	background: #aaa;
	border-radius: 50%;
	transition:.2s;
	display: block;

}

.confirm .input-checkbox:checked + .input-checkbox-parts::after {
  left: 47px;
  background: #ff555e;
}



@media only screen and (max-width: 767px) {
	
	.confirm{
		
		background:#FFF0F5;
		padding:30px 20px 30px!important;
		width:auto;
		display: inline;
		border-radius: 20px;
		border:1px solid #F8F8F8;
	}

.confirm .input-checkbox-parts{
	
	padding: 7px 10px 7px 55px;
	font-size:17px;
	background: #fff;
	
}
	
.confirm .input-checkbox-parts::before{
	
	content: "";
	display: block;
	position: absolute;
	top:8px;
	width: 40px;
	height: 17px;
	border-radius: 15px;
	border: 1px solid #aaa;
	background: #fff;
	position: absolute;
	
}

.confirm .input-checkbox-parts::after{
	
	content: "";
	display: block;
	position: absolute;
	top:10px;
	left: 11px;
	width: 13px;
	height: 13px;
	background: #aaa;
	border-radius: 50%;
	transition:.2s;
	display: block;

}

.confirm .input-checkbox:checked + .input-checkbox-parts::after {
  left: 34px;
  background: #ff555e;
}
	

}





@media only screen and (max-width: 575px) {
	
.confirm-wrapper{
	
	width:100%;
	margin: 20px auto;
	text-align: center;
	
}

	
	
	.confirm{
		
		background:none;
		padding:0!important;
		width:auto;
		margin:0;
		display: block;
		border-radius:none;
		border:none;
	}

}