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

.box-form {
    text-align: center;
    margin: 0 0 30px;
}
.ent_form dl,
.ent_form dt,
.ent_form dd {
	margin: 0;
	padding: 0;
}

.ent_form dt {
	width: 9em;
	float: left;
	clear: left;
	padding-top: 1.3em;
}
.ent_form fieldset > dl > dt {
	position: relative;
}
.ent_form dd {
	margin-left: 10em;
	padding-top: 1em;
}
.ent_form dl dl {
	clear: left;
}
.ent_form dl dl dt {
	width: 4em;
	padding-top: 0;
}
.ent_form dl dl dd {
	margin-left: 5em;
	padding-top: 0;
}
.box-form input{
padding:15px;
font-size:120%;
margin:10px 20px;
}
#p_info_check{
position:relative;
background-color: #fff;
border:1px solid #999999;
}
#consent_box{
text-align:center;
}
#consent_box .formErrorContent{
margin: 0 auto;
}
#consent{
position:absolute;
top:-0.2em;
top:0.4em\9;
left:1.5em;
margin-left:30%;
}
#consent_c{
width:15em;
margin-left:30%;
}
@media (min-resolution: .001dpcm) {
    _:-o-prefocus, #p_info_check #consent{
	top:0.9em;
    }
}
select,
textarea {
	padding: 3px;
}
input:focus,
select:focus,
textarea:focus {
	background-color: #FFE;
}

#name,
#rubi,
#uni,
#add1,
#add2,
#mail,
#hopeplace {
	width: 90%;
}
#year {
	width: 3em;
}
#addnum {
	width: 5em;
}
#telnum {
	width: 8em;
}
textarea {
	width: 92%;
}

#gender_default {
	display: none;
}

fieldset {
	padding: 10px;
	background-color: rgba(255,255,255,0.7);
	margin-bottom: 20px;
	border:1px solid #ccc;
}
legend {
	position: relative;
}
#privacy_box {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:10px;
	height: 15em;
	overflow: auto;
	font-size: 80%;
	line-height: 1.3;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
#privacy_box h3 {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 10px;
	border-bottom: 1px solid #999;
}
#privacy_box p {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

form table {
	border-collapse: collapse;
	width: 100%;
}
form table th,
form table td {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 5px 10px;
	border: 1px solid #CCC;
}
.em10 {
	width: 10em;
}
.required,
.nonrequired {
	line-height: 1.2;
	color: #FFF;
	font-size: 70%;
	background-color: #F33;
	padding: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	bottom: 3px;
	right: 0;
	display: block;
}
.nonrequired {
	background-color: #1e77a9;
}
.relat {
	position: relative;
	padding-right: 2em;
}
#contents #inspection .ph_date{
	clear:both;
	margin-left:10px;
}
#inspection .ph_date a{
	margin-left: 0;
	color: #841D3E;
	text-shadow: 1px 1px 1px rgba(143, 31, 93, 0.3);
}
.ph_date a:after{
content:"\A";
white-space: pre;
}
#inspection .col2>section{
width:100%;
margin-right:0;
border:0 none;
background:none;
}
#inspection .col2>section>section{/*各店舗*/
width:360px;
margin:0 0 10px;
padding:5px;
float:left;
border: 1px solid #CCC;
background-color:rgba(255,255,255,.5);
}
#inspection .col2 section section p{
margin-left:140px;/*写真サイズ分*/
margin-bottom:5px;
margin-top:0;
font-size:95%;
}
#inspection .col2 > section img {
float: left;
margin-top:0;
}
#inspection section section section dl{
clear:both;
margin-top:0.5em;
margin-bottom:0.5em;
}
#inspection section section section dt{
float:left;
}
/*--csvが無い時--*/
#inspection .ph_ins>section{
width:50%;
margin:0;
}/*
#inspection .ph_ins section section p{
display:block;
margin-right:0;
width:160px;
}*/
/*#hiddenadd,#hiddenplace{
display:none;
}*/
@media screen and (max-width:1200px){/*TAB*/
#inspection .col2>section>section{/*各店舗*/
width:48%;
margin:1%;
padding:5px;
float:left;
border: 1px solid #CCC;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
background-color:rgba(255,255,255,.5);
}
#inspection .col2 section section p{
margin-left:140px;/*写真サイズ分*/
margin-bottom:5px;
margin-top:0;
font-size:90%;
}
#inspection section section section dl{
font-size:90%;
}
/*--csvが無い時--*/
#inspection .ph_ins>section>section{/*各店舗*/
width:98%;
margin:1%;
padding:5px;
float:left;
border: 1px solid #CCC;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
background-color:rgba(255,255,255,.5);
}
#inspection .ph_ins section section p{
margin-left:140px;/*写真サイズ分*/
margin-bottom:5px;
margin-top:0;
font-size:90%;
}
/*-------------*/
#inspection .ph_date{
	margin-left:0;
}
.ph_date a{
display:block;
line-height:2em;
padding:10px;
background-color:#FFFFFF;
border-radius:5px;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
margin-bottom:10px;
text-decoration:none;
transition: .2s ease-out;
}
.ph_date a:hover{
background-color: #F9F9F9;
}
}
@media screen and (max-width: 767px) {
.box-form input{
padding:15px;
font-size:160%;
}
#consent{
top:0;
}
}
@media screen and (min-width: 0px) and (max-width: 580px) {
.ent_form dd{
margin-left: 0;
clear:both;
padding-top:0;
}
#consent{
margin-left:15%;
}
#consent_c{
margin-left:15%;
}
#inspection .col2>section>section{/*各店舗*/
width:100%;
margin-left: 0;
}
#inspection .col2>section>section p{
margin-left:140px;/*写真サイズ分*/
font-size:100%;
}
/*--csvが無い時--*/
#inspection .ph_ins>section{
width:100%;
margin-left:0;
}/*
#inspection .ph_ins section section p{
width:50%;
}*/
/*---------------*/
/*label:after {
    content: "\A";
    white-space: pre;
}*/
}
