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


h2{
	text-align: center;
	margin-bottom:1em;
}

h4{
color: #1357A2;
	}

h4.black{
	color: #000;
	font-size: 16px;
	
}

.agree{
	font-size: 14px;
	max-width: 700px;
	margin: 0 auto 3em;
}

.agree p{
	font-size: 16px;
	padding: 1em;
	box-sizing: border-box;
	background:#C5C3C3;
	font-weight: bold;
}
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2em;
	/*border-bottom: 1px solid #ccc;*/
}
    
th,td{
    display: block;
    width: 96%; 
    }
    
th {
    padding: 0.2em;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
}
    
td {
    padding: 0.5em;
    margin:0 auto 0.6em;
    box-sizing: border-box;
    /*border-bottom: 1px solid #ccc;*/
}

.post td p{
	font-size: 16px;
}

input,textarea{
    padding:0.5em 1em;
    width: 100%;
    box-sizing: border-box;
	font-size: 16px;
}

input.kakunin{
	width: 50%;
	margin: 0 auto;
	display: block;
	cursor: pointer;
	color: #fff;
	background: #111;
	
}

input.modoru{
	width: 30%;
	margin: 0 auto;
	display: block;
	cursor: pointer;
	color: #111;
	background:#fff;
	border: 1px solid #111;
	margin-bottom: 1.5em;
}

.submit{
    cursor: pointer;
}

a.last{
    display: block;
    color: #fff;
    background: #044099;
    padding: 0.5em 1em;
    text-decoration: none;
    width: 80%;
    margin: 0 auto 2em;
    text-align: center;
}

.post h2.last_m{
    color: #044099;
    border-top:1px solid #044099;
    border-bottom:1px solid #044099;
        width: 80%;
    margin: 0 auto 1em;
    text-align: center;
    padding: 0.3em 1em;
}

/*.mw_wp_form .horizontal-item + .horizontal-item{
    display: block;
    margin-left:0 !important;
}*/

.mw_wp_form .horizontal-item{
    display: block;
    margin-left:0 !important;
	margin-bottom:0.5em;
}




.contact_naiyou{
    width: auto !important;
}


.grobalnav .dropdown-btn {
	position: relative;
}

    
.circle01 {
	background-image: url("img/01.png");  /* 表示する画像 */
}
.circle02 {
	background-image: url("img/02.jpg");  /* 表示する画像 */
}
.circle03 {
	background-image: url("img/03.jpg");  /* 表示する画像 */
}
.circle04 {
	background-image: url("img/04.jpg");  /* 表示する画像 */
}
.circle05 {
	background-image: url("img/05.jpg");  /* 表示する画像 */
}
    
    
.bg_allow {
	background: url(../img/flag.png), url("../img/balloon.png");
	background-position: top right, left bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 50%;
}

@media (min-width: 768px) {
.bg_allow {
	background-size: auto;
}
}
	
	
	
	a.kakomia{
		display: block;
		padding: 1em;
		border: 2px solid #009245;
		width: 90%;
		max-width: 800px;
		margin: 0 auto 0.5em;
		text-align: center;
		background:#fff;
		text-decoration: none;
		font-size: 16px;
		font-weight: bold;
		color: #009245;
		box-sizing: border-box;

	}	
	

	
	.midashi2{
		font-size: 30px;
	}	
	
	
	body{
		background-color:#fbf5ee;
	}
	
	
	.main_container{
		
		background-image: url("../img/balloon2.png"),url("../img/balloon3.png");
        background-position: top right,left bottom;
        background-repeat: no-repeat,no-repeat;
    background-size: 40%;
		
	}
	
	.main_head{
		text-align: center;
		background:url("../img/back3.gif");
		padding: 30px 0;
		margin-bottom: 30px;
		box-shadow: 0px 0px 5px #bbb;
				font-family: tbchibirgothicplusk-pro, sans-serif;
font-weight: 600;
font-style: normal;
	}	
	
	.main_head h2{

		margin-bottom: 0.5em;

		
	}
	
	.main_head p{
		font-size: 22px;
	}
	
	
	h3{
		/*text-align: center;*/
		font-size: 24px;
		margin-bottom:0.5em;
		/*color: #1357A2;*/
	}
	
	.post .container{
		padding:2em 1em;
		text-align: left;
		
		
	}
	
	.post p{
		font-size: 16px;
		margin-bottom: 0.5em;
		
	}
	
	.post p.line{
		border-bottom: 1px dashed #666;
		padding: 0.5em 0 1em;
		
	}
	
	.post p.mail{
		font-size: 22px;
		margin: 1em auto 0.5em;
	}
	
	
	
.post ol.nlist01 {
	counter-reset: li;
	font-size: 18px;
	margin-bottom: 2em;
}

.post ol.nlist01 > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left: 2.5em; /*li:before分左に余白を。調整可*/
	/*margin-bottom: 0.8em;*//*リストの数字がくっついてしまう場合*/
	border-bottom: 1px dashed #1357A2;
	padding: 1em 0 1em 3em;
}


.post ol.nlist01 > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
	background: #1357A2; /*薄いピンク*/
	border: 1px solid #1357A2; /*濃いピンク*/
	color: #ffffff; /*白*/
	border-radius: 50%; /*丸く*/
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 1.3em; /*幅を決めるheightと同じ数値に*/
	height: 1.3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left:0.5em; /*項目の基準、左にあわせる*/
	top: 18px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 1.4;
}	
	
	
	h4{
		text-align: center;
		font-size: 20px;
		margin-bottom: 1em;
		font-family: tbchibirgothicplusk-pro, sans-serif;
font-weight: 600;
font-style: normal;
		
		
	}
	
h4.gazou{
	font-size: 18px;
}	
	
.post ol.nlist02 {
	counter-reset: li;
	font-size: 16px;
	margin-bottom: 2em;
}

.post ol.nlist02 > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left: 2.5em; /*li:before分左に余白を。調整可*/
	/*margin-bottom: 0.8em;*//*リストの数字がくっついてしまう場合*/
	padding: 0.5em 0 0.5em 3em;
}

.post ol.nlist02 > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
	background:#E96759; /*濃いピンク*/
	border: 1px solid #E96759; /*濃いピンク*/
	color: #ffffff; /*白*/
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 1.3em; /*幅を決めるheightと同じ数値に*/
	height: 1.3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left:0.5em; /*項目の基準、左にあわせる*/
	top: 10px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 1.4;
}	
		
	
	
	.star{
		font-family: tbchibirgothicplusk-pro, sans-serif;
font-weight: 400;
font-style: normal;
		color: #E96759;
	}	
	

	
	.conB p{
		font-size: 18px;
	}
	
	.post .container{
		margin-bottom:30px;
	}
	
	.omachi{
		 padding: 1em;
		text-align: center;

			font-family: tbchibirgothicplusk-pro, sans-serif;
font-weight: 400;
font-style: normal;
		font-size: 18px;
		color: #1357A2;
		
	}
	
	.allow{
		width:30px;height: auto;
	}
	
	a.btn_b{
		display: block;
		color: #1357A2;
		background: #fff;
		padding: 1em;
		box-sizing: border-box;
		border: 3px solid #1357A2;
		font-weight: bold;
		border-radius: 5px;
		
		
	}
	
	a.btn_b:hover, a.btn_o:hover{
		text-decoration: none;
		opacity: 0.8;
	}
	
	a.btn_o{
		display: block;
		color: #fb622c;
		background: #fff;
		padding: 1em;
		box-sizing: border-box;
		border: 3px solid #fb622c;
		font-weight: bold;
		border-radius: 5px;
	}



.conB .container{
	padding-top:0px;
}

.conB .text{
	padding-bottom:20px;
}

#kankei-1, #kankei-2, #kankei-3, #kankei-4, #agree-1, #naiyou-1, #naiyou-2, #naiyou-3, #naiyou-4, #naiyou-5, #naiyou-6, #naiyou-7, #naiyou-8, #naiyou-9, #gender-1, #gender-2, #gender2-1, #gender2-2, #school-1, #school-2, #school-3, #school-4, #school-5, #memorial-1, #memorial-2, #memorial-3, #memorial-4{
	width: auto;
float:left;
	vertical-align: bottom;
	margin-top: 0.5em;
}

.mwform-checkbox-field-text{
	vertical-align: top;
}

.submit{
	font-size: 18px;
	color: #fff;
	background: #1357A2;
}

.back{
	font-size: 18px;
	color: #333;
	background:#fff;
	padding:0.5em 1em;
	margin-bottom: 1em;
}


.exicon{
	width: 30px;
	height: 30px;
	margin-right: 0.5em;
}

.indent{
	padding-left: 1em;
}


@media(min-width:768px) {

table {
    max-width: 750px;
    margin: 0 auto 2em;
    /*border: 1px solid #ccc;*/
}

    input,textarea{
        padding: 0.5em 1em;
        width: auto;
    }
	
	
	.midashi2{
		font-size: 40px;
	}
		
			.post .container{
		padding: 3em;
		text-align: left;
		
		
	}
		
			h3{
	
		font-size: 20px;
		margin-bottom:0.5em;
		
	}
	
	h3.pink{
			color: #fb622c;
		}
		
	.main_container{
    background-size: 20%;
		
	}		
		.conB .container {
			max-width: 900px;
		}
		
		.omachi{
			font-size: 22px;
		}
		
	.allow{
		width:50px;height: auto;
	}	
	
	
	
	a.kakomia{
		display: block;
		padding: 1em;
		border: 2px solid #009245;
		width: 90%;
		max-width: 800px;
		margin: 0 auto 0.5em;
		text-align: center;
		background:#fff;
		text-decoration: none;
		font-size: 20px;
		font-weight: bold;
		color: #009245;
		box-sizing: border-box;

	}	
	
    
 .exicon{
	width: 40px;
	height: 40px;
	 margin-right: 1em;
}  
	
	.main_head{
		padding: 30px 0 40px;
	}

}

.hissu{
	display: inline-block;
	font-size: 80%;
	color: #fff;
	background: #F5622C;
	padding: 0 0.5em 0.1em;
	margin-left: 1em;
	font-weight: lighter;
	border-radius: 3px;
}

.present{
	border: 2px solid #000846;
	padding: 1em;
	box-sizing: border-box;
	margin: 50px auto 50px;
}

.present dt{
	font-size: 22px;
	color: #000846;
	font-family: 'Shippori Mincho', serif;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.present dd{
	margin-bottom: 1.2em;
	
}

@media print, screen and (min-width: 768px){
	
.present{
	padding: 2em;
}	
	
}


.shohin{
	font-size: 16px;
	padding: 0.5em;
	box-sizing: border-box;
}

input.basho, input.nissu{
	display: inline-block;
	width: 10em;
	
}


.p-form{
	text-align: center;
}


/*.p-form {
position: relative;
padding-bottom: 100%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.p-form iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}*/

.conA h1{
	line-height: 1.4em;
}


.s-box{
	margin-bottom: 30px;
}

.btn{
	display: block;
	width: 90%;
	max-width: 500px;
	margin: 0 auto 50px;
	color: #fff;
	background:#162646;
	padding: 0.5em;
	font-family: 'Shippori Mincho', serif;
	text-decoration: none;
}

	.btn:hover{
		opacity: 0.8;
	}

@media print, screen and (min-width: 768px){
	.btn{
		font-size: 22px;
		margin-bottom: 60px;
		text-align: center;
	}
	

}

.kochirakara{
	margin-bottom: 2em;
}
