/*----- リセット -----*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0;}
html,body{ height:100%;}/*----- 高さ100% -----*/
/*ol, ul, li{ list-style:none;}
li img { vertical-align: bottom;}
fieldset, img{ border:0;}
table{border-collapse: collapse; border-spacing:0;}
caption, th{ text-align:left;}
address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal; font-weight:normal;}
img{ margin:0px; padding:0px; border:none;}
*/


/*----- clearfix -----*/
/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}

.clear{		clear: both;}
.center{	text-align: center;}
.hr_top{	border-top: 1px dashed #b2b2b2;}
.mb10{	margin-bottom: 1em;}
.mb20{	margin-bottom: 2em;}
.mb30{	margin-bottom: 4em;}
.f_left{	float:left;}

/*----- contents -----*/
.campaign {
	font-size: 16px;
	line-height: 1.4em;
	background-color: #fff;
}

.cntArea{
	padding: 1.5em;
	/*background: #FFFA78;*/
}

.campaign h1,.campaign h2,.campaign h3, .campaign h4{
	margin-bottom: 0.5em;
	font-weight: bold;
}
.h1_campaign{
	width:	857px;
	/*height:	580px;*/
	padding: 466px 55px 30px;
	background: #000000 url(../images/mv.jpg) no-repeat;
}

.btn{
	margin: 1em 0;
	text-align: center;
}
.thumbnail{
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.cntBox_2cal{
	float: left;
	width: 47%;
	margin: 0 1em 1em 0;
	padding:0.5em;
	/*background: #B7D1FB;*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

/*----- arrow_box -----*/
.arrow_box {
	position: relative;
	margin-left: 160px;
	padding: 0.5em 1em;
	min-height: 110px;
	background: #ffffff;
	border: 2px solid #cc0000;
	border-radius: 8px;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 60px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 12px;
	margin-top: -12px;
}
.arrow_box:before {
	border-color: rgba(204, 0, 0, 0);
	border-right-color: #cc0000;
	border-width: 15px;
	margin-top: -15px;
}

/*-- li_chara --*/
.li_chara{	width: 100%;}
.li_chara li{
	display: block;
	margin: 0.7em 0 0 0;
}
.li_chara li p{
	font-size: 88%;
	line-height: 1.4em;
}

/*ch1*/
.bg_ch1{	background: #feebf5;}
.box_ch1 h2, .box_ch1 strong{	color:#f0027f;}
.box_ch1 h3{
	padding: 0.5em;
	background:#f0027f;
	color:#fff;
	text-align: center;
}
.box_ch1 .li_chara li img{border: 1px solid #f0027f;}

/*ch1*/
.bg_ch2{	background: #ebf8fb;}
.box_ch2 h2, .box_ch1 strong{	color:#01a0c7;}
.box_ch2 h3{
	padding: 0.5em;
	background:#01a0c7;
	color:#fff;
	text-align: center;
}
.box_ch2 .li_chara li img{border: 1px solid #01a0c7;}
