@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 480px) { /*ウィンドウ幅が480px以上の場合に適用*/



.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:#EFF;
}
.all{
	width:100%;
	max-width: 860px;
	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;
	vertical-align: middle;
	text-align: center;
}
ul{
	margin: 0;
	padding: 0;
}
hr{
	width:100%;
	margin:10px auto;
	border:1px solid #DDD;

}
.hrd{
	width:100%;
	margin:10px auto;
	border:1px dotted #EEE;

}

input[type="text"]{
	width:90%;
	height:30px;
	font-size:1.2rem;
}
input[type="checkbox"]{
	width:20px;
	height:20px;
	font-size:1.2rem;
	vertical-align: top;
}
input[type="submit"]{
	width:60%;
	display:block;
	height:50px;
	background-color:#ffac30;
	border:0;
	margin:20px auto;
	border-radius: 10px;
	color:#FFF;
	box-shadow:
    0 5px 0 0px rgb(255, 110, 48);
}
button{
	width:60%;
	display:block;
	height:50px;
	background-color:#ffac30;
	border:0;
	margin:20px auto;
	border-radius: 10px;
	color:#FFF;
	box-shadow:
    0 5px 0 0px rgb(255, 110, 48);
}
select{
	width:40%;
	height:30px;
}
.w90{width: 90%;	}
.w80{width: 80%;	}
.w60{width: 60%;	}
.w40{width: 40%;	}
.mb10{margin-bottom: 10px}
#header{
	width: 100%;
	margin: 0 auto;
}
.msg{
	color:#000;
	font-size:1.1rem;
}
.comment{
	color:#A44;
	font-size:0,8rem;
}
#mainvisual{
	width: 100%;
	margin: 0 auto;
}
#mainvisual img{
	width: 100%;
	margin: 10px auto;
}

#entryform{
	width:95%;
	margin:0 auto;
}
#entryform ul{
	width:100%;
}
#entryform ul li{
	width:30%;
	display:inline-block;
	padding:1%;
}
#entryform ul li:nth-child(2n){
	width:60%;
	display:inline-block;
	text-align: left;
	line-height:1.5rem;
}
#entryform ul li#kounyunaiyo{
	width:30%;
	vertical-align: top;
}
#thnx{
	width:80%;
	padding:3%;
	border:2px dotted #AAA;
	display:block;
	margin:0 auto;
	color:#AAA;
}
#errmsg{
	width:80%;
	padding:3%;
	border:2px dotted #A00;
	display:block;
	margin:0 auto;
	color:#A00;
}
#footer{
	width:93%;
	height:100px;
	text-align: center;
	background-color: #fae5b1;
	padding:3%;
	margin-top:10px;
}


}


/*PCここまで*/

@media screen and (max-width: 479px) { /*ウィンドウ幅が480px以上の場合に適用*/

.pc { display: none !important; }
.sp { display: block !important; }
html{
	width:100%;
	font-size:12px;
}
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;
	background-color:#EFF;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
.all{
	width:100%;
	max-width: 860px;
	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;
	vertical-align: middle;
	text-align: center;
}
ul{
	margin: 0;
	padding: 0;
}
hr{
	width:100%;
	margin:10px auto;
	border:1px solid #DDD;

}
.hrd{
	width:100%;
	margin:10px auto;
	border:1px dotted #EEE;

}

input[type="text"]{
	width:90%;
	height:30px;
	font-size:1.2rem;
}
input[type="checkbox"]{
	width:20px;
	height:20px;
	font-size:1.2rem;
	vertical-align: top;
}
input[type="submit"]{
	width:60%;
	display:block;
	height:50px;
	background-color:#ffac30;
	border:0;
	margin:20px auto;
	border-radius: 10px;
	color:#FFF;
	box-shadow:
    0 5px 0 0px rgb(255, 110, 48);
}
button{
	width:60%;
	display:block;
	height:50px;
	background-color:#ffac30;
	border:0;
	margin:20px auto;
	border-radius: 10px;
	color:#FFF;
	box-shadow:
    0 5px 0 0px rgb(255, 110, 48);
}
select{
	width:40%;
	height:30px;
}
.w90{width: 90%;	}
.w80{width: 80%;	}
.w60{width: 60%;	}
.w40{width: 40%;	}
.mb10{margin-bottom: 10px}
#header{
	width: 100%;
	margin: 0 auto;
}
.msg{
	color:#000;
	font-size:1.0rem;
}
.comment{
	color:#A44;
	font-size:0,8rem;
}
#mainvisual{
	width: 100%;
	margin: 10px auto;
}
#mainvisual img{
	width: 100%;
	margin: 0 auto;
}
#entryform{
	width:95%;
	margin:0 auto;
}
#entryform ul{
	width:100%;
}
#entryform ul li{
	width:95%;
	display:inline-block;
	padding:1%;
	text-align:left;
	font-size:1.1rem;
	color:#c75b02;
}
#entryform ul li:nth-child(2n){
	width:90%;
	display:inline-block;
	text-align: left;
	line-height:1.5rem;
	color:#000;
}
#entryform ul li#kounyunaiyo{
	width:30%;
	vertical-align: top;
}
#thnx{
	width:80%;
	padding:3%;
	border:2px dotted #AAA;
	display:block;
	margin:0 auto;
	color:#AAA;
}
#errmsg{
	width:80%;
	padding:3%;
	border:2px dotted #A00;
	display:block;
	margin:0 auto;
	color:#A00;
}
#footer{
	width:93%;
	height:100px;
	text-align: center;
	background-color: #fae5b1;
	padding:3%;
	margin-top:10px;
}

}