@charset "utf-8";

html {
margin:0;
padding:0;
width: 640px;
overflow-x: hidden;
}

body {
font-size: 22px;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
margin: 0;
padding: 0;
background: #FAFAF0;
color: #555555;
width: 640px;
overflow-x: hidden;
}

.nosp {
	display: none;
}

img, a {
border:none;
}

a{/*リンクされた文字*/color: #2A2A2A;font-style:normal;text-decoration: underline;font-weight: bold;}
a:link {/*未訪問のリンク*/

}
a:visited {/*訪問後のリンク*/

}
a:hover {/*マウスをのせたとき*/

}
a:active {/*クリック中*/

}

h2.title {
	font-family: 'Raleway', sans-serif;
	margin: 0;
	padding: 30px 12px 0px;
	font-size: 32px;
	/* text-shadow: 2px 2px 2px #000000; */
	position: relative;
	vertical-align: bottom;
	z-index: 10;
}

h2.title a {color: #000000;text-decoration: none;}

h2.title span {
color: #868686;
font-size: 0.5em;
padding: 0 0 0 16px;
font-weight: normal;
}

h2.title:before {
	content:"";
	width: 616px;
	height: 3px;
	background: #aaaaaa;
	display: block;
	position: absolute;
	bottom: 3px;
}

h2.title:after {
	content:"";
	width: 53%;
	height: 3px;
	background: #E5336E;display: block;position: absolute;
	bottom: 3px;
}

#header {
position: relative;
}

#header-top {
	
}

#header-top h1 {
/* position: absolute; */
left: 0;
width: 270px;
margin: 14px 0 0 6px;
z-index: 20;
}

#header-top h1 img {
/* width: 320px; */
	
}

#header-top h1 a {
display:inline-block;
}

#header #toptext {
display:none;
}

#header-bottom {
z-index: 30;
position: relative;
}

#header-bottom nav {

}

#header-bottom nav a {
font-family: 'Raleway', sans-serif;;
font-weight: bold;
font-size: 28px;
color: #000000;
text-decoration: none;
display: block;
padding: 40px 0 30px 70px;
background: #E6E6E6;
border-top: rgba(0,0,0,0.1) 1px solid;
}

#snslinks {
display: inline-block;
list-style: none;
/* width: 240px; */
position: absolute;
top: 347px;
right: 0;
text-align: right;
padding: 0;
margin: 0;
}

#snslinks li {
display: inline-block;
padding: 0 10px;
}

#topaddress {
position: absolute;
top: 310px;
padding: 0 0 0 6px;
}

#topaddress .addresstext {
display: block;
	
}

#topaddress .tel-link {
	
}

.swipeshow {
width: 640px;
height: 256px;
}

.slideshow .dots {
	display:none;
}

.pager {
height: 28px;
padding: 7px 0 0 46px;
/* width: 420px; */
/* display: inline-block!important; */
position: absolute;
}

.pager a {
border-radius: 14px;
width: 28px;
height: 28px;
background: #E0668F;
font-size: 0;
display: inline-block;
margin: 0 0 0 22px;
vertical-align: middle;
}

.pager a.selected {
background: #F3C8D6;
}

.paging {
position: absolute;
top: 30px;
right: 0;
z-index: 200;
}

.prev-btn {
position:absolute;
left: -103px;
width: 34px;
height: 34px;
background: url(../img/icon/icons.png) -31px -55px no-repeat;
display:block;
border: none;
font-size: 0;
margin: 3px 0 0;
/* z-index: 20; */
}

.next-btn {
position:absolute;
left: -44px;
width: 34px;
height: 34px;
background: url(../img/icon/icons.png) -66px -55px no-repeat;
display:block;
border: none;
font-size: 0;
margin: 3px 0 0;
/* z-index: 20; */
}

.pagenate {
text-align: center;

margin: 18px auto 0;
padding: 30px 0 0;
}

.pagenate ul {

}

.pagenate ul li {
list-style: none;

padding: 0;
margin: 18px 18px 28px;
clear: none;
display: inline-block;
text-align: center;
}

.pagenate ul li span {display: inline-block;min-width: 32px;padding: 14px 8px 9px;border: solid 1px #d91e4e;background: #e5336e;color: #FFF;font-size: 21px;}

.pagenate ul li a {display: inline-block;min-width: 32px;padding: 13px 8px 9px;background: #ffc6d9;/* border: solid 1px #ddd; */text-align: center;color: #FFF;font-size: 21px;border: 0!important;}

.fancybox-overlay {
/* width: 640px!important; */
overflow-x: hidden!important;
}

#snsarea {
padding: 20px 0 0 0px;
clear: both;
}

#facebook-topbox-sp {
	width: 300px;
	display:inline-block;
	margin:0 0 0 10px;
	vertical-align: top;
}

#twitter-topbox {
	width: 300px;
	display:inline-block;
	margin:0 0 0 10px;
}

#common-footer {
clear: both;
	
background: #E6E6E6;
}

#common-footer #groupmedia {
	list-style: none;
	padding: 0 8px 24px;
	margin: 0;
	width: 624px;
	/* font-size:0; */
}

#common-footer #groupmedia li {
	width: 194px;
	display: inline-block;
	margin: 0px 3px;
	padding: 0;
}

#common-footer dl {
	margin: 0;
	padding: 0;
}

#common-footer dt {
	margin: 0;
	padding: 0;
}

#common-footer #groupmedia dd{
	padding:12px 0 0 8px;
	margin:0;
}

#common-footer h3 {
	font-size: 0;
	background-size: contain;
	width: 100%;
	height: 103px;
}

#common-footer h3 a{
	font-size: 0;
	display: inline-block;
	width: 92%;
	height: 103px;
	padding: 0 4%;
}

#common-footer h3.gekirock a {
	background: url(../img/footer/gekirock.png) no-repeat center center/contain;
}

#common-footer h3.skream a {
	background: url(../img/footer/skream.png) no-repeat center center/contain;
}

#common-footer h3.clothing a {
	background: url(../img/footer/gekirock_clothing.png) no-repeat center center/contain;
}

#common-footer h3.rockaholic a {
	background: url(../img/footer/rockaholic.png) no-repeat center center/contain;
}

#common-footer h3.liveholic a {
	background: url(../img/footer/liveholic.png) no-repeat center center/contain;
}

#common-footer h3.gekirock {
	border-bottom: solid 3px #E5336E;
}

#common-footer h3.skream {
	border-bottom: solid 3px #00AE95;
}

#common-footer h3.clothing {
	border-bottom: solid 3px #3FBDE0;
}

#common-footer h3.rockaholic {
	border-bottom: solid 3px #CB1212;
}

#common-footer h3.liveholic {
	border-bottom: solid 3px #5AD21B;
}

#common-footer #groupmedia a {
	text-decoration: none;
	font-weight: normal;
}

#bommon-footer a {
	
}

#common-footer h3 a{
	font-size:0;
}

#common-footer dd {
display: none;
}

#company {
background: #000000;
	
margin: 0;
padding: 24px 0;
text-align: center;
}

#company li {
display: inline-block;
	
margin: 0 24px;
}

#company #company-logo {
text-align: center;
	
width: 100%;
margin: 0;
}

#company #company-logo h3 {
height: 105px;
	
}

#company #company-logo h3 a {
background: url(../img/footer/company-logo.png) center center no-repeat;
	
display: inline-block;
width: 300px;
height: 73px;
background-size: contain;
}


#company li a {
color: #FFFFFF;
	
}

#sub-contents {

}

#right-apeal {
	
}

#access{
	clear: both;

	padding: 24px 0;
}

#access img {
	float:left;
	display:inline-block;
	margin: 0 12px 40px;
}

#access h3{
	margin: 0 0 10px;
}

#access h3 span {
	font-size: 19px;
}

#access p {
	font-size: 15px;

	margin: 0.4em 0;
	line-height: 140%;
}

p.date {
margin: 0;
font-family: 'Anton', sans-serif;
/* display: table; */
}

p.date span {
padding:0 0 0 8px;	
color: #9B9B9B;
font-weight: normal;
font-size: 80%;
}

span.Sun {
color:#E5336E!important;
}

span.Sat {
color: #00AE95!important;
}

span.Holi {
color:#E5336E!important;
}

#news {
	
}

#news h1 {
	font-size: 28px;
	
	padding: 0 0 0 8px;
}

#newsbody {
	padding: 0 0 0 6px;
}

#newsbody img, #newsbody iframe{
	max-width:100%;
	height: auto;
}


#news .date {
	padding: 0 0 0 6px;
}

.mt-image-none {
	margin:0 auto;
	display: inline-block;
	text-align: center;
}

#main-contents .schedulegroup dd p.soldout {
	-moz-transform: rotate(-45deg);	
	-webkit-transform: rotate(-45deg);	
	transform: rotate(-45deg);
	z-index: 200;
	position: absolute;
	right: 160px;
	bottom: 16px;
	width: 100px;
	display: inline-block;
	font-size: 13px;
	color: #FFFFFF;
	padding: 3px 6px 2px;
	margin: 4px 0 0;
	line-height: 100%;
	text-align: center;
	left: inherit;
}

#main-contents .schedulegroup dd p.soldout:before {
	content:"";
	position:absolute;
	display: inline-block;
	/* background: #FF0000; */
	border: solid 50px transparent;
	border-top: solid 50px rgba(253, 17, 95, 0.75);
	z-index: -100;
	left: 50%;
	top: 1px;
	margin-left: -50px;
}

#main-contents p.soldout {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 200;
	position: absolute;
	left: -21px;
	width: 100px;
	display: inline-block;
	font-size: 13px;
	color: #FFFFFF;
	padding: 3px 6px 2px;
	margin: -24px 0 0;
	line-height: 100%;
	text-align: center;
}

#main-contents p.soldout:before {
	content:"";
	position:absolute;
	display: inline-block;
	/* background: #FF0000; */
	border: solid 50px transparent;
	border-bottom: solid 50px rgba(253, 17, 95, 0.75);
	z-index: -100;
	left: 50%;
	top: -83px;
	margin-left: -50px;}

.closedribon {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-box-shadow: 0 0 1em #888;
	position: absolute;
	right: -8px;
	background: rgba(253, 17, 95, 0.75);
	color: #FFFFFF;
	width: 96px;
	text-align: center;
	top: 68px;
	z-index: 200;
	height: 18px;
	font-size: 14px!important;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.closedribon:before {
	position: absolute;
	content: "";
	display: block;
	border: solid 13.5px transparent;
	border-left: solid 13.5px rgba(253, 17, 95, 0.75);
	left: -13px;
	top: 5px;
	z-index: 27;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.closedribon:after {
	position: absolute;
	content: "";
	display: block;
	border: solid 13.5px transparent;
	border-right: solid 13.5px rgba(253, 17, 95, 0.75);
	right: -13px;
	top: 5px;
	z-index: 40;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.soldoutribon {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-box-shadow: 0 0 1em #888;
	position: absolute;
	right: -8px;
	background: rgba(253, 17, 95, 0.75);
	color: #FFFFFF;
	width: 96px;
	text-align: center;
	top: 18px;
	z-index: 200;
	height: 18px;
	font-size: 14px!important;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.soldoutribon:before {
	position: absolute;
	content: "";
	display: block;
	border: solid 13.5px transparent;
	border-left: solid 13.5px rgba(253, 17, 95, 0.75);
	left: -13px;
	top: 5px;
	z-index: 27;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.soldoutribon:after {
	position: absolute;
	content: "";
	display: block;
	border: solid 13.5px transparent;
	border-right: solid 13.5px rgba(253, 17, 95, 0.75);
	right: -13px;
	top: 5px;
	z-index: 40;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#share {
	display: inline-block;
	float: right;
	list-style: none;
	margin: 0;
	padding: 6px 0 0;
	vertical-align: top;
	height: 38px;
	transform: scale(1.6);
	-moz-transform: scale(1.6);
	-webkit-transform: scale(1.6);
	-o-transform: scale(1.6);
	-ms-transform: scale(1.6);
	width: 408px;
}

#share li{
	/* transform: scale(1.6); */
}

#share .twitter {
	display: inline-block;
	height: 38px;
	/* width: 198px; */
}

#share .fb {
	display: inline-block;
	height: 38px;
	vertical-align: top;
	/*margin: -10px 0 0;*/
	/* width: 240px; */
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

#share .line {
	display: inline-block;
}

#rookies-right {
	text-align: center;
	margin: 32px 0 24px 13px;
	font-size: 16px;
	display: inline-block;
	width: 280px;
}

#rookies-right img {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 280px;
}

#rookies-right span {
	display:block;
}

#rookies-right span a{
	text-decoration:underline;
}

#digup-right {
	text-align: center;
	margin: 32px 0 24px 30px;
	font-size: 16px;
	display: inline-block;
	width: 280px;
}

#digup-right img {

	display: block;
	margin: 0 auto;
	text-align: center;
	width: 280px;
}

#digup-right span {
	display:block;
}

#digup-right span a{
	text-decoration:underline;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
	.closedribon:before { left: -13px; border-left: solid 13px #ff4672; }
	.closedribon { background:#ff4672; height:19px; }
	.closedribon:after { right: -13px; border-right: solid 13px #ff4672; }
	.soldoutribon:before { left: -13px; border-left: solid 13px #ff4672; }
	.soldoutribon { background:#ff4672; height:19px; }
	.soldoutribon:after { right: -13px; border-right: solid 13px #ff4672; }
	
}

div.bignews {
	text-align:center;
	padding: 0;
	margin:1em .5em .5em;
	line-height: 100%;
	vertical-align: baseline;
}

div.bignews a {
	padding:.7em;
	display:inline-block;
	line-height: 1em;
	vertical-align: baseline;
	height: 1em;
	display: block;
	margin: 12px;
	background: #FFDDDD;
}