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



.pc { display: none !important; }
.sp { display: block !important; }

html{
	width:100%;
}
body {
	width:100%;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	line-height:1.2rem;
	font-size:15px;
	background-color:#FFF;
}
.all{
	width:100%;
	max-width: 479px;
	margin: 0 auto;
	background-color:#FFF;
	overflow-x:hidden;
}
a{
	text-decoration: none;
	color: #333333;
	}
a:hover{
	color: #333333;
	}
div{
	display: block;
}
ul li{
	list-style: none;
}
ul{
	margin: 0;
	padding: 0;
}
hr{
	width:95%;
	margin:0 auto;
	border:1px dotted #DDD;
}
input[type="submit"]{
	width:60%;
	display:block;
	height:50px;
	background-color:#772928;
	border:0;
	margin:20px auto;
	border-radius: 10px;
	color:#FFF;
	box-shadow:
    0 5px 0 0px rgb(160, 69, 9)
}
select{
	width:98%;
	height:50px;
	font-size:16px;
}
.w90{width: 90%;	}
.w80{width: 80%;	}
.w60{width: 60%;	}
.w40{width: 40%;	}

.txtclr_666{
	color:#666;
}
.small{
	font-size:0.8rem;
}
.middle{
	font-size:1.0rem;
}
.large{
	font-size:1.1rem;
}
.short{
	width:64px;
}
.orange{
	color:#F96;
}
.cyan{
	color:#009494;
}
.brown{
	color:#772928;
}
.red{
	color:#FF0000;
}
.msg{
	width:90%;
	display: block;
	margin:10px auto;
}
.visit{
	border:2px dotted #009494;
	padding:10px 5px;
}
#header{
	width: 100%;
	margin: 0 auto;
}

#mainvisual{
	width: 100%;
	margin: 0 auto;
}

#content{
	width: 98%;
	margin: 0 auto;
}
.caution{
	width:90%;
	display: block;
	margin:10px auto;
	color:#FF0000;
}
.titl{
	margin: 5% auto 5%;
	width: 50%;
}
.std{
	width: 100%;
	}
.how ol {
	margin: 2% auto;
	width: 95%;
	padding: 0;
	list-style: none;
}
.how ol li {
	padding-left: 30px;
	line-height: 1.5em;
	background: left top no-repeat;
	background-size: 20px auto;
	vertical-align: top;
}
.how ol li:nth-child(1) {
	background-image: url(../img/no1.png);
}
.how ol li:nth-child(2) {
	background-image: url("../img/no2.png");
}
.how ol li:nth-child(3) {
	background-image: url("../img/no3.png");
}
.how ol li:nth-child(4) {
	background-image: url("../img/no4.png") ;
}
.how a{
	background: linear-gradient(transparent 60%, #f4eb07 0%);
	color: #333333;
	float: right;
	margin-bottom: 5%;
	}
.txt_01{
	width: 96%;
	margin: 5% auto 2%;
	font-size: 16px;
	font-weight: 600;
	}
.txt_02{
	width: 96%;
	margin: 2% auto;
	}
.btn{
	width: 60%;
	margin: 10px auto;
	}
.entry{
	background: linear-gradient(transparent 60%, #f4eb07 0%);
	margin: 5% 0 5% 2%;
	font-size: 16px;
	font-weight: 600;
	}
.txtbox{
	width: 90%;
	margin: 1% auto;
	}
.txtbox input[type="text"]{
	width: 98%;
	margin: 1% 0;
	line-height: 2em;
	height:40px;
	font-size:16px;
}
.txtbox input[type="password"]{
	margin: 1% 0;
	line-height: 2em;
	height:40px;
	font-size:16px;
}
.shouhin{
	width:100%;
}
.shouhin img{
	width:48%;
	display:inline-block;
}
#achievement ul{
	width:100%;
	font-size:0.8rem;
	margin-top:10px;
}
#achievement ul li{
	width:20%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement ul li:nth-child(1){
	color:#009494;
}
#achievement ul li:nth-child(2n){
	width:8%;
	padding:1%;
}
#achievement ul li:nth-child(2n-1){
	width:20%;
}
#achievement ul li:nth-child(6){
	width:16%;
}
#achievement ul li img{
	width:80%;
}
#achievement .congra li{
	width:8%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement .congra li:nth-child(2){
	width:70%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement .congra li:nth-child(3){
	width:40%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement .congra li:nth-child(3) input[type="submit"]{
	width:100%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	height:30px;
}

#stamp{
	width:100%;
	max-width:480px;
	margin-top:10px;
}
#stamp ul{
	width:100%;
	max-width:480px;
}
#stamp ul li{
	width:30%;
	display:inline-block;
}
#stamp ul li img{
	width:100%;
}
#entrycont{
	width:90%;
	margin:10px auto;
}
#entrycont ul{
	width:100%;
}
#entrycont ul li{
	width:48%;
	display:inline-block;
	vertical-align:top;
	padding-top:10px;
}

/*　アンケート */
#inquirybox{
	border:1px dotted #772928;
	border-radius:1rem;
	padding:1rem;
}
#inquirybox ul{
	width:100%;
}
#inquirybox ul li{
	width:100%;
	padding-bottom:1rem;
}
#inquirybox ul li.question{
	color:#772928;
}
#inquirybox ul li textarea{
	width:100%;
	height:10rem;
}
#inquirybox #rtn{
	width:60%;
	height:45px;
	color:#FFF;
	display:block;
	margin: 0 auto;
	background-color:#AA5544;
	border:1px solid #AAA;
	border-radius:1rem;
}



#errmsg{
	color:#A00;
	width: 90%;
	margin: 2% auto;
}
#footer{
	width:100%;
	height:80px;
	color:#ffffff;
	text-align: left;
	background-color:#612220;
	padding:20px 0px;
	margin: 5% auto 0;
}
#footer a{
	color:#ffffff;
	}

.foot-in{
	margin: 0 auto;
	text-align: left;
	padding: 3%;
	width: 100%;
	font-size: 0.6rem;
	font-weight: 600;
}
#endmsg{
	width:95%;
	display:block;
	margin:0 auto;
	text-align:center;
	border:4px dotted #A00;
	padding:1%;
	font-size:1.0rem;
}
.inputbox{
	width:100%;
}
.inputbox ul{
	width:100%;
}
.inputbox li{
	width:48%;
	display: inline-block;
}
.inputbox li input{
	width:98%;
	display: inline-block;
}