@charset "UTF-8";
/*------------------------------------------------------------
共通
------------------------------------------------------------*/
html {
	font-size : 62.5%;
}

body {
	-webkit-text-size-adjust : 100%;
	font-family              : '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Verdana, Roboto, 'Droid Sans', sans-serif;
	font-weight              : 500;
	font-size                : 1.6rem;
	line-height              : 1.6;
	color                    : #000;
}

#wrapper {
	min-width : 320px;
	overflow  : hidden;
}

img {
	vertical-align : bottom;
	border         : none;
}

a {
	color : #e71e0f;
}

li {
	list-style : none;
}

.sp {
	display : none;
}

@media all and (max-width : 767px) {
	img {
		width  : 100%;
		height : auto;
	}

	.sp {
		display : block;
	}

	.pc {
		display : none;
	}
}

.error-message {
	color : #c00;
}

.inner {
	width  : 960px;
	margin : 0 auto;
}

.clearfix:after {
	content : " ";
	display : block;
	clear   : both;
}

/*------------------------------------------------------------
ラッパー
------------------------------------------------------------*/

.ttl {
	text-align : center;
}

.pick_up_button {
	display : none;
}

@media all and (max-width : 767px) {
	.inner {
		width      : inherit !important;
		margin     : 0 10px !important;
		box-sizing : border-box;
	}

	.pick_up_button {
		-webkit-writing-mode : vertical-rl;
		-ms-writing-mode     : tb-rl;
		writing-mode         : vertical-rl;
		position             : fixed;
		top                  : 73px;
		z-index              : 100;
		right                : 0;
		/* bottom: -16px; */
		display              : block;
		/* text-align: center; */
		/* margin-left: 0; */
		/* margin-right: 0; */
		background-color     : #000;
		/* width: 30px; */
		border-radius        : 4px 0 0 4px;
		/* margin: 0 auto; */
		color                : #ffea05;
	}

	.pick_up_button a {
		position        : relative;
		text-decoration : none;
		color           : #ffea05;
		display         : block;
		padding         : 24px 5px 6px 4px;
		display         : block;
	}

	.pick_up_button i {
		/* margin-right: 20px; */
		/* margin-bottom: 4px; */
		position : absolute;
		top      : 4px;
		right    : 9px;
	}

	.ttl {
		margin-bottom : 0px !important;
	}

	.ttl img {
		width  : auto;
		height : 100px;
	}
}

/*------------------------------------------------------------
ヘッダー
------------------------------------------------------------*/
header {
	border-top : 5px solid #e05e9e;
	padding    : 16px 0;
}

.logo {
	text-align    : center;
	margin-bottom : 34px;
}

.ttl_box {
	background : url(../images/ttl_pattern_bg.png) repeat left top;
	padding    : 38px 0 40px;
	position   : relative;
}

.ttl {
	text-align  : center;
	line-height : 1.5;
	font-size   : 5.0rem;
	color       : #e84188;
	/* font-weight: bold; */
	font-family : 'Lato', sans-serif;
	/* font-family: inherit; */
	/* text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px, 0px 6px 6px rgba(255, 255, 255, 0.3); */
}

.ttl .ttl_sub_01 {
	margin-bottom : 0px;
	font-size     : 2.8rem;
	text-shadow   : none;
	border        : none;
	display       : block;
}

.ttl .ttl_sub_02 {
	/* margin-top: 10px; */
	font-size   : 1.8rem;
	font-weight : bold;
	font-family : '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Verdana, Roboto, 'Droid Sans', sans-serif;
	/* text-shadow:#fff 1px 1px 0px, #fff -1px 1px 0px,
			   #fff 1px -1px 0px, #fff -1px -1px 0px,
			   0px 4px 4px rgba(0, 0, 0, 0.3); */
	display     : block;
}

@media all and (max-width : 767px) {
	.logo {
		width  : 100px;
		margin : 0px auto 14px;
	}

	.ttl_box {
		padding : 8px 0 8px;
	}

	.ttl {
		font-size : 3rem;
	}

	.ttl .ttl_sub_01 {
		font-size : 2.2rem;
	}

	.ttl .ttl_sub_02 {
		/* margin-top: 10px; */
		font-size : 1.6rem;
	}
}

/*------------------------------------------------------------
メインバナー
------------------------------------------------------------*/

.mainBlock {
	width    : 1000px;
	margin   : 40px auto 60px;
	position : relative;
}

.mainSlideWrapper {
	float    : left;
	position : relative;
	width    : 1000px;
	height   : 376px;
	margin   : 0;
	zoom     : 1;
}

.mainSlideWrapper ul {
	overflow : hidden;
	zoom     : 1; }

.mainSlideWrapper li {
	float       : left;
	width       : 1000px;
	line-height : 0;
	position    : relative;
}

.mainSlideWrapper li img {
	width  : 1000px;
	height : auto;
}

.carouPrev, .carouNext {
	width    : 50px;
	height   : 50px;
	display  : block;
	position : absolute;
	top      : 15px;
	cursor   : pointer;
	z-index  : 100;
}

.carouPrev {
	left                : -52px;
	top                 : 50%;
	background          : url(../images/before_btn.png) no-repeat;
	background-position : 0 0;
}

.carouNext {
	right               : -68px;
	top                 : 50%;
	background          : url(../images/after_btn.png) no-repeat;
	background-position : 0 0;
}

.carouPrev:hover, .carouNext:hover {
	opacity : 0.5;
}

.carouPrev.disabled, .carouNext.disabled {
	cursor : default;
}

.carouPage {
	text-align : center;
}

.carouPage a {
	background : url(../images/page.png) no-repeat;
	width      : 14px;
	height     : 14px;
	margin     : 10px 5px 0px 5px;
	display    : inline-block;
}

.carouPage a.selected {
	background-position : 0px -14px;
}

.carouPage a span {
	display : none;
}

/*
* ページャー
*/
.mainSlideWrapper .pagination {
	position   : absolute;
	bottom     : 10px;
	width      : 100%;
	text-align : center;
	z-index    : 5; }

.mainSlideWrapper .pagination a {
	background : url(../images/bg_slide_pager1.png) no-repeat 0 -38px;
	width      : 8px;
	height     : 8px;
	margin     : 0 5px 0 0;
	display    : inline-block; }

.mainSlideWrapper .pagination a.selected {
	background-position : 0 0;
	cursor              : default; }

.mainSlideWrapper .pagination a span {
	display : none; }

@media all and (max-width : 767px) {

	.mainBlock {
		width    : 100%;
		margin   : 10px auto 20px;
		overflow : hidden;
		position : relative;
	}

	.mainSlideWrapper {
		float    : left;
		position : relative;
		width    : 100%;
		height   : 180px;
		margin   : 0;
		zoom     : 1;
	}

	.mainSlideWrapper ul {
		overflow : hidden;
		zoom     : 1; }

	.mainSlideWrapper li {
		float       : left;
		width       : 100%;
		line-height : 0;
		position    : relative;
	}

	.mainSlideWrapper li img {
		width  : 100%;
		height : auto;
	}

	.carouPrev, .carouNext {
		width    : 50px;
		height   : 50px;
		display  : block;
		position : absolute;
		top      : 15px;
		cursor   : pointer;
		z-index  : 9999;
	}

	.carouPrev {
		display : none;
	}

	.carouNext {
		display : none;
	}

	.carouPrev:hover, .carouNext:hover {
		display : none;
	}

	.carouPrev.disabled, .carouNext.disabled {
		display : none;
	}

	.carouPage {
		text-align : center;
	}

	.carouPage a {
		background : url(../images/page.png) no-repeat;
		width      : 14px;
		height     : 14px;
		margin     : 10px 5px 0px 5px;
		display    : inline-block;
	}

	.carouPage a.selected {
		background-position : 0px -14px;
	}

	.carouPage a span {
		display : none;
	}

	/*
   * ページャー
   */
	.mainSlideWrapper .pagination {
		position   : absolute;
		bottom     : 10px;
		width      : 100%;
		text-align : center;
		z-index    : 5; }

	.mainSlideWrapper .pagination a {
		background : url(../images/bg_slide_pager1.png) no-repeat 0 -38px;
		width      : 8px;
		height     : 8px;
		margin     : 0 5px 0 0;
		display    : inline-block; }

	.mainSlideWrapper .pagination a.selected {
		background-position : 0 0;
		cursor              : default; }

	.mainSlideWrapper .pagination a span {
		display : none; }

}

/*------------------------------------------------------------
news
------------------------------------------------------------*/

.week_box {
	width  : 1186px;
	margin : 0 auto;
	opacity : 0;
}

.week_box ul li {
	float            : left;
	text-align       : center;
	/* width: 97px; */
	background-color : #eeeeee;
	color            : #666666;
	font-size        : 1.6rem;
	height           : 85px;
	border-right     : 2px solid #fff;
}

.week_box ul li.actiov {
	background-color : #f576a3;
	color            : #fff;
}

.week_box ul li.actiov .day {
	display     : block;
	padding     : 4px 0;
	line-height : 1.2em;
}

.week_box ul li.actiov a {
	color : #fff;
}

.week_box ul li:first-child {
	margin-left : 0px;
}

.week_box ul li .week {
	display          : block;
	background-color : #000000;
	padding          : 8px 0;
}

.week_box ul li .day {
	display : block;
	padding : 8px 0;
}

.week_box ul li a {
	text-decoration : none;
	color           : #666666;
}

.week_box ul li a:focus {
	outline      : 0;
	border-color : orange;
}

.week_box ul li a:hover .day {
	background-color : #f576a3;
	color            : #fff;
}

.week_box ul li a .week {
	text-decoration : none;
	color           : #fff;
}

.search {
	width            : 1200px;
	margin           : 0 auto;
	background-color : #f576a3;
	padding          : 24px 30px;
}

.search form {
	float : left;
}

.search ul {
	width   : 520px;
	display : table;
}

.search ul li {
	display        : table-cell;
	vertical-align : top;
	width          : 49%;
	overflow       : hidden;
}

.search ul li:nth-of-type(2) {
	padding-left : 2%;
}

.search ul li select {
	border-radius : 8px;
	box-sizing    : border-box;
	margin-bottom : 0px;
	padding       : 15px 10px;
}

.search ul li select {
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
	border             : 1px solid #f576a3;
	border-radius      : 5px;
	background         : #fff url(../images/bg_select.png) no-repeat right center;
	background-size    : auto 100%;
	width              : 100%;
	height             : 42px;
	box-sizing         : border-box;
	margin-bottom      : 5px;
	padding            : 12px;
}

.notes_box {
	float       : left;
	margin-left : 30px;
}

.notes_box p {
	font-size : 1.2rem;
	color     : #fff;
}

@media all and (max-width : 767px) {

	.week_bg {
		width            : 100%;
		position         : relative;
		background-color : #888;
	}

	.week_box {
		width  : 80%;
		margin : 0 auto;
		opacity : 0;
		height : 75px;
		overflow : hidden;
	}

	.week_box_fix {
		position         : fixed;
		box-sizing       : inherit;
		width            : 100%;
		padding          : 0 10%;
		left             : 50%;
		top              : 0px;
		height           : 74px;
		left             : 0px;
		margin           : 0 auto;
		background-color : #ffffff;
		z-index          : 3000;
	}

	.week_box ul li {
		float            : left;
		text-align       : center;
		/* width: 97px; */
		background-color : #eeeeee;
		color            : #666666;
		font-size        : 1.2rem;
		height           : 75px;
		border-right     : 1px solid #fff;
	}

	.week_box ul li.actiov {
		background-color : #f576a3;
		color            : #fff;
	}

	.week_box ul li.actiov .day {
		display : block;
		padding : 3px 0;
	}

	.week_box ul li.actiov a {
		color : #fff;
	}

	.week_box ul li:first-child {
		margin-left : 0px;
	}

	.week_box ul li .week {
		display          : block;
		background-color : #000000;
		padding          : 8px 0;
	}

	.week_box ul li .day {
		display : block;
		padding : 8px 0;
	}

	.week_box ul li a {
		text-decoration : none;
		color           : #666666;
	}

	.week_box ul li a .week {
		text-decoration : none;
		color           : #fff;
	}

	.search {
		width            : 100%;
		margin           : 0 auto;
		background-color : #f576a3;
		padding          : 24px 30px;
	}

	.search form {
		float : none;
	}

	.search ul {
		width   : 100%;
		display : table;
	}

	.search ul li {
		display        : table-cell;
		vertical-align : top;
		width          : 50%;
		overflow       : hidden;
	}

	.search ul li:nth-of-type(2) {
		padding-left : 2%;
	}

	.search ul li select {
		border-radius : 8px;
		box-sizing    : border-box;
		margin-bottom : 0px;
		padding       : 15px 10px;
	}

	.search ul li select {
		-webkit-appearance : none;
		-moz-appearance    : none;
		appearance         : none;
		border             : 1px solid #f576a3;
		border-radius      : 5px;
		background         : #fff url(../images/bg_select.png) no-repeat right center;
		background-size    : auto 60%;
		width              : 100%;
		height             : 42px;
		box-sizing         : border-box;
		margin-bottom      : 5px;
		padding            : 12px 5px 12px 8px;
		font-size          : 1.3rem;
	}

	.notes_box {
		float       : left;
		margin-left : 0px;
		margin-top  : 10px;
	}

	.notes_box p {
		font-size : 1.2rem;
		color     : #fff;
	}

}

/*------------------------------------------------------------
news
------------------------------------------------------------*/

.news_contents {
	width      : 1200px;
	margin     : 0 auto;
	border     : 10px solid #f576a3;
	padding    : 30px;
	overflow   : hidden;
	overflow-y : auto;
}

.news_inner { width : 101%; height : 610px; }

.ttl_day {
	font-size     : 3.0rem;
	padding-left  : 10px;
	text-align    : left;
	border-left   : 9px solid #f64fa9;
	margin-bottom : 30px;
	margin-top    : 40px;
}

.ttl_day:nth-of-type(1) {
	margin-top : 0;
}

.news_contents dl {
	font-size     : 1.6rem;
	display       : table;
	overflow      : hidden;
	width         : -290%;
	margin-bottom : 10px;
}

.news_contents dl dt {
	width      : 210px;
	display    : table-cell;
	text-align : right;
}

.news_contents dl dd a {
	/* width: 58%; */
	display       : block;
	color         : #f576a3;
	overflow      : hidden;
	text-overflow : ellipsis;
	white-space   : nowrap;
}

.news_contents dl dd {
	/* width: 300px; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	/* white-space: nowrap; */
	margin-left : 10px;
	width       : 880px;
	text-align  : left;
}

.news_contents dl dt .group_icon {
	font-size  : 1.2rem;
	display    : inline-block;
	min-width  : 70px;
	padding    : 5px 14px;
	margin     : 0 10px;
	border     : solid 1px #666;
	text-align : center;
}

.news_contents dl dt .akb_color {
	color  : #ff4687;
	border : solid 1px #ff4687;
}

.news_contents dl dt .ske_color {
	color  : #e9aa00;
	border : solid 1px #e9aa00;
}

.news_contents dl dt .nmb_color {
	color  : #7e3300;
	border : solid 1px #7e3300;
}

.news_contents dl dt .hkt_color {
	color  : #000000;
	border : solid 1px #000000;
}

.news_contents dl dt .ngt_color {
	color  : #ea1e2d;
	border : solid 1px #ea1e2d;
}

.news_contents dl dt .jkt_color {
	color  : #e70012;
	border : solid 1px #e70012;
}

.news_contents dl dt .team8_color {
	color  : #f37aab;
	border : solid 1px #f37aab;
}

.news_contents dl dt .all_color {
	color  : #000;
	border : solid 1px #000;
}

.news_contents dl dt .category_icon {
	font-size        : 1.2rem;
	display          : inline-block;
	width            : 60px;
	padding          : 5px 0px;
	height           : 28px;
	max-width        : 110px;
	min-width        : 68px;
	text-align       : center;
	border-radius    : 4px;
	background-color : #666;
	color            : #fff;
}

.news_contents dl dt .media_color {
	background-color : #9e5ece;
}

.news_contents dl dt .event_color {
	background-color : #f5b800;
}

.news_contents dl dt .performance_color {
	background-color : #92d050;
}

.news_contents dl dt .goods_color {
	background-color : #38d4c5;
}

.news_contents dl dt .other_color {
	background-color : #7f7f7f;
}

.news_contents dl dt .hand_color {
	background-color : #d05050;
}

.news_contents dl dt .release_color {
	background-color : #508bd0;
}

.news_contents dl dt .ticket_color {
	background-color : rgb(80, 208, 100);
}

.news_contents dl dt .birthday_color {
	background-color : #ea6641;
}

.news_contents dl dt .mobile_color {
	background-color : #417fea;
}

@media (max-width : 767px) {

	.news_contents {
		width    : 100%;
		margin   : 0 auto;
		border   : 10px solid #f576a3;
		padding  : 10px;
		overflow : inherit;
		height   : auto;
	}

	.news_inner {
		width    : 100%;
		height   : 100%;
		overflow : hidden;
	}

	.ttl_day {
		font-size     : 2rem;
		padding-left  : 10px;
		border-left   : 9px solid #f64fa9;
		margin-bottom : 20px;
		padding-top   : 90px;
		margin-top    : -90px;
		position      : relative;
	}

	.ttl_day:after {
		content    : "";
		width      : 9px;
		height     : 90px;
		display    : block;
		background : #fff;
		position   : absolute;
		top        : 0;
		left       : -9px;
	}

	.ttl_day:nth-of-type(1) {
		margin-top : -80px;
	}

	.news_contents dl {
		font-size      : 1.3rem;
		display        : inherit;
		overflow       : inherit;
		width          : -290%;
		margin-bottom  : 15px;
		padding-bottom : 15px;
		border-bottom  : 1px dotted #ccc;
		position       : relative;
		z-index        : 1;
	}

	.news_contents dl dt {
		width         : 100%;
		text-align    : left;
		display       : inherit;
		margin-bottom : 4px;
	}

	.news_contents dl dd a {
		/* width: 58%; */
		display         : block;
		/* color: #000; */
		text-decoration : underline;
		overflow        : inherit;
		text-overflow   : initial;
		white-space     : inherit;
	}

	.news_contents dl dd {
		/* width: 300px; */
		/* overflow: hidden; */
		/* text-overflow: ellipsis; */
		/* white-space: nowrap; */
		margin-left : 0px;
		width       : 100%;
	}
}

/*------------------------------------------------------------
ピックアップ
------------------------------------------------------------*/

.fixedbottom {
	display          : none;
	position         : fixed;
	width            : 100%;
	bottom           : 0;
	padding          : 17px 0;
	background-color : rgba(0, 0, 0, 0.9);
}

.fixedbottom .label {
	text-align     : center;
	color          : #ffea00;
	font-size      : 2.2rem;
	padding-bottom : 15px;
	border-bottom  : 1px solid #8c8c8c;
}

.pickupMenu {
	width  : 960px;
	margin : 20px auto 0;
}

.pickupMenu li {
	font-size : 1.8rem;
	color     : #ffea00;
}

.pickupMenu li a .date {
	color        : #fff;
	margin-right : 10px;
}

.pickupMenu li a {
	color           : #ffea00;
	text-decoration : none;
}

#footerArea {
	background-color : #434343;
	background-color : rgba(0, 0, 0, 0.7);
}

.shop_icon .goods_icon {
	margin-left      : 6px;
	color            : #ffffff;
	font-size        : 1.4rem;
	padding          : 2px 4px;
	background-color : #dd437a;
	border-radius    : 4px;
}

@media (max-width : 767px) {

	/*        .mfp-iframe-scaler {
			overflow: auto!important;
			width: 300px !important;
			  height: 200px !important;

		  }
		  .mfp-iframe-scaler iframe {
			width: 290px !important;
			  height: 200px !important;
		  }
	*/
	.fixedbottom {
		display          : block;
		position         : inherit;
		width            : 100%;
		bottom           : 0;
		padding          : 10px 0px;
		background-color : rgba(0, 0, 0, 0.9);
	}

	.fixedbottom .label {
		text-align     : center;
		color          : #ffea00;
		font-size      : 1.6rem;
		padding-bottom : 5px;
		border-bottom  : 1px solid #8c8c8c;
	}

	.pickupMenu {
		width   : 100%;
		margin  : 10px auto 0;
		padding : 0 20px;
	}

	.pickupMenu li {
		font-size : 1.2rem;
		color     : #ffea00;
	}

	.pickupMenu li a .date {
		color        : #fff;
		display      : block;
		margin-right : 10px;
	}

	.pickupMenu li a {
		color           : #ffea00;
		text-decoration : none;
	}

	#footerArea {
		background-color : #434343;
		background-color : rgba(0, 0, 0, 0.7);
	}

	.shop_icon i {
		margin-left : 10px;
		color       : #f576a3;
	}

}

/*------------------------------------------------------------
フッター
------------------------------------------------------------*/

#totop {
	display  : none;
	position : fixed;
	right    : 20px;
	bottom   : 20px;
	z-index  : 20;
}

#totop a {
	display          : block;
	width            : 80px;
	height           : 80px;
	padding-top      : 28px;
	border-radius    : 50%;
	border           : 2px solid #fff;
	text-align       : center;
	text-decoration  : none;
	background-color : #dd437a;
	color            : #fff;
	font-size        : 2.2rem;
	line-height      : 1;
	box-sizing       : border-box;
}

footer .footer-bnr {
	background : url(../images/footerbnr-bg.png) center top;
}

footer .footer-bnr .inner {
	width   : 1140px;
	padding : 37px 0 210px;
}

footer .footer-bnr .inner ul:after {
	display : block;
	content : '';
	height  : 0;
	clear   : both;
}

footer .footer-bnr .inner ul li {
	float       : left;
	margin-left : 25px;
}

footer .footer-bnr .inner ul li:first-of-type {
	margin-left : 0;
}

footer .footer-bottom {
	background-color : #f576a3;
	color            : #fff;
}

footer .footer-bottom .inner {
	padding    : 25px 0 10px;
	text-align : center;
}

footer .footer-bottom .inner .copy {
	font-size : 1.2rem;
}

footer .footer-bottom .logo {
	margin-bottom : 13px;
}

@media all and (max-width : 767px) {

	#totop a {
		display          : block;
		width            : 50px;
		height           : 50px;
		padding-top      : 17px;
		border-radius    : 50%;
		border           : 2px solid #fff;
		text-align       : center;
		text-decoration  : none;
		background-color : #dd437a;
		color            : #fff;
		font-size        : 1.6rem;
		line-height      : 1;
		box-sizing       : border-box;
	}

	footer .footer-bnr .inner {
		width   : inherit;
		padding : 10px 0;
	}

	footer .footer-bnr .inner ul li {
		width       : 18%;
		margin-left : 2%;
	}

	footer .footer-bottom .inner {
		padding : 10px 0;
	}

	footer .footer-bottom .logo {
		margin-bottom : 5px;
	}

	footer .footer-bottom .logo img {
		width : 64px;
	}

	#totop {
		display  : block;
		position : fixed;
		right    : 20px;
		bottom   : 20px;
		z-index  : 20;
	}

}