@charset "utf-8";

/*
************************************************************************
* フォームレイアウト
* @copyright Revolme Inc.
************************************************************************
*/
.input-controll
{
	display:inline-block;
	font-size:1.6rem;
	line-height:1.2;
    width:100%;
}

.input-controll input,
.input-controll textarea,
.input-controll select
{
    display:inline-block;
    
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    
    width:100%;
    padding:0.8em 0.8em;
    
    border-radius:0px;
    border:1px solid #dddddd;
    color:#000000;
    background-color:#FFFFFF;
}
select::-ms-expand
{
    display: none;
}

input:focus,
textarea:focus,
select:focus
{
	outline: 0px solid transparent;
    border:1px solid #cccccc;
	background-color:#FAFAFF;
}

.input-controll.select
{
    display:inline-block;
    width:100%;
}
.input-controll.select::after
{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	right:1.5em;
	
	width:8px;
	height:8px;
	
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	
	-webkit-transform:rotate(45deg) translateY(-100%);
	-moz-transform:rotate(45deg) translateY(-100%);
	transform:rotate(45deg) translateY(-100%);
}

.input-controll input[type=checkbox],
.input-controll input[type=radio],
.input-controll input[type=file]
{
	display:none;
	width:auto;
}
.input-controll.checkbox,
.input-controll.radio
{
	display:inline-block;
    padding:0.3em 0.5em;
	cursor:pointer;
	line-height:1.3em;
}
.input-controll.checkbox input+span,
.input-controll.radio input+span
{
	display:inline-block;
	line-height:1.3em;
}
.input-controll.checkbox input+span::before,
.input-controll.radio input+span::before
{
	content:"";
	
	display:inline-block;
	
	width:1.4em;
	height:1.4em;
	
	margin-right:0.3em;
	margin-bottom:-0.3em;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.input-controll.price
{
	padding-right:1.5em;
}
.input-controll.price:after
{
	content:"円";
	display:block;
	
	position:absolute;
	bottom:0.4em;
	right:0;
}

.input-controll.frmFileSelect
{
	line-height:1;
}
.input-controll.frmFileSelect .btnFileSelect
{
	display:inline-block;
	padding:0.8em 1.0em;
	border:1px solid #4286f4;
	border-radius:5px;
	cursor:pointer;
}
.input-controll.frmFileSelect .lblFileSelect
{
	display:inline-block;
	padding:0.8em 1.0em;
}
.attachedFile
{
	padding:0.8em 1.0em 0.8em 0.0em;
}
.btnFileDelete
{
	display:inline-block;
	padding:0.3em 0.8em;
	background-color:#FFFFFF;
	border:1px solid #4286f4;
	border-radius:5px;
	cursor:pointer;
}

.form-error,
.form-notice
{
	display:block;
	margin-top:0.5em;
}
.form-error li,
.form-notice li
{
	line-height:1.2;
	margin-top:0.5em;
}
/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1200px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	.input-controll
	{
		font-size:2.2rem;
	}
}