@charset "utf-8";
/* ===================================================================
CSS information


11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
=================================================================== */

/*----------------------------------------------------------------
	共通
----------------------------------------------------------------*/


@font-face {
    font-family: "MigMix";
    src: local("MigMix"), url("MigMix-1P-regular.ttf") format("truetype");
}

@font-face {
    font-family: "MigMixB";
    src: local("MigMixB"), url("MigMix-1P-bold.ttf") format("truetype");
}



*{ margin:0; padding:0; box-sizing: border-box;}

body {
	background: #000;
	font-family:Verdana, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  Arial, sans-serif;
	font-size:14px;
	height:100%;
	margin:0;
	padding:0;
}

img,a img,fieldset{border:none;}


a, a:link	{ color: #c00; text-decoration: none; }
a:visited	{ text-decoration: none; color: #c00; }
a:hover	{ text-decoration: none; color: #C00; }

div#page { position:relative; width:96%; max-width:1004px; margin:0 auto;}

.ft10{font-size:10px;}
.ft14{font-size:14px;}
.red{color:#ff0000; font-size:16px;}
.yellow{color:#ffff00; font-size:16px;}


/* ヘッダー
----------------------------------------------------------- */
#headerbox {
    position: relative;
    margin: 20px auto;
    padding: 10px 0;
    width: 100%;
    max-width: 1004px;
    height: auto;
    min-height: 65px;
}
#icon{ position:absolute; top:5px; right:0; }

/* サイト名
----------------------------------------------------------- */
#Tbox{ min-height:49px; height: auto; }	#Tbox img{margin-left: 5px;}
#Yumyum{ overflow:hidden; float:left; margin:-12px 0 0 0; padding: 0 0 0 7px; font-size:55px;
	font-family: 'Cabin', sans-serif; font-weight:700; text-align:left; color:#FFF; }	
#Yumyum a { color: #FFF; }
#Yumyum a:hover	{ color: #C00; }

.Box{ margin: 30px auto; width: 100%; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; }
.left{ margin: 0 auto 30px; width: 100%; max-width: 470px; }
.nengaimg{ margin: 0 auto; width: 100%; max-width: 600px; height: auto; }
.nengaimg img{ width: 100%; height: auto;}
.right{ margin: 0 auto ; width: 100%; max-width: 500px; }
.infoBox{ margin: 0 0 30px; width: 100%; display: flex;  flex-direction: column; color:#fff;}
.infoSub{ font-family: 'Cabin', sans-serif; font-size:20px; font-weight: 700; width: 100%; margin-bottom: 20px; padding: 5px; background:#c00;}
.infoTxt{ text-align: left;}


.cont3{ width:100%; margin:0; padding:15px; background:#fff; overflow: hidden;}
.cont3 ul{ list-style: none; margin:0; padding:0; }
.cont3 li{ float:left;	width:100%; margin:0; padding:0 0 5px 0; text-align:left; line-height:1.4; font-size: 16px;}
.cont3 li.sub{ background:#c00; padding: 5px; margin-bottom: 10px; color:#fff; }
.cont3 li.box{ margin:0 0 10px 0; }
.cont3 li.memo{ color:#666; font-size: 14px;}
.cont3 li.check1{ color:#C00; margin-top:5px; }
.cont3 li.name{ border-left: 8px solid #c00; padding:3px 5px; margin-bottom: 5px; display: flex; align-items: center; line-height: 1;}

.mess3 { width: 100%; height: 80px; padding: 10px 5px; border: 1px #CCC solid; margin-top:2px; }

.txt3{ border:1px #CCC solid; width:100%; padding: 10px 5px; margin: 2px 0 0 0; vertical-align: middle; }
.txt4{ border:1px #CCC solid; width:50%; padding: 10px 5px; margin: 2px 0 0 0; vertical-align: middle; }

#formbtn{ margin: 20px 0 0; padding:15px 0; width:100%; text-align:center; background-color:#E6E6E6; }
.formBtn{ width: 300px; padding:15px 0; background:#c00; color:#fff; border: none; font-size: 18px; font-weight: 700;}

.finish{ margin: 0 auto 30px; width: 100%; text-align: center;}
.finish p{ color:#fff;}
.finish img { width: 100%; height: auto; margin-top:30px;}
.finishSub{ font-size: 18px; font-weight: 700; margin-bottom: 10px; color:#fff;}

.error{ clear:both; color:#c00; font-size: 14px; padding: 5px;}

/* コピーライト
----------------------------------------------------------- */
#copyright{
	position:absolute;
	top:1000px;
	left:0;
	overflow: hidden;
	padding: 0 0 0 7px;
	font-size:10px;
	font-family: Verdana;
	text-align:left;  
	color:#FFF;
	letter-spacing: 0.1em;
}

/* 注意事項
----------------------------------------------------------- */
#caution{ margin: 30px auto 0; width:100%; }
#caution ul	{list-style: none; margin:0; padding:0; }

#caution li{ 
	overflow:hidden;
	float:left;
	display:inline;/*for WinIE6*/
	margin:7px 0;
	padding:0 0 0 8px;
	width:100%;
	color:#FFF;
	font-size:14px;
	line-height:1.5;
	text-align:left;  
	border-left:5px solid #C00;
	}


#caution li.memo{ 
	width:100%;
	padding:0;
	border:none;
	font-size:16px;
	color:#FF3;
	}

#caution li.sub{ 
	width:100%;
	font-size:16px;
	background:#C00;
	}

#caution li.copy{ 
	font-size:10px;
	font-family: Verdana;
	text-align:right;  
	letter-spacing: 0.1em;
	border:none;
	margin:15px 0 0 0;
	padding:0 0 10px ;
	}

#caution li.bnr{ 
	border:none;
	padding:0;
	margin:10px 0 8px 0;
	}
#caution li.bnr img{ margin: 0 auto; }

#caution2{ 
	position:absolute;
	top:150px;
	left:0;
	width:338px;
	overflow: hidden;
}
#caution2 ul	{list-style: none; margin:0; padding:0; }

#caution2 li{ 
	overflow:hidden;
	float:left;
	display:inline;/*for WinIE6*/
	margin:5px 0;
	padding:0 0 0 8px;
	width:328px;
	color:#FFF;
	font-size:14px;
	line-height:1.5;
	text-align:left;  
	border-left:5px solid #C00;
	}


#caution2 li.memo{ 
	width:338px;
	padding:0;
	border:none;
	font-size:16px;
	color:#FF3;
	}

#caution2 li.sub{ 
	font-size:16px;
	background:#C00;
	}

#caution2 li.sub2{ 
	margin-top:30px;
	font-size:16px;
	background:#C00;
	}

#caution2 li.copy{ 
	font-size:10px;
	font-family: Verdana;
	text-align:center;  
	letter-spacing: 0.1em;
	border:none;
	margin:0;
	padding:0 0 10px ;
	}

#caution2 li.bnr{ 
	border:none;
	padding:0;
	}