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

html			{ height:100%; background:#ebeff3; }
body			{ margin:0; padding:0 0 1px 0; border:0; color:#4c4c4c; text-align:left; font-size:90%; font-family:"ＭＳ Ｐゴシック", sans-serif, 'MS PGothic', 'Hiragino Kaku Gothic Pro W3'; -webkit-text-size-adjust: 100%; }
div				{ vertical-align:bottom; line-height:1em; }
form			{ margin:0; padding:0; }
img				{ margin:0; padding:0; font-size:0; line-height:0; border:0; }
ul,ol,li		{ margin:0px; padding:0px; list-style-type:none; line-height:1em;/*IE・FF*/ vertical-align:top;/*IE*/ }
h1,h2,h3,h4,h5,h6,p,address { font-size:100%; font-weight:normal; font-style:normal; margin-left:0; margin-right:0; margin-top:0; }
a				{ color:#1576ee; }



#header				{ margin:0 auto; padding:20px 0; width:100%; background:#ebeff3; }
#header h1			{ margin:0; padding:0; width:367px; }

.wrap				{ margin:0 auto; padding:0; width:1000px; }

#main				{ margin:0 auto; padding:0 0 15px 0; width:940px; border:27px solid #374149; background:#fff; }

#title				{ margin:0 auto 40px auto; padding:40px 0; width:100%; text-align:center; border-bottom:1px solid #374149; }

.txtbox				{ margin:0 auto 50px auto; padding:20px 0; width:750px; background:#59a0d7; border-radius:16px; }
.txtbox2			{ margin:0 auto 70px auto; padding:15px 0; width:770px; background:#fff; border-radius:16px; border:1px solid #374149; }

p					{ margin:0 50px; padding:0; font-size:15px; color:#fff; line-height:1.6em; }
p.ttl				{ margin:0 20px; padding:0; font-size:34px; color:#1576ee; line-height:1.4em; }
p.ttl2				{ margin:0 20px; padding:0; font-size:30px; color:#ed3eba; line-height:1.4em; }
p.ttl3				{ margin:0 0 30px 0; padding:0; font-size:22px; color:#272a34; line-height:1.4em; }
p.txt1				{ margin:0 20px 20px 20px; padding:0; font-size:15px; color:#ed3eba; line-height:1.6em; }
p.txt2				{ margin:0 20px; padding:0; font-size:15px; color:#000; line-height:1.6em; }
.date				{ margin:0; padding:0; font-size:30px; color:#272a34; line-height:1.4em; }

.yrw				{ color:#ffea00; }


.login 				{ overflow:hidden; margin:0 auto 20px auto; padding:0 0 0 0; width:600px; }
.login .art			{ float:left; margin:0; padding:0; width:200px; font-size:16px; color:#414141; line-height:1.4em }
.login .frm			{ float:left; margin:0; padding:0; width:400px; font-size:15px; color:#414141; line-height:1.4em }
.login .att			{ margin:10px 0 20px 3px; padding:0; font-size:14px; color:#7787a0; line-height:1.2em }


input				{ border:1px solid #ccc; font-size:14px; border-radius:5px; }
input.txt1			{ margin:0; padding:10px 0 10px 5px; width:90%; }
textarea.area		{ border:1px solid #ccc; font-size:14px; border-radius:5px; width:95%; height:100px; }
input.check			{ margin:0 5px 0 0; padding:0; font-size:20px; }


.btn				{ margin:0 auto 50px auto; padding:0; font-size:20px; color:#fff; line-height:1em; text-align:center; width:260px; border:8px solid #0c6be0; background:#1576ee url(../img/ico-vect.png) center right no-repeat; background-size:35px 22px; }
.btn a				{ display:block; padding:25px 0; color:#fff; text-decoration:none; }

.btnwrap			{ position:relative; margin:0 auto; padding:0 0 150px 0; width:700px; }
.btn-send			{ position:absolute; top:0; right:0; margin:0 auto 50px auto; padding:0; font-size:20px; color:#fff; line-height:1em; text-align:center; width:260px; border:8px solid #0c6be0; background:#1576ee url(../img/ico-vect.png) center right no-repeat; background-size:35px 22px; }
.btn-send a			{ display:block; padding:25px 0; color:#fff; text-decoration:none; }
.btn-back			{ position:absolute; top:0; left:0; margin:0 auto 50px auto; padding:0; font-size:20px; color:#fff; line-height:1em; text-align:center; width:260px; border:8px solid #848d98; background:#9b9ea3 url(../img/ico-vect2.png) center left no-repeat; background-size:35px 22px; }
.btn-back a			{ display:block; padding:25px 0; color:#fff; text-decoration:none; }


#footer				{ margin:0 auto; padding:10px 0 50px 0; width:1000px; font-size:14px; color:#000; line-height:1.8em; text-align:center; }


.deadline			{ margin:0 auto 35px auto; padding:5px 0; width:500px; font-size:26px; color:#272a34; line-height:1.4em; text-align:center; border:15px solid #ed3eba; }

.inner				{ margin:0 auto 50px auto; padding:0 0; width:800px; }

ul.form1			{ overflow:hidden; margin:0 auto; padding:10px 0; width:700px; }
ul.form1 li.art		{ float:left; margin:0; padding:0; width:170px; font-size:16px; color:#272a34; line-height:1.4em; list-style:none; }
ul.form1 li.dtl		{ float:left; margin:0; padding:0; width:530px; font-size:20px; color:#1576ee; line-height:1.4em; list-style:none; }

ul.form2			{ overflow:hidden; margin:0 auto; padding:10px 0; width:700px; }
ul.form2 li.date	{ float:left; margin:0; padding:0; width:180px; font-size:17px; color:#272a34; line-height:1.4em; list-style:none; }
ul.form2 li.date2	{ float:left; margin:0; padding:0; width:180px; font-size:20px; color:#083bd0; line-height:1.4em; list-style:none; }
ul.form2 li.time	{ float:left; margin:0; padding:0; width:100px; font-size:20px; color:#083bd0; line-height:1.4em; list-style:none; }
ul.form2 li.add		{ float:left; margin:0; padding:0; width:320px; font-size:20px; color:#083bd0; line-height:1.4em; list-style:none; }
ul.form2 li.num		{ float:left; margin:0; padding:0; width:100px; font-size:20px; color:#083bd0; line-height:1.4em; list-style:none; }

ul.form3			{ overflow:hidden; margin:0 auto; padding:10px 0; width:700px; }
ul.form3 li.date	{ float:left; margin:0; padding:0; width:180px; font-size:14px; color:#48494d; line-height:1.4em; list-style:none; }
ul.form3 li.time	{ float:left; margin:0; padding:0; width:100px; font-size:14px; color:#48494d; line-height:1.4em; list-style:none; }
ul.form3 li.add		{ float:left; margin:0; padding:0; width:320px; font-size:14px; color:#48494d; line-height:1.4em; list-style:none; }
ul.form3 li.num		{ float:left; margin:0; padding:0; width:100px; font-size:14px; color:#48494d; line-height:1.4em; list-style:none; }

ul.form4			{ overflow:hidden; margin:20px auto 0 auto; padding:10px 0; width:700px; }
ul.form4 li.art		{ float:left; margin:0; padding:0; width:180px; font-size:15px; color:#272a34; line-height:1.4em; list-style:none; }
ul.form4 li.dtl		{ float:left; margin:0; padding:0; width:520px; font-size:20px; color:#083bd0; line-height:1.4em; list-style:none; }
ul.form4 li.dtl label		{ font-size:15px; color:#272a34; }

select				{ 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
 }
 
select				{ width: 90%;　color:#083bd0; font-size:15px; border:1px solid #ccc;
	padding:7px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	background: #fff;
	background: url(../img/arrow.gif) right 50% no-repeat;
	background: url(../img/arrow.gif) right 50% no-repeat;
	background-size: 20px 20px;
 }


.time-sp	{ display:none; }
.add-sp		{ display:none; }
.num-sp		{ display:none; }
.time-sp2	{ display:none; }
.add-sp2	{ display:none; }
.num-sp2	{ display:none; }


.fin			{ margin:0; padding:0; text-align:center; }
.fin p.ttl		{ margin:0 0 30px 0; padding:0; font-size:50px; color:#ed3eba; line-height:1.4em; }
.fin p			{ margin:0 0 50px 0; padding:0; font-size:15px; color:#272a34; line-height:1.6em; }



@media only screen and (max-width: 800px) {
#header				{ margin:0 auto; padding:20px 0; width:100%; background:#ebeff3; text-align:center; }
#header h1			{ margin:0 auto; padding:0; width:90%; }

.wrap				{ margin:0 auto; padding:0; width:100%; }

#main				{ margin:0 auto; padding:0 0 15px 0; width:100%; border-top:30px solid #374149; border-bottom:30px solid #374149; border-left:none;; border-right:none; background:#fff; }

#title				{ margin:0 auto 30px auto; padding:20px 0 15px 0; width:100%; text-align:center; border-bottom:1px solid #374149; }

.txtbox				{ margin:0 auto 40px auto; padding:15px 0; width:90%; text-align:left; background:#59a0d7; border-radius:16px; }
.txtbox2			{ margin:0 auto 30px auto; padding:15px 0; width:90%; background:#fff; border-radius:16px; border:1px solid #374149; }

p					{ margin:0 20px; padding:0; font-size:15px; color:#fff; line-height:1.4em; }
p.ttl				{ margin:0 20px; padding:0; font-size:24px; color:#1576ee; line-height:1.2em; }
p.ttl2				{ margin:0 20px 10px 20px; padding:0; font-size:26px; color:#ed3eba; line-height:1.4em; font-weight:bold; }
p.ttl3				{ margin:0 0 15px 0; padding:0; font-size:20px; color:#272a34; line-height:1.4em; font-weight:bold; }
p.txt1				{ margin:0 20px 20px 20px; padding:0; font-size:15px; color:#ed3eba; line-height:1.4em; }
p.txt2				{ margin:0 20px; padding:0; font-size:14px; color:#000; line-height:1.4em; }
.date				{ margin:0; padding:0; font-size:26px; color:#272a34; line-height:1.4em; }
.yrw				{ color:#ffea00; }


.login 				{ margin:0 auto 10px auto; padding:0; width:90%; }
.login .art			{ float:none; margin:0; padding:0; width:90%; font-size:15px; color:#414141; line-height:1.4em }
.login .frm			{ float:none; margin:0 0 0 20px; padding:0; width:90%; font-size:15px; color:#414141; line-height:1.4em }
.login .att			{ margin:10px 0 30px 3px; padding:0; font-size:14px; color:#7787a0; line-height:1.2em }


input				{ border:1px solid #ccc; font-size:14px; border-radius:5px; }
input.txt1			{ margin:0; padding:10px 0 10px 5px; width:100%; }


.btn				{ margin:0 auto 30px auto; padding:0; font-size:18px; color:#fff; line-height:1em; text-align:center; width:60%; border:8px solid #0c6be0; background:#1576ee url(../img/ico-vect.png) center right no-repeat; background-size:35px 22px; }
.btn a				{ display:block; padding:20px 0; color:#fff; text-decoration:none; }


.btnwrap			{ position:relative; margin:0 auto; padding:0 0 100px 0; width:90%; }
.btn-send			{ position:absolute; top:0; right:0; margin:0 auto; padding:0; font-size:18px; color:#fff; line-height:1em; text-align:center; width:42%; border:8px solid #0c6be0; background:#1576ee url(../img/ico-vect.png) center right no-repeat; background-size:35px 22px; }
.btn-send a			{ display:block; padding:20px 0; color:#fff; text-decoration:none; }
.btn-back			{ position:absolute; top:0; left:0; margin:0 auto; padding:0; font-size:18px; color:#fff; line-height:1em; text-align:center; width:42%; border:8px solid #848d98; background:#9b9ea3 url(../img/ico-vect2.png) center left no-repeat; background-size:35px 22px; }
.btn-back a			{ display:block; padding:20px 0; color:#fff; text-decoration:none; }


#footer				{ margin:0 auto; padding:10px 0 30px 0; width:95%; font-size:14px; color:#000; line-height:1.5em; text-align:left; }

.deadline			{ margin:0 auto 30px auto; padding:5px 0; width:93%; font-size:19px; color:#272a34; line-height:1.4em; text-align:center; border:10px solid #ed3eba; }

.inner				{ margin:0 auto 40px auto; padding:0 0; width:90%; }


ul.form1			{ margin:0 auto; padding:10px 0; width:90%; }
ul.form1 li.art		{ float:none; margin:0; padding:0; width:100%; font-size:16px; color:#272a34; line-height:1.4em; list-style:none; }
ul.form1 li.dtl		{ float:none; margin:0; padding:0; width:100%; font-size:18px; color:#1576ee; line-height:1.4em; list-style:none; }

ul.form2			{ overflow:hidden; margin:0 auto 20px auto; padding:10px 0; width:100%; }
ul.form2 li.date	{ float:none; margin:0; padding:0; width:100%; font-size:20px; color:#272a34; line-height:1.4em; list-style:none; font-weight:bold; }
ul.form2 li.date2	{ float:none; margin:0; padding:0; width:100%; font-size:20px; color:#083bd0; line-height:1.4em; list-style:none; font-weight:bold; }
ul.form2 li.time	{ float:none; margin:0 auto; padding:5px 0 0 0; width:90%; font-size:18px; color:#083bd0; line-height:1.4em; list-style:none; clear:both; }
ul.form2 li.add		{ float:none; margin:0 auto; padding:0; width:90%; font-size:18px; color:#083bd0; line-height:1.4em; list-style:none; clear:both; }
ul.form2 li.num		{ float:none; margin:0 auto; padding:0; width:90%; font-size:18px; color:#083bd0; line-height:1.4em; list-style:none; clear:both; }

ul.form3			{ display:none; }

ul.form4			{ margin:20px auto 0 auto; padding:10px 0; width:100%; }
ul.form4 li.art		{ float:none; margin:0; padding:0 0 10px 0; width:100%; font-size:20px; color:#272a34; line-height:1.4em; list-style:none; font-weight:bold; }
ul.form4 li.dtl		{ float:none; margin:0 auto; padding:0; width:90%; font-size:18px; color:#083bd0; line-height:1.4em; list-style:none; }
ul.form4 li.dtl label		{ font-size:15px; color:#272a34; }


select				{ float:left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
 }
 
select				{ width: auto;　color:#083bd0; font-size:14px; border:1px solid #ccc;
	padding:7px 30px 7px 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	background: #fff;
	background: url(../img/arrow.gif) right 50% no-repeat;
	background: url(../img/arrow.gif) right 50% no-repeat;
	background-size: 20px 20px;
 }
 
.time-sp	{ display:block; float:left; font-size:14px; color:#272a34; line-height:1.4em; margin-top:10px; width:80px; }
.add-sp		{ display:block; float:left; font-size:14px; color:#272a34; line-height:1.4em; margin-top:10px; width:80px; }
.num-sp		{ display:block; float:left; font-size:14px; color:#272a34; line-height:1.4em; margin-top:10px; width:80px; }
.time-sp2	{ display:block; float:left; font-size:14px; color:#272a34; line-height:1.4em; margin-top: 5px; width:80px; }
.add-sp2	{ display:block; float:left; font-size:14px; color:#272a34; line-height:1.4em; margin-top: 5px; width:80px; }
.num-sp2	{ display:block; float:left; font-size:14px; color:#272a34; line-height:1.4em; margin-top: 5px; width:80px; }


.fin			{ margin:0 30px; padding:0; text-align:left; }
.fin p.ttl		{ margin:0 0 15px 0; padding:0; font-size:30px; color:#ed3eba; line-height:1.4em; text-align:center; }
.fin p			{ margin:0 0 30px 0; padding:0; font-size:14px; color:#272a34; line-height:1.4em; }

}





@media only screen and (max-width: 800px) {
.br:before	{ content: "\A"; white-space: pre; }
}


/* ==================================================
SPACE
===================================================== */
.mb3	{ margin-bottom:3px; }
.mb5	{ margin-bottom:5px; }
.mb10	{ margin-bottom:10px; }
.mb15	{ margin-bottom:15px; }
.mb20	{ margin-bottom:20px; }
.mb25	{ margin-bottom:25px; }
.mb30	{ margin-bottom:30px; }
.mb40	{ margin-bottom:40px; }
.mb50	{ margin-bottom:50px; }
.mb60	{ margin-bottom:60px; }
.mb70	{ margin-bottom:70px; }
.mb80	{ margin-bottom:80px; }
.mb100	{ margin-bottom:100px; }

.mr110	{ margin-right:110px; }
.mr30	{ margin-right: 30px; }
.mr50	{ margin-right: 50px; }

.pt30	{ padding-top:30px }



.fnt12	{ font-size:12px }
.fnt14	{ font-size:14px }
.fnt16	{ font-size:16px }
.fnt18	{ font-size:18px }
.fnt20	{ font-size:36px }