@charset "UTF-8";

@media screen and (max-width: 768px) {

	* {
		padding: 0;
		margin: 0;
	}

	html {
		min-height: 100%;
		position: relative;
	}

	body {
		width: 100%;
		color: #55565A;
		font-family: "メイリオ", "Meiryo UI", Meiryo, Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 62.5%;
		background: url(./../img/side_sp4.png) top center;
		background-size: contain;
	}



	/* 共通 */

	a {
		color: #F76F7E;
		word-break: break-all;
	}

	a:hover {
		text-decoration: underline;
	}

	.left {
		float: left;
	}

	.right {
		float: right;
	}

	.clear {
		clear: both;
	}

	.display_none {
		display: none;
	}

	/* ヘッダー */
	#top {
		background: url(./../img/header_sp6.png) top center;
		width: 100%;
		background-size: cover;
	}

	#top2 {
		/*background: url(./../img/header_sp7.png) top center;*/
		background: url(./../img/header_sp6.png) top center;
		width: 100%;
		background-size: cover;
	}

	#header {
		width: 100%;
		margin: 0 auto;
		background: url(./../img/side_sp4.png) top center;
		background-size: contain;
	}

	#header2 {
		width: 100%;
		margin: 0 auto;
		background: url(./../img/side_sp4.png) top center;
		background-size: contain;
		margin-top: -9%;
	}


	#title {
		margin: 0 auto;
		width: 60%;
		position: relative;
	}

	#title img {
		width: 100%;
	}



	#logo {
		margin: 0 83px;
	}

	#lang {
		margin: 10em auto;
		width: 185px;
	}

	#lang p {
		display: table-cell;
		*display: inline;
		*zoom: 1;
	}

	.lang_jp span {
		background: url(./../img/lang_jpn_sp.png) no-repeat;
		width: 72px;
		height: 44px;
		display: inline-block;
		background-size: cover;
	}

	.lang_en span {
		background: url(./../img/lang_eng_sp_.png) no-repeat;
		width: 72px;
		height: 44px;
		display: inline-block;
		background-size: cover;
	}

	.lang_sla {
		background: url(./../img/lang_sla_sp.png) no-repeat;
		width: 14px;
		height: 44px;
		display: inline-block;
		background-size: cover;
	}

	/* メニュー */

	/* PCメニュー非表示 */
	ul#menu {
		display: none;
	}

	/* PCメニュー非表示ここまで */

	.menu2_button {
		position: absolute;
		top: 10px;
		right: 2%;
		z-index: 9999;
		width: 9%;
	}

	.menu2_button img {
		width: 100%;
	}

	#menu_close2 {
		margin: 20px;
	}

	#menu_close2 img {
		width: 48px;
	}

	ul#menu2 li {
		/*padding: 30px;*/
		padding: 10px;
		border-bottom: 1px solid #ccc;
		/*width: 700px;*/
		width: 70%;
		margin: 0 auto;
	}

	ul#menu2 {
		width: 100%;
		font-size: 0;
		text-align: center;
		margin: 0 auto;
		z-index: 9999;
		background: url(./../img/side_sp4.png) top center;
		background-size: contain;
		position: absolute;
		overflow: overlay;
	}

	#menu_menu {
		margin: 70px;
	}

	.menu2_faq span {
		background: url(./../img/menu_faq_off.png) no-repeat;
		/*width: 64px;
		height: 64px;*/
		background-size: 32px 32px;
		width: 32px;
		height: 32px;
		display: block;
		margin: auto;
	}

	.menu2_goods span {
		background: url(./../img/menu_goods_off.png) no-repeat;
		/*width: 112px;
		height: 64px;*/
		background-size: 56px 32px;
		width: 56px;
		height: 32px;
		display: block;
		margin: auto;
	}

	.menu2_merch span {
		background: url(./../img/menu_merch_off.png) no-repeat;
		/*width: 112px;
		height: 64px;*/
		background-size: 56px 32px;
		width: 56px;
		height: 32px;
		display: block;
		margin: auto;
	}

	.menu2_detail span {
		background: url(./../img/menu_details_off.png) no-repeat;
		/*width: 126px;
		height: 64px;*/
		background-size: 63px 32px;
		width: 63px;
		height: 32px;
		display: block;
		margin: auto;
	}

	.menu2_map span {
		background: url(./../img/menu_map_off.png) no-repeat;
		/*width: 64px;
		height: 64px;*/
		background-size: 32px 32px;
		width: 32px;
		height: 32px;
		display: inline-block;
	}

	.menu2_merch span {
		background: url(./../img/menu_merch_off.png) no-repeat;
		/*width: 120px;
		height: 58px;*/
		background-size: 60px 29px;
		width: 60px;
		height: 29px;
		display: block;
		margin: auto;
	}

	.menu2_news span {
		background: url(./../img/menu_news_off.png) no-repeat;
		/*width: 86px;
		height: 64px;*/
		background-size: 43px 32px;
		width: 43px;
		height: 32px;
		display: block;
		margin: auto;
	}

	.menu2_show span {
		background: url(./../img/menu_show_off.png) no-repeat;
		/*width: 120px;
		height: 58px;*/
		background-size: 60px 29px;
		width: 60px;
		height: 29px;
		display: block;
		margin: auto;
	}

	.menu2_fan span {
		background: url(./../img/menu_fanclub_off.png) no-repeat;
		/*width: 150px;
		height: 64px;*/
		background-size: 75px 32px;
		width: 75px;
		height: 32px;
		display: block;
		margin: auto;
	}

	/* 本文 */

	#content {
		width: 100%;
		text-align: center;
		background: url(./../img/side_sp4.png) top center;
		background-size: contain;
		min-height: 468px;
		margin-top: 50px;
	}

	.article {
		/*width: 700px;*/
		width: 83%;
		display: block;
		margin: 20px auto;
		text-align: left;
	}

	.article_title {
		/*font-size: 1.3rem;*/
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 0.8rem;
	}

	hr {
		border: 0;
		border-bottom: 1px solid #ccc;
	}

	.breadcrumb {
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 0.8em;
		color: #F76F7E;
	}

	.breadcrumb a {
		color: #55565A;
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 0.8em;
	}

	.article_comment {
		/*font-size: 1.0rem;*/
		font-size: 11px;
		line-height: 150%;
	}

	.more {
		width: 100%;
		font-size: 1.0rem;
		text-align: right;
		font-weight: bold;
	}

	#recent_articles {
		margin: 0 auto;
		width: 75%;
	}

	#recent_articles img {
		width: 100%;
	}


	/* フッター */
	#footer {
		width: 100%;
		min-height: 2.5rem;
		text-align: right;
		margin-top: -4em;
		background: url(./../img/footer_sp4.png) top center;
		background-size: cover;
		position: absolute;
		bottom: 0;
	}

	#pagetop {
		display: none;
		position: fixed;
		bottom: 100px;
		/*right: 75px;*/
		right: 30px;
		float: right;
	}

	#pagetop img {
		width: 12px;
	}

	.foot_image img {
		width: 50%;
	}

	.fan_red {
		color: #FF0000;
	}

	.fan_blue {
		color: #0000FF;
	}

	li img.fanclubImg {
		width: 100%;
	}

	img.fanclubImg,
	img.fanclubPageImg {
		width: 50%;
	}

	img.fanclubQrImg {
		width: 200px;
	}

	.popup-all img {
		width: 90%;
	}

	#galleryBox {
		overflow: hidden;
	}

	#galleryBox li a {
		display: table-cell;
		height: 154px;
		text-align: center;
		vertical-align: middle;
		width: 220px;
		background: #FFF;
	}

	#galleryBox a img {
		max-height: 120px;
		max-width: 120px;
	}

	#galleryBox ul li {
		width: 45%;
		float: left;
		margin-right: 5px;
	}

	#galleryBox ul li p {
		height: 70px;
		background: #FFF;
	}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

}