@charset "utf-8";






/* webfont
----------------------------- */
.yyc-day {	/* カウントダウン数字 */
	font-family: 'Averia Gruesa Libre', 'Meiryo', sans-serif;
}




/* トップ画像
----------------------------- */
.topimage {
	border: 1em solid #111;
	border-top: none;
	border-bottom: .2em solid #111;
	margin: auto;
}



.main_bg {	/* トップ画像から下のメインコンテンツ背景 */
	background: #777;

	background: url("../img/base/kenja.png") fixed, linear-gradient(to bottom, #caf1ff, #fffbce);
	background: none;
}




.box {
	margin: 1em 0;
}




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


/* カウントダウン モバイル用まだ修正前
----------------------------- */
.countdown {
	margin-bottom: -220px;
}
.countdown img {
	box-shadow: 4px 4px 15px #111;
	border: .25em solid #660000;
}




/* カウントダウン用iHover修正
----------------------------- */
.ih-item.circle .img:before, .ih-item.circle .img img, .ih-item.circle .info {	/* 円形ボタンを四角化 */
  border-radius: 0px;
}
.ih-item.circle .img:before {	/* 白枠消し */
  box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect17 a:hover .img:before {	/* 白枠消し */
  box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ih-item.circle.effect17 .info h3 {	/* hover時のテキスト表示領域を拡大 */
  margin: 0;
}
.ih-item.circle, .ih-item.circle .img {	/* ボタン表示サイズを画像と同じにする */
	width: 200px;
	height: 200px;
}

@media (max-width: 990px) {
	.ih-item.circle, .ih-item.circle .img {	/* モバイル解像度では画面横幅に応じて可変サイズ */
		width: 15vw;	/* ビューポート単位 */
		height: auto;
	}
	.ih-item h3 {	/* 低解像度でテキストはみ出すけどモバイル環境ではhover要素自体そもそも見えないので消す */
	  display: none;
	}
}






/* トップイメージ
----------------------------- */
.topimage_bg {	/* トップイメージ用縦幅確保 */
	height: 900px;
}

.topimage_anime {	/* トップイメージのアニメーションパーツ */
	margin-top: -555px;
	padding-bottom: 50px;
}
@media (max-width: 990px) {
	.topimage_anime {
		margin-top: 0;
		padding-bottom: 0;
	}
}
.topimage_anime img {
	margin: auto;
}

.wh_bg {	/* 背景隠し白色 */
	background: rgba(255, 255, 255, 0);
}



/* 通販ショップリストのとこ
----------------------------- */
.shoplist {
	text-align: center;
	padding: 0;
}
.shoplist li {
	display: inline-block;
}



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

	-moz-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.middle_banner img:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.3);

	-ms-transform: rotateZ(5deg);
	transform: rotateZ(5deg);
}
.middle_banner img.noradius {	/* バナーの角を丸めない */
	border-radius: 0;
}




/* 更新履歴
----------------------------- */
#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;
}


/* indexだけバナー画像とかでSNSボタン見づらいからカラーテーマ化
----------------------------- */
.jssocials-share-link {	/* plainテーマのボタンの見た目 こっちは無し */
  border: none;
  color: #333;
}
.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
  border: none;
  color: #fff;
}