@charset "utf-8";
/* CSS Document */


/*-----------------------------
  common
-----------------------------*/

body { 
	font-size:13px;
	line-height:1.5;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 300;
}

li{ list-style:none;}
img{ max-width:100%; height:auto;}

a{text-decoration:none; transition:0.2s; color:#333;}
a:hover{ opacity:0.5;}

.iframeCover{ padding:56.25% 0 0; position:relative; width:100%;}
.iframeCover iframe,
.iframeCover object{ position: absolute; top:0; left:0; width:100%; height:100%;}

#wrapper{color:#333333; position:relative;min-width: 1200px; overflow: hidden;}

@media screen and (max-width: 800px) {
	#wrapper{ min-width: 0;}
	img{ width:100%; height:auto;}
}


/*-----------------------------
  header
-----------------------------*/
header{ background-color:#fff; overflow:hidden; padding:5px 20px;}
.header-logo{ float:left;}
.header-icon{ float:right;}
.header-icon-item{ float:left;}
.spMenu{ display:none;}
@media screen and (max-width: 800px) {
	header{ padding:0; height:40px; position:fixed; width:100%; z-index:100;}
	.header-logo{ float:none; padding:8px 0 0 10px;}
	.header-logo img{ width:140px; height:auto;}
	.header-icon{ display:none;}
	.spMenu { display: block;}
	.spMenu a{ display: block; position:fixed; top:0; right:0; width:40px; height:40px; background-color:#000; z-index:100; background-image:url(../images/icon_menu.png); background-position:50% 50%; background-repeat:no-repeat; background-size:20px auto; text-indent:-9999px; overflow:hidden;}
}

/*-----------------------------
  footer
-----------------------------*/
footer{ background-color:#fff; padding:20px 0 40px; border-top:10px solid #000;}
.footer-inner{ width:1200px; margin:0 auto; overflow:hidden;}
.footer-logo{ float:left;}
.footer-logo-item{ float:left; padding:0 20px 0 0;}
address{ float:right; color:#000; font-style:normal; font-size:10px;}
@media screen and (max-width: 800px) {
	footer{ padding:20px;}
	.footer-inner{ width:100%; text-align:center;}
	.footer-logo{ float:none; margin:0 0 20px;}
	.footer-logo-item{ float:none; display:inline-block; padding:0 5px;}
	.footer-logo-item img{ height:22px; width:auto;}
	address{ float:none;}
}

/*-----------------------------
  main
-----------------------------*/
main{ padding:60px 0 0; position:relative;}
@media screen and (max-width: 800px) {
	main{ padding:40px 0 0;}
}
/*-----------------------------
  nav
-----------------------------*/
nav{ display:block; width:100%; position:absolute; top:0; left:0; color:#fff; background-color:#000; z-index:100;}
nav.fixed{ position:fixed;}
nav a:hover{ background-color:rgba(255,255,255,0.20); opacity:1;}
.nav-inner{ width:1200px; margin:0 auto; height:60px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.nav-rightArea{display: flex; flex-wrap: wrap; }
.nav-title{ display: flex;}
.nav-title a{ display: flex; align-items: center; padding: 10px; color: #fff;}
.nav-list{ display:flex; flex-wrap:wrap;}
.nav-list-item{ display: flex;}
.nav-list-item a{ display: flex; align-items: center; padding:0 20px; font-weight:bold; color: #fff;}
.nav-share{ display:flex; flex-wrap:wrap;}
.nav-share-title{ display: flex; align-items: center; padding:0 20px; border-right:1px solid #fff;}
.nav-share-item{ display: flex; border-right:1px solid #fff;}
.nav-share-item a{ display: flex; align-items: center; padding:0 20px;}
@media screen and (max-width: 800px) {
	nav{ display:none; position:fixed; top:40px; left:0; z-index: 100;}
	.nav-inner{ width:100%; height: auto;}
	.nav-rightArea{ width:100%;}
	.nav-title{ width:100%; border-bottom:1px solid #fff;}
	.nav-title a{ width:100%; padding:20px 10px;}
	.nav-list{ width: 100%;}
	.nav-list-item{ width: 100%;}
	.nav-list-item a{ width:100%; border-bottom:1px solid #fff; padding:20px 10px;}
	.nav-share{ width: 100%; height: 40px;}
	.nav-share-title{ width:33.33%; justify-content: flex-end; border:none;}
	.nav-share-item{ width:33.33%; border-right:none; border-left:1px solid #fff;}
	.nav-share-item a{ width:100%; justify-content: center;}
	.nav-share-item img{ width:auto;}
}

/*-----------------------------
  top
-----------------------------*/
.top{ text-align:center; position:relative; border-bottom: 55px solid #666;}
.top img{width: 100%;}
@media screen and (max-width: 800px) {
	.top{border-bottom: 25px solid #666;}
}

/*-----------------------------
  disc
-----------------------------*/
.disc{ background-image:url(../images/disc_bg.png); background-position:50% 0%; background-repeat:no-repeat;}
.disc-contents{ width:1200px; margin:0 auto; display:flex; flex-wrap: wrap; justify-content:space-between; padding: 0 0 50px;}

.disc-head{margin: 80px auto 50px; text-align: center; width: 100%; max-width:940px;}

.disc-jacketArea{width: 400px; padding: 0 0 50px 50px; text-align: center;}
.disc-jacketArea-btn{ margin: 35px 0 0;}
.disc-jacketArea-btn li{ margin: 0 0 10px;}

.disc-txtArea{width:770px; padding: 20px 0 0 50px; color: #333333; position: relative;}
.disc-title{max-width:600px;}
.disc-txtArea h5 { color:#999; font-size:12px; line-height: 100%; margin: 20px 0px;}
.disc-txtArea h5 span { color:#333; font-size:16px ; margin-right: 10px; padding:2px 0px;}
.disc-tracklist-box {margin: 20px 0 80px; font-size: 16px; font-weight: bold; color:#333; line-height: 180%;}
.disc-tracklist-box .sml {font-size: 80%;}
.disc-detail{margin: 20px 0; font-size: 11px; font-weight: normal; color:#666;}
.disc-tokuten{position: absolute; right: 20px; bottom: 0;}

@media screen and (max-width: 800px) {
	.disc-contents{ width:100%; padding:20px; display:block; background-size: contain;}
	.disc-head{margin: 0 0 20px;}

	.disc-jacketArea{width:100%; padding: 0;}
	.disc-jacketArea-btn{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0 0;}
	.disc-jacketArea-btn li{ margin: 0; width: 48%;}

	.disc-txtArea{width:100%; padding: 0; margin: 20px 0 0;}
	.disc-tracklist-box { font-size: 14px;}
	.disc-detail{ font-size: 10px; margin: 20px 0 10px;}
	.disc-tracklist{width: 100%;}
	.disc-tokuten{position: absolute; right: -10px; bottom: -30px; width:35%;}
}
@media screen and (max-width: 560px) {
	.disc-tokuten{position: static; width:100%; max-width: 240px; margin: 0px auto;}

}


/*-----------------------------
  movie
-----------------------------*/
.movie{ background-image:url(../images/movie_bg.jpg); background-position:50% 50%; background-repeat:no-repeat; background-size: cover; padding:80px 0px;}
.movie-contents{ width:840px; margin:0 auto;}
.iframeCover { margin-bottom: 30px;}
@media screen and (max-width: 800px) {
	.movie{ padding: 40px 20px; border-bottom: 10px solid #fff;}
	.movie-contents{ width:100%;}
}


/*-----------------------------
  shop
-----------------------------*/
.shop{ color: #333; padding: 100px 20px 20px; background:#fff;}
.shop-head{ text-align: center;}
.shop-contents{ width:1200px; margin:0 auto; padding:80px 0;}
.shop-info{ font-size:24px; margin:0 0 50px;}
.shop-list{ display:flex; flex-wrap:wrap;}
.shop-list-item{ width: 33.33%; position: relative;}
.shop-list-item a,
.shop-list-item span.notlink{ display:block; width:350px; margin:0 auto 40px; }
.shop-list-item-head{ font-size:14px; line-height: 20px; margin:0 0 30px 20px; letter-spacing: 0.2em; font-weight:500; border-bottom: 2px solid #e20080; padding: 5px 0 8px; position: relative;}
.line1{ line-height: 40px;}
.shop-list-item-head:after{content: ""; display: block; background-color: #e20080; width: 10px; height: 100%; position: absolute; top: 0; left: -20px;}
.shop-list-item-head span{ font-size:10px;}
.shop-list-item-pic{ margin:0 25px 15px;}
.shop-list-item-name{ text-align: left; font-size: 10px; margin: 0 25px;}
.shop-txt-attention{ font-size:10px; margin:0px; position: absolute; left:50%; bottom: 65px;}
@media screen and (max-width: 800px) {
	.shop{ padding: 20px;}
	.shop-head{font-size: 18px; letter-spacing: 0.05em; padding: 20px 0;}
	.shop-contents{ width:100%; padding:20px; background-size: contain; background-position: 0 0;}
	.shop-info{ font-size:16px; margin:0 0 20px;}
	.shop-list{justify-content: space-between;}
	.shop-list-item{ width:48%; padding:0 10px; position: static;}
	.shop-list-item a,
	.shop-list-item span.notlink{ width:100%;margin-bottom:30px;}
	.shop-list-item-head{ font-size:14px; margin:0 0 10px;}
	.shop-list-item-pic{ margin:0 0 10px;}
	.shop-list-item-name{margin: 0;}
	.shop-txt-attention{ position: static; }
}
@media screen and (max-width: 640px) {
	.shop-list-item{ width:100%; padding:0; position: static}
}