@charset "utf-8";

html {font-size: 62.5%;}

a:hover{opacty:90%;}

img{display:inline;max-width:100%;}
#wrapper {background:url(../img/campaign/bg.jpg);}

.campaign #head_lp { width:100%; background:#FFF; text-align:left;}
.campaign #head_lp #head_lp_inner { width:980px; margin:0 auto; height:108px; position:relative;}
.campaign #head_lp #head_lp_inner .head_lp_tel{ position:absolute; left:482px; top:0; width:289px; height:89px; }
.campaign #head_lp #head_lp_inner .head_lp_right { position:absolute; top:0; right:0; width:190px; height:99px;}

.campaign #head_lp #head_lp_inner h1.head_lp_logo2 {
	text-align:center;
	padding:20px 0 17px 0;
}

/* 共通 */

.campaign .con{
	margin:0px auto;
	padding:0;
}
.campaign .con_inner {
	max-width:980px;
	padding:20px;
	margin:0 auto;
	background:#fff;
	text-align:center;
}
.campaign #good-con h3,
.campaign #dance-con h3{
	background:#ff2669 url(../img/campaign_1801/tit_bg.png) bottom repeat-x;
}

.campaign h4{
		padding:0 0 20px 0;
		margin:0;
	}

.campaign .campbtn{
		margin:20px auto;
	}
.campend{
	text-align:center;
	padding:8px;
	background:#f00;
	border-bottom:1px #fff solid;
	font-size:16pt;
	font-weight:bold;
	color:#fff;
}
.btn_hp{
	background:#fff;
	padding:0 auto 20px auto;
}

/* mainvis */

.campaign #mainvis {
	padding:0;
}
.campaign #mainvis img {
	max-width:100%;
}
/* ダンス別 */

		.campaign #Main #pack .clm h4 {color:#ff345a;}
		.campaign #Main #belly .clm h4{color:#ff992c;}
		.campaign #Main #ballet .clm h4{color:#2b8d9e;}
		.campaign #Main #hula .clm h4{color:#ed4d64;}
		.campaign #Main #hiphop .clm h4{color:#ff3f87;}
		.campaign #Main #tahitian .clm h4{color:#369227;}
		.campaign #Main #burlesque .clm h4{color:#cc3ee6;}
		.campaign #Main #jazz .clm h4{color:#d8427b;}
		.campaign #Main #flamenco .clm h4{color:#e20000;}
		.campaign #Main #cheer .clm h4{color:#1088ed;}
		.campaign #Main #takarazuka .clm h4{color:#8858f5;}
		.campaign #Main #latin .clm h4{color:#0ad18a;}
		.campaign #pack .clm .entrylist li .full {
			display:block;
			padding:24px;
			background:#fcc;
			font-weight:normal;
			font-size:16px;
		}
		.campaign #pack .clm .entrylist li .full span {
			color:#f00;
		}

/* appeal-con */

.campaign #appeal-con{
	padding:20px 0;
}
.campaign #appeal-con h3{
	margin:0 0 20px 0;

}

/* good-con */

.campaign #good-con{
	padding:20px 0;
	background:#fff;
}
.campaign #good-con .good-text{
	-moz-display:flex;
	-webkit-display:flex;
	display:flex;
	max-width:880px;
	margin:0 auto;
}
.campaign #good-con .good-text li{
	width:calc( 70% - 20px );
	text-align:left;
	font-size:1.6rem;
	line-height:1.5;
	margin:0 20px 20px 0;
}
.campaign #good-con .good-text li:last-child{
	width:30%;
}
	
/* dance-con */

.campaign #dance-con{
	padding:20px 0;
	background:#fff;
}
.campaign #dance-con h4{
	padding:60px 0 20px 0;
}

.campaign #dance-con .menu {
	display:flex;
	flex-flow:row wrap;
	max-width:880px;
	margin:20px auto;
	}
.campaign #dance-con .menu li {
		width:176px;
	text-align:center;
		margin:10px 0;
	}

		#pack dd a{color:#ff345a;}
		#belly dd a{color:#ff992c;}
		#ballet dd a{color:#2b8d9e;}
		#hula dd a{color:#ed4d64;}
		#hiphop dd a{color:#ff3f87;}
		#tahitian dd a{color:#369227;}
		#burlesque dd a{color:#cc3ee6;}
		#jazz dd a{color:#d8427b;}
		#flamenco dd a{color:#e20000;}
		#cheer dd a{color:#1088ed;}
		#takarazuka dd a{color:#8858f5;}
		#latin dd a{color:#0ad18a;}
		#blank dd{color:#cccccc;background:#dedede;}

/* point */

.campaign #point h3{
	width:900px;
	margin: 0 auto;
	padding:0;
	text-align:center;
}
.campaign #point .point_inner{
	background:#ffeaf5;
	padding:20px;
	margin:0 auto;
	text-align:center;
}
.campaign #point ul {
	display:flex;
	width:920px;
	margin:0 auto 20px auto;
	}
.campaign #point ul li {
	box-sizing:border-box;
	margin:0 10px 0 0;
}
.campaign #point ul li img{
	max-width:300px;
}
.campaign #point ul li:last-child {margin:0;}

.campaign #point .btnstyle {
	width:656px;
	clear:both;
	margin:20px auto 0 auto;
	text-align:center;
	}

/* foot */

.campaign .pagetop {
	background:none;
	margin-bottom:24px;
}
.campaign .pagetop_btn{
	float:right;
	display:inline;
}
.campaign #Foot { width:100%; background:#d32e5c; height:32px; margin-top:66px;}
.campaign #Foot #Foot_inner { width:980px; margin:0 auto; position:relative;}
.campaign #Foot .foot_pagetop { position:absolute; top:-46px; right:0;}
.campaign #Foot #Foot_inner p { text-align:center; line-height:32px; color:#FFF;}

/* clearfix */

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
    font-size: 0;
}
.clearfix {/*for IE7*/
  min-height: 1px;
}