@charset "utf-8";


/* ----------------------------------------------------------------------
	
	 DADADA contact用　css
	
---------------------------------------------------------------------- */



#contact.detail_block {
	max-width:880px;
	margin:auto;
	padding:0 10px;
	box-sizing:border-box;
}

#contact.detail_block .intro {
	line-height:1.8;
	font-size:0.9rem;
	text-align:center;
}


input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
textarea {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}



p.att {
	font-size:0.8rem;
	margin-top:10px;
}


.form_block {
	margin-top:50px;
	padding-bottom:50px;
}

h3.kiyaku_title {
	font-size:1.05rem;
	background-color:#efefef;
	margin-bottom:15px;
	padding:5px 8px;
	box-sizing:border-box;
}

div.kiyaku_block { }

div.kiyaku_block > h4 {
	font-size:1.0rem;
}

p.t_kiyaku {
	font-weight:bold;
}

ul.dot_list { }

ul.dot_list > li {
	text-indent:-1em;
	padding-left:1em;
}

ul.dot_list.sm > li {
	font-size:0.8rem;
}

div.kiyaku_block > .inner {
	overflow-y: scroll;
	height: 160px;
	border: 1px solid #CCC;
	padding: 9px;
	box-sizing:border-box;
	margin:10px 0 20px;
}

span.wpcf7-list-item {
	margin:0;
	display:block;
	text-align:center;
}

span.wpcf7-list-item > label {
	display:block;
	width:100%;
	background-color: #c5f9ac;
	font-weight: bold;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	border-radius:4px;
}

.kiyaku_check {
	margin-bottom:40px;
}

span.a-red { color:#f00; }


.form_block dl {
	display:table;
	width:100%;
	/*border-bottom: 1px solid #DDD;*/
}

.form_block > dl:last-child dd {
	border-bottom: 1px solid #DDD;
	
}

.form_block dl:first-of-type {
	/*border-top:1px solid #DDD;*/
	
}

.form_block label:last-of-type dl dt {
	border-bottom:1px solid #DDD;
}

.form_block label:last-of-type dl dd {
	border-bottom:1px solid #DDD;
}

.form_block dl dt {
	display:table-cell;
	padding:12px 15px;
	box-sizing:border-box;
	vertical-align:middle;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	width:210px;
	background-color:#EEE;
	background-color:#565656;
	color:#FFF;
}

.form_block dl dt span.s_how {
	font-size:0.8rem;
	display:block;
}

.form_block dl dd {
	display:table-cell;
	border:1px solid #DDD;
	padding:12px 15px;
	vertical-align:middle;
	border-bottom: none;
	/*border-top: none;*/
	box-sizing:border-box;
}

.form_block dl dd.count > span {
}

.form_block dl dd.renta span.days {
	/*padding-right:0.5em;*/
}

.form_block dl dd.renta span.days span.txt-sm {
	font-size:0.8rem;
}

.form_block dl dd.renta span.days span.txt-sm.pad {
	padding:0 0.5em;
}

.form_block dl dd.renta span.days span.txt-sm.l_pad {
	padding-left:0.5em;
}

.form_block dl dd.count span.cat {
	padding-right:1em;
}

.form_block dl dd.count span.cat.no_pad { padding-right:0; }



.form_block dl dd.count span.cat > span.front {
	font-size:0.8rem;
	padding-right:0.5em;
}

.form_block dl dd.count span.cat span.back {
	font-size:0.8rem;
	padding-left:0.5em;
}

.form_block dl dd input {
	height:25px;
	width:85%;
	border:1px solid #cecece;
	border-radius:4px;
	color:#757575;
}

/*インプット　調整*/

.form_block dl dd input.in_stay { width:188px; }
.form_block dl dd input.in_age , .form_block dl dd input.in_persons { width:40px; }
.form_block dl dd input.in_post { width:64px; }
.form_block dl dd input.in_name , .form_block dl dd input.in_phonetic , .form_block dl dd input.in_teltel , .form_block dl dd input.in_group , .form_block dl dd input.in_your-mail { width:240px; }


.wpcf7-textarea {
	border:1px solid #cecece;
	width:85%;
	border-radius:4px;
}

.wpcf7-form .wpcf7-submit {
    width: 100% !important;
    cursor: pointer;
    background-color:#015353;
    color: #FFF;
    border: none;
    margin-top: 40px;
	padding:15px 10px;
	box-sizing:border-box;
	font-size:0.9rem;
	
}

.wpcf7-form  .wpcf7c-btn-confirm {
	cursor:pointer;
	background-color:#015353;
	color:#FFF;
	border:none;
	margin-top:40px;
	text-align:center;
	font-size:0.9rem;
	width:100%;
	padding:15px 10px;
	box-sizing:border-box;
}

div.wpcf7-validation-errors {
	text-align:center;
}

span.wpcf7-not-valid-tip {
	margin-top: 7px;
	font-size: 0.75rem;
	font-weight: bold;
}

div.wpcf7-mail-sent-ok {
	text-align:center;
}

br.sp {
	display:none;
}

.wpcf7c-elm-step2 {
	width:142px !important;
	display:block;
}

.wpcf7c-conf {background-color: #fbffdb;color: #585858;border: 1px solid #cdcdcd;}

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

.contact_area {
	padding-top:140px;
}
	
}


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

.form_block dl dd.renta span.days {
	display:block;
	margin-bottom:10px;
}

.form_block dl dd.renta span.days.no_mb { margin-bottom:0; }

.form_block dl dd.count span.cat {
	display:block;
	padding-right:0;
	margin-bottom:10px;
}

.form_block dl dd.count span.cat.no_pad { margin-bottom:0; }

	
}


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

.form_block dl dd input {
	width:98%;
}

.form_block dl dd input.in_name , .form_block dl dd input.in_phonetic , .form_block dl dd input.in_teltel , .form_block dl dd input.in_group , .form_block dl dd input.in_your-mail { width:98%; }

.wpcf7-textarea {
	border:1px solid #DDD;
	width:98%;
}
	
}

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

br.sp {
	display:block;
}
	
.contact_block > .content {
	padding:0;
}
	
.contact_area {
	padding-top:90px;
}

.form_block dl dd input {
	width:96%;
}

.wpcf7-textarea {
	width:97%;
}

.form_block dl {
	display:block;
	width:100%;
	border:none;
}

.form_block dl:first-of-type {
	border:none;
	
}


.form_block dl dt {
	font-size:0.8rem;
	padding:8px 6px;
	display:block;
	width:100%;
	border:none;

}

.form_block dl dd {
	padding:12px 5px 25px;
	display:block;
	width:100%;
	border:none;
}

.wpcf7-form  .wpcf7c-btn-confirm {
	margin-top:0;
}

.form_block label:last-of-type dl dt {
	border-bottom:none;
}

.form_block label:last-of-type dl dd {
	border-bottom:none;
}


}

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

#contact.detail_block .intro {
	text-align:left;
}
	
	
}


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

.contact_block > .content > p {
	font-size:0.8rem;
}

}