@charset "utf-8";






/* webfont
----------------------------- */
@font-face {
  font-family: 'M+ 1c black';
  src: url('../fonts/mplus-1c-black-sub.eot');
  src: url('../fonts/mplus-1c-black-sub.eot?#iefix') format('embedded-opentype'),
  url('../fonts/mplus-1c-black-sub.woff') format('woff'),
  url('../fonts/mplus-1c-black-sub.ttf') format('truetype');
}
@font-face {
	font-family: 'M+ 1c light';
	src: url('../fonts/mplus-1c-light-sub.eot');
	src: url('../fonts/mplus-1c-light-sub.eot?#iefix') format('embedded-opentype'),
	url('../fonts/mplus-1c-light-sub.woff') format('woff'),
	url('../fonts/mplus-1c-light-sub.ttf') format('truetype');
}
.countdown {
  font-family: 'M+ 1c black';
}
.countdown_day {
	font-family: 'M+ 1c light';
}






/* トップ画像
----------------------------- */
body {
	background: url("../img/index/top-bg1980.jpg") no-repeat top center #fdfaf5;
}
@media (max-width: 1200px) {
	body {		background-image: url("../img/index/top-bg1280.jpg");	}
}
@media (max-width: 970px) {
	body {		background-image: url("../img/index/top-bg970.jpg");	}
}
@media (max-width: 600px) {
	body {		background-image: url("../img/index/top-bg600.jpg");	}
}
@media (max-width: 400px) {
	body {		background-image: url("../img/index/top-bg400.jpg");	}
}


/* アニメーションするテキストのとこ
----------------------------- */
.wh_bg {	/* アニメーション用背景隠し白色 */
	background: rgba(255, 255, 255, 0);
}

.slide2text1 img {	/* 文字部分 */
	margin-top: 3em;
}

/* balloon-3 bottom-right */
.countdown {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	height: 40px;
	color: #F6F6F6;
	line-height: 40px;
	text-align: center;
	background: #f20b5e;
	z-index: 10;

  float: right;
	font-size: 3rem;
	font-weight: normal;
	margin: 40% 0 0;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.countdown:after {
	content: "";
	position: absolute;
	bottom: -15px; right: 0;
	margin-left: 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 20px 0 0;
	border-color: #f20b5e transparent transparent transparent;
	z-index: 9;
}
.countdown:hover {
  box-shadow: 0 0 15px #fff;
}
.countdown a:link, .countdown a:visited, .countdown a:active {
  color: #fff;
  text-decoration: none;
}
.countdown_day {
	font-size: 12rem;
	vertical-align: middle;
	color: #1d80ff;
	text-shadow:
		-1px -1px #fff,
		1px -1px #fff,
		-1px 1px #fff,
		1px 1px #fff;

  position: relative;
	z-index: 10;
}

/* カウントダウン終了後のスペーサー
----------------------------- */
.countdown_afterspace {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: transparent;
	z-index: 10;

  float: right;
	font-size: 3rem;
	font-weight: normal;
	margin: 40% 0 0;
}



.title {	/* タイトルロゴ */
/*	padding: 30% 0 0;	*/	/* カウントダウンのほうに移行 */
}

@media (max-width: 1200px) {
	.countdown a {	margin: 25% 0 0;	}
}
@media (max-width: 970px) {
	body {		background-image: url("../img/index/top-bg970.jpg");	}
	.slide2text1 img, .slide2text2 img {		margin: auto;	}
	.slide2text1 img {		padding: 50% 0 0;	}
	.title {		padding: 0;	}
}
@media (max-width: 770px) {
	.slide2text1 img {		padding: 0;	}
	.countdown {		margin: 50% 0 0;	font-size: 1.5rem;}
	.countdown_day {	font-size: 6rem;	}
}
@media (max-width: 600px) {
	body {		background-image: url("../img/index/top-bg600.jpg");	}
}
@media (max-width: 400px) {
	body {		background-image: url("../img/index/top-bg400.jpg");	}
}




.box {
	margin: 1em 0;
}




/* .row大杉でネガティブマージンズレるのでとりあえず横幅通常化
----------------------------- */
@media (max-width: 767px) {
	.container > .row > [class*='col-'] {
	    padding-right:15px;
	    padding-left:15px;
	}
}



/* 中段告知ドデカバナー
----------------------------- */
.middle_banner {
	list-style: none;
	margin: 1em 0 0;
	padding: 0;
}
.middle_banner img {
	margin: 0 auto 1em;
	border-radius: 5px;
	border: .7em solid rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 15px rgba(0,0,0,0.5);

	transition: all .3s ease-out;
}
.middle_banner img:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.3);

	transform: translateY(4px);
}
.middle_banner img.noradius {	/* バナーの角を丸めない */
	border-radius: 0;
}













/* ついったーのとこ
----------------------------- */
.twitter_area {
	padding: 1em 0.2em;
}

/* 更新履歴
----------------------------- */
#history {
	margin: 0 0 1.5em;
	height: 284px;
	overflow: auto;

	border-top: 1px solid #999;
	padding-top: .5em;
}
#history dt {
	margin-top: 1em;
	padding: .2em 0;
}
#history dt:before {
	display: block;
	content: " ";
	border-top: 1px solid rgba(100,100,100,0.2);
	margin: 0 1em;
	padding: .5em 0;
}
#history dt:first-child:before {
	border: none;
	margin: 0;
	padding: 0;
}



/* スペック表記
----------------------------- */
.spec {
	padding: 1em .2em;
	overflow: hidden;	/* ｸｯｿ懐かしいclearfix */
}

.spec dt {
  clear: left;
  float: left;
  width: 25%;

	padding-left: .5em;
	border-bottom: 1px solid #ccc;
}
.spec dd {
	margin: 0 0 0 25%;

	border-bottom: 1px solid #ccc;
}

.spec dt:nth-last-child(2), .spec dd:last-child {	/* 最後の行は下線なし */
	border-bottom: none;
}

.spec p {
	text-align: center;
}






/* アニメーションタイミング
----------------------------- */
.wh_bg {	animation: anime4 2s linear 1;	}	/* 白背景 */
@keyframes anime4 {
	0% { background: rgba(255, 255, 255, 1); }
	50% { background: rgba(255, 255, 255, 1); }
	100% { background: rgba(255, 255, 255, 0); }
}

.slide2text1 {	animation-delay: 2.5s;	}	/* 男の娘の好きは、 */
.slide2text2 {	animation-delay: 3.5s;	}	/* 大男子きへと進化する！ */
.countdown {	animation-delay: 4.5s;	}	/* カウントダウン */
.title {	animation-delay: 4.5s;	}	/* タイトルロゴ */