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

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

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

/* indexページ用追加（18.01.17） */
#main.pp dl
{
	margin-bottom:30px;
}

#main.pp dl dt
{
	font-weight:bold;
	margin-bottom:10px;
	font-size:130%;
	border-bottom:dotted 1px #ccc;
	padding-bottom:5px;
}
#main.pp dl dd
{
	margin-bottom:30px;
}
#main.pp dl dd:last-child
{
	margin-bottom:0;
}
#main.pp dl dd em
{
	display:block;
	font-size:100%;
	margin-bottom:5px;
	background:#F4F4F0;
	padding:4px;
}
#main.pp dl p b
{
	font-size:100%;
	display:block;
	margin-bottom:5px;
}
#main.pp dl p
{
	margin-bottom:20px;
}
.douibt{
	    padding: 10px;
    font-size: 20px;
    background-color: #f77f26;
    color: #FFF;
		border-color:#cc671d;
	}
.douibt:hover{
	background-color: #a96431;
}
/* ここまで */


/*フォーム関連*/
form input
{
	box-sizing:border-box;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

form input[type="text"],
input[type="email"],
input[type="date"],
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="date"],
textarea,
select
{
	padding:0px 10px;
	font-size:100%;
}
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"] {
	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:10px;
	text-align: right;
	line-height:160%;
	margin-right:5px;
}
.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;
}

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


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


/*フォーム関連*/

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 .dlTable dt
{
	padding-top:10px;
}


form .inputArea dl dd  input[type="text"]{
	max-width: 280px;
}
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 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;
}

form .inputArea dl dd  input[type="text"] {
	max-width: 240px;
}



}


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


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




textarea,
select,
input[type="text"],
input[type="email"],
input[type="date"]{
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}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="date"]: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"],
input[type="date"]{
color:#999;
opacity:1}

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

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

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

textarea{
height:auto}