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

共通フォームフォーマット

*************************************************/


/*フォーム関連*/
form input
{
	box-sizing:border-box;
	font-size: 100%;
}

form input:hover
{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

form input[type="text"], form input[type="email"], form input[type="number"],
select
{
	margin:3px 0;
	height:32px;
	border:none;
	background:none;
	background-color: #FFF;
	border: 1px solid #ccc;
}

input[type="text"],
input[type="email"],
input[type="number"],
textarea,
select
{
	padding:0px 10px;

}
select
{
	height:34px;
	padding:5px 10px;
	padding-right:5px;
}

textarea
{
	border: 1px solid #ccc;
	padding:5px 10px;
	box-sizing:border-box;
}
input[type="radio"],
input[type="checkbox"]
{
	border: 0px;
	vertical-align: middle;
	margin-right:5px;
}

.radioCheck label
{
	display:inline-block;
	margin-bottom:5px;
}

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

input[type="radio"],
input[type="checkbox"]
{
	border: 1px solid #ccc;
	background-color: #333;
	height:15px;
	vertical-align: middle;
}
.radioCheck label
{
	display:block;
	padding:5px 0;
}
.radioCheck label:last-child
{
	padding-bottom:0;
}
}
form .inputArea dl dd.longInput input[type="text"],
form .inputArea dl dd.longInput input[type="email"],
form .inputArea dl dd.longInput input[type="number"] {
	max-width: 360px;
}

.rowInput input[type="text"]
{
	display:block;
	margin:0;
	margin-top:-1px;
}
.rowInput input[type="text"].first-child
{
	margin:0;
	margin-top:10px !important;
}
.inputArea .water {
	color:#CCCCCC;
}


.requiredCap {
	position:relative;
	margin-bottom:10px;
	line-height:160%;
	margin-right:5px;
	font-size:85%;
	margin-left:10px;
}
.requiredCap span {
	color: #f60;
}
.requiredCap2 {
	position:relative;
	margin-bottom:0px;
	text-align: right;
	line-height:160%;
	margin-left:10px;
	font-size:75%;
	display: inline-block;
}

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

.requiredCap2 {
	  position: absolute;
  top: -50px;
  right: -10px;
}
}

.requiredCap2 span {
	color: #f60;
}
.requiredCap.orange
{
	color:#FF6600;
}

form dl dt span.mast {
	color: #F60;
	padding-left:8px;
}

form dl dd small {
	font-size: 86%;
	color: #999;
	line-height:180%;
	display:inline-block;
	padding-top:2px;
}
.sideCaption {
	margin-right: 0px;
}

.visible-xxs {
	display: none;
}

/*フォーム関連ここまで*/


/***********************スマホ***********************/


/*フォーム関連*/

form .inputArea dl dd
{
	width:auto;
}
form .inputArea dl dd input[type="text"] {
	width: 100%;
}
form .inputArea dl dd textarea
{
	width:100% !important;
	max-width:100% !important;
}

form .inputArea dl dd.MRnameInput select
{
	width:75px;
	display:block;
}
form .inputArea dl dd.nameInput  input[type="text"],
form .inputArea dl dd.MRnameInput  input[type="text"],
form .inputArea dl dd.shortInput  input[type="text"] {
	width: 70%;
}
form .inputArea dl dd.longInput  input[type="text"],
form .inputArea dl dd.longInput textarea {
	width: 100%;
}
form .inputArea dl dd.w100Input
{
	width:auto;
}
form .inputArea dl dd.w100Input input[type="text"]
{
	width:100%;
	max-width: 100%;
}

@media screen and (max-width: 668px) {
	.rowRadio label
	{
		display:block;
	}
}
/*フォーム関連ここまで*/

/***********************タブレット PC***********************/
@media screen and (min-width: 668px) {

.requiredCap {
	position:absolute;
	bottom:10px;
	right:0;
	text-align: right;
	line-height:160%;
	margin-right:5px;
	margin-bottom:0;
}

/*フォーム関連*/

form .inputArea dl dd.w100Input input[type="text"]
{
	margin:4px 0;
}
form .inputArea dl dd.shortInput input[type="text"] {
	width: auto;
	max-width:120px;
}
form .inputArea dl dd.MRnameInput  input[type="text"]
{
	width:120px;
}
form .inputArea dl dd.nameInput  input[type="text"]
{
	width:160px;
}
form .inputArea dl dd.longInput input[type="text"] {
	max-width: 320px;
}
.requiredCap {
	text-align: right;
	line-height:160%;
	margin-right:5px;
}
.sideCaption {
	margin-right: 10px;
}

/*フォーム関連ここまで*/
	
}
@media screen and (min-width: 690px) {

form .inputArea dl dd.MRnameInput select
{
	display:inline;
}
}

@media (max-width: 546px) {
	.form-inline label {
		display: inline-block;
		width: 40px;
	}
	.visible-xxs {
		display: block;
	}
}

@media screen and (max-width: 400px) {
	.w100Select
	{
		width:100%;
	}
}
/***********************pc***********************/
@media screen and (min-width: 980px) {
	.requiredCap {
		text-align: right;
		line-height:160%;
		margin-right:0px;
	}
}


.longInput.w100 input {
	max-width:98%!important;
}


.fnameStyle {
	max-width: 307px!important;
}




textarea,
select,
input[type="text"],
input[type="email"],
input[type="number"]{
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius: 6px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
font-size: 100%;
}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus{
border-color:#C1EB89;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(193,235,137,1.0);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(193,235,137,1.0)}

textarea::-moz-placeholder,
select::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder{
color:#CCCCCC;
opacity:1}

textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder{
color:#CCCCCC}

textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder{
color:#CCCCCC}

input[type="text"][disabled],input[type="text"][readonly],fieldset[disabled] input[type="text"]{
cursor:not-allowed;
background-color:#eee;
opacity:1}

textarea{
height:auto}

.w-80 {
	width: 80px;
}

.form-inline .w-80, .form-inline label {
	margin-right: 5px;
}

.form-inline label {
	margin-left: 5px;
}

.confirmBtn:disabled {
	opacity: 0.7;
}

.confirmBtn:disabled:hover {
	opacity: 0.7;
	cursor: not-allowed;
}

.m-r-10 {
	margin-right: 10px;
}