@charset "Shift-JIS";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@import url(./top.css);
@import url(./news.css);
@import url(./music.css);
@import url(./movie.css);
@import url(./goods.css);
@import url(./contact.css);

/* -----------------------------------------------
タグ初期化
------------------------------------------------- */
*{ margin:0; padding:0; box-sizing:border-box; }
html{
	font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px; line-height:1.4; font-weight:400; 
}
body{ -webkit-text-size-adjust:100%; }
body *{ max-height:999999px; }
body.sp{ font-size:1.3rem; line-height:1.4; min-width:385px; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
img { border:none; vertical-align:top; }
strong{ font-weight:bold; }
address{ font-style:normal; }
table { font-size:inherit; line-height:inherit }

a { color:inherit; text-decoration:underline; outline:none; }

.c      { background:#999999; color:#FFFFFF; text-shadow:0 1px #666,1px 0 #666,0 -1px #666,-1px 0 #666,1px 1px #666,-1px -1px #666,-1px 1px #666,1px -1px #666; }
.c.live { background:#FF6C00; color:#FFFFFF; text-shadow:none; }
.c.media{ background:#00468C; color:#FFFFFF; text-shadow:none; }
.c.event{ background:#e30011; color:#FFFFFF; text-shadow:none; }

/* -----------------------------------------------
汎用クラス
------------------------------------------------- */

body .sp{ display:none !important; }
body .pc{ display:inherit !important; }

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; }
* html .clearfix{ height:1%; }
.clearfix{ display:block; }

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

/* -------------------------------------------------
------------------------------------------------- */

#header{ position:relative; }
#header .inner{ position:relative; height:135px; }

#header #logo{ position:absolute; left:0px; top:25px; }
#header #logo a{ display:block; font-size:1.4rem; line-height:1.0; font-weight:400; text-decoration:none; }
#header #logo a strong{ font-size:6.6rem; line-height:1.0; font-weight:600; margin-left:-2px; }

#header .h_sns{ position:absolute; right:145px; top:28px; list-style:none; }
#header .h_sns li{ float:left; padding-left:14px; }
#header .h_sns a{
	display:block; width:36px; height:36px; border-radius:18px;
	font-size:0; line-height:0; text-indent:-9999px;
	background-size:36px auto;
}
#header .h_sns .t a{ background-image:url("../img/hf/sns_t.svg"); }
#header .h_sns .y a{ background-image:url("../img/hf/sns_y.svg"); }
#header .h_sns .i a{ background-image:url("../img/hf/sns_i.svg"); }
#header .contact{ position:absolute; right:0px; top:28px; }
#header .contact a{
	display:block; width:125px; height:35px; border:1px solid #000000;
	font-size:1.5rem; line-height:33px; text-align:center; text-decoration:none;
}

#header #nav{ }
#header #nav ul{ position:absolute; right:0px; top:85px; display:table; }
#header #nav li{ display:table-cell; list-style:none; padding-left:20px; }
#header #nav li a{
	display:block;
	font-size:1.6rem; line-height:1.2; text-decoration:none; letter-spacing:0.06em;
}

.open{ display:none; font-size:0; line-height:0; text-indent:-9999px; }

#title{
	font-size:6.0rem; line-height:105px; text-align:center;
	border-bottom:2px solid #27D3B4;
}

#contents{ }

#contents #main{ width:600px; float:left; }
#contents #side{ width:300px; float:right; }

#contents.single #main,
#contents.single #side{ width:auto; float:none; }

#contents.page{ font-size:87.5%; line-height:1.4; }
#contents.page table,
#contents.page ul,
#contents.page ol,
#contents.page p{ margin-bottom:1em; }
#contents.page img{ max-width:100%; height:auto; }

#main .navigation{ text-align:center; padding:40px 0 80px; font-size:0; line-height:0; }
#main .navigation span,
#main .navigation a{
	display:inline-block;
	font-size:1.6rem; line-height:38px; min-width:40px; height:40px; color:#FFF; text-decoration:none;
	padding:2px; margin:0 10px; border:1px solid #27D3B4;
}
#main .navigation a{ background:#27D3B4; }
#main .navigation span,
#main .navigation a:hover{ background:#FFFFFF; color:#27D3B4; }
#main .navigation a.prev,
#main .navigation a.next,
#main .navigation a[rel="prev"],
#main .navigation a[rel="next"]{ color:#000000; border:none; background:none; }

#main .navigation h2,
#main .navigation span span,
#main .navigation a span{ display:none !important; }


#upper{ position:fixed; right:20px; bottom:20px; }
#upper a{
	display:block; width:50px; height:27px;
	background:url(../img/hf/upper.svg) no-repeat center/50px 27px;
	font-size:0; line-height:0; text-indent:-9999px; text-align:left;
}

#footer{ border-top:1px solid #DDDDDD; background:#FFFFFF; color:#000000; }
#footer .inner{ padding:25px 0; }
#footer .copy{ font-size:1.4rem; line-height:1.2; text-align:center; }

.pickup::before{
	display:inline-block;
	background:url("../img/pickup.svg") no-repeat right center/auto 100%;
	content:"PICK UP"; font-size:1.5rem; line-height:40px; font-weight:400; color:#FFFFFF; text-decoration:none;
	padding:0 17px 0 12px;
	transform:rotate(90deg);
}
.c_inner{ text-align:center; padding:40px; }
.c_inner>*{ margin-bottom:40px; }
.c_inner>*:last-child{ margin-bottom:0; }

@media screen and (max-width: 768px) {
	body .pc{ display:none !important; }
	body .sp{ display:inherit !important; }
	
	.inner{ width:auto; }
	.open{
		display:block; width:55px; height:48px; cursor:pointer;
		position:fixed; right:10px; top:0; z-index:100;
	}
	#wrapper>.open{
		background:url("../img/hf/sp/open_fixed.svg") no-repeat center/55px 48px;
	}
	#header .open{
		background:url("../img/hf/sp/open.svg") no-repeat center/55px 48px;
	}
	#wrapper>.open.on,
	#header .open.on{
		background:url("../img/hf/sp/open_close.svg") no-repeat center/55px 48px;
	}

	#header .inner{ height:80px; }

	#header #logo{ left:15px; top:15px; }
	#header #logo a{ font-size:1.3rem; }
	#header #logo a strong{ font-size:4.1rem; }

	#header .h_sns{ display:none; }
	#header #nav ul{
		display:block; overflow-y:auto; height:0;
		background:rgba(255,255,255,1.00);
		position:fixed; left:0px; right:0px; top:0; z-index:98;
	}
	#header #nav li{
		display:block; float:left; width:50%; padding:0;
	}
	#header #nav li:nth-child(1){ width:100%; margin-top:50px; }
	#header #nav li:nth-child(2n){ clear:left; }
	#header #nav li a{ font-size:2.2rem; line-height:100px; text-align:center; }
	
	#title{ font-size:4.0rem; line-height:1.6; padding:20px 0 10px; }

	#contents{ padding:15px 0 40px 0; }

	#contents #main,
	#contents #side{ width:auto; float:none; }

	#main .navigation{ padding:20px 5px 0; font-size:0; line-height:0; }
	#main .navigation span,
	#main .navigation a{ font-size:14px; line-height:28px; height:33px; min-width:33px; }
	#main .navigation a.prev,
	#main .navigation a.next,
	#main .navigation a[rel="prev"],
	#main .navigation a[rel="next"]{ padding:2px 10px; }

	
	#upper{ right:15px; bottom:15px; }
	#upper a{ width:25px; height:14px; background-size:25px auto; }
	
	#footer .inner{ padding:25px 0; }
	#footer .f_sns{ text-align:center; list-style:none; margin-bottom:25px; }
	#footer .f_sns li{ display:inline-block; vertical-align:top; padding:0 20px; }
	#footer .f_sns a{
		display:block; width:36px; height:36px; border-radius:18px;
		font-size:0; line-height:0; text-indent:-9999px;
		background-size:36px auto;
	}
	#footer .f_sns .t a{ background-image:url("../img/hf/sns_t.svg"); }
	#footer .f_sns .y a{ background-image:url("../img/hf/sns_y.svg"); }
	#footer .f_sns .i a{ background-image:url("../img/hf/sns_i.svg"); }
	#footer .contact{ text-align:center; margin-bottom:25px; }
	#footer .contact a{
		display:inline-block; vertical-align:top; width:155px; height:35px; border:1px solid #000000;
		font-size:1.4rem; line-height:33px; text-align:center; text-decoration:none;
	}
	#footer .copy{ font-size:1.4rem; }

	.pickup::before{
		content:"PICK UP"; font-size:1.2rem; line-height:25px;
		padding:0 8px 0 6px;
	}
	
	.c_inner{ text-align:center; padding:20px; }
	.c_inner>*{ margin-bottom:20px; }
	.c_inner>*:last-child{ margin-bottom:0; }
}
/* end */