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

@font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	 src: local("YuGothic-Medium"),
		  local("Yu Gothic Medium"),
		  local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	 src: local("YoGothic-Bold"),
		  local("Yu Gothic");
}

html {
	/*font-size: 62.5%;*//* 16px x 0.625 = 10px(=1rem) */
	height:100%;
	margin:0px;
}

body {
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	margin:0px;
	padding:0px;
	overflow-x:hidden;
	height:100%;
}

img {
	border:0px;	
}

a {
	text-decoration:none;	
}
ol, ul {
	margin: 0;
	padding: 0 0 0 20px;
}
ul.noMark {
	list-style: none;
}
dl.dlFlexRow {
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: 0;
}
dl.dlFlexRow dt {
	width: 110px;
}
dl.dlFlexRow dd {
	margin-left: 0px;
}
/* div */
.container {
	min-height:100%;
	/*min-width:500px;*/
	padding-bottom:-100px;	
}

/**********************/
/* ヘッダー           */
/**********************/
.headerCompanyBack {
	width:100%;
	/*position:absolute;
	z-index:110;*/
	top:-100px;
	
	position:fixed;
	z-index:510;
}

.headerCompany {
	height:60px;
	margin-left:auto;
	margin-right:auto;
}

.leftCompany{
	float:left;
	margin-left:30px;
	display:block;
}

.rightMenu {
	float:right;
	margin-right:30px;
	display:block;
	margin-top:5px;
	height:50px;		
}

/**********************/
/* ボタン             */
/**********************/

#mainMenu {
	height:0px;
	overflow:hidden;

	width:100%;
	position:fixed;
	z-index:500;
	top:0px;
	background-color:rgba(255,255,255,0.9);
	box-shadow: 0px -5px 10px 3px #ccc inset;
	
}

.contentBtn {
	margin-left:auto;
	margin-right:auto;
}

.underline {
  display: inline-block;
  padding-bottom: -10px;
  position: relative;
}

.underline::after {
  background-color: #ffffff;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
	left: 0;
	position: absolute;
  transition: .5s all;
  width: 0;
}

.underline:hover::after {
  width: 100%;
}

.underlineGray {
  display: inline-block;
  padding-bottom: -10px;
  position: relative;
}

.underlineGray::after {
  background-color: #333;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
	left: 0;
	position: absolute;
  transition: .5s all;
  width: 0;
}

.underlineGray:hover::after {
  width: 100%;
}


ul.btn_main{
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	height:50px;
	margin-top:0px;
	margin-bottom:0px;
	float:right;
	display: flex;
	background-color:rgba(44,44,54,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#85ffffff,endColorstr=#85ffffff);/*IE8以下用*/	
}

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

ul.btn_main li{
	float:left;
	height:50px; 
	display:block;
	margin: 0;
	padding: 0;	
		
	position: relative;
	list-style: none;
}  

ul.btn_main a {
	color:#ffffff;
}

/* ボタン1の設定 */
.btnTop_a {
	overflow: hidden;
	width:120px;
	height:50px;
	display: block;
	background:url("../btn/btnTop.png") no-repeat;
}

/* ボタン1の設定 */
.btn1_a {
	overflow: hidden;
	width:120px;
	height:50px;
	display: block;
	background:url("../btn/btnProfile.png") no-repeat;
}

/* ボタン2の設定 */
.btn2_a {
	overflow: hidden;
	width:120px;
	height:50px;
	display: block;
	background:url("../btn/btnSchedule.png") no-repeat;
}

/* ボタン3の設定 */
.btn3_a {
	overflow: hidden;
	width:120px;
	height:50px;
	display: block;
	background:url("../btn/btnDiscography.png") no-repeat;
}

/* ボタン4の設定 */
.btn4_a {
	overflow: hidden;
	width:120px;
	height:50px;
	display: block;
	background:url("../btn/btnBlog.png") no-repeat;
}

.btn4_2_a {
	overflow: hidden;
	width:120px;
	height:50px;
	display: block;
	background:url("../btn/btnInstagram.png") no-repeat;
}

/* ボタン5の設定 */
.btn5_a {
	overflow: hidden;
	width:120px;
	height:50px;
	display: block;
	background:url("../btn/btnFunclub.png") no-repeat;
}

/* ボタン6の設定 */
.btn6_a {
	overflow: hidden;
	width:140px;
	height:50px;
	display: block;
	background:url("../btn/btnSupportersclub.png") no-repeat;
}
/* ボタン7の設定 */
.btn7_a {
	overflow: hidden;
	width:140px;
	height:50px;
	display: block;
	background:url("../btn/btnPortrait.png") no-repeat;
}
#slideMenu {
	width:500px;
	background-color:rgba(51,51,51,0.95);
	position:fixed;
	z-index:1000;
	top:0px;
	bottom:0px;
	right:0px;
	right:-500px;
	overflow-y: auto;
}

#slideMenu a {
	color:#fff;
}

#slideMenuHead {
	width:100%;
	height:55px;
	border-bottom:solid;
	border-width:1px;
	border-color:#ccc;
	overflow:hidden;
}

#slideMenuHeadCompany {
	display:block;
	float:left;
	height:35px;
	margin-top:10px;
	margin-left:10px;
}

#slideMenuHeadClose {
	display:block;
	float:right;
	height:35px;
	margin-top:10px;
	margin-right:10px;
}

.rowSlideMenu {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	border-bottom:dashed;
	border-color:#666;
	border-width:1px;
	color:#fff;
	line-height:50px;
	vertical-align:middle;
	
}

#mobileSclollMenu {
	overflow:scroll;
}

.rowSlideMenu2 {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	border-bottom:solid;
	border-color:#666;
	border-width:1px;
	color:#fff;
	line-height:50px;
	vertical-align:middle;
	
}

.rowSlideMenu3 {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	color:#fff;
	line-height:50px;
	vertical-align:middle;
	
}

.rowSlideMenu4 {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	border-bottom:dashed;
	border-color:#ccc;
	border-width:1px;
	color:#fff;
	line-height:50px;
	vertical-align:middle;
	
}

.tblSlideMenu {
	display:table;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	border-bottom:dashed;
	border-color:#666;
	border-width:1px;
	overflow:hidden;
}

.tblSlideMenu2 {
	display:table;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	overflow:hidden;
	margin-bottom:20px;
}

.cellSlideMenu {
	display:table-cell;
	width:50%;
	text-align:center;
	color:#fff;
	line-height:50px;
}

.cellSlideMenu2 {
	display:table-cell;
	width:50%;
	text-align:center;
	color:#fff;
	line-height:50px;
}

.alfaSlideMenu {
	color:#999;
	margin-left:10px;
	font-size:0.7rem;
}

#mobileMenu {
	display:none;
	width:100%;
	overflow:hidden;
	border-bottom:solid;
	border-color:#ccc;
	border-width:1px;	
	background-color:rgba(102,102,102,0.8);
}

.mobileFacebookImg {
	display:none;
	margin-left:auto;
	margin-right:auto;
}

.facebookImg {
	margin-left:auto;
	margin-right:auto;
	display:block;
		
}

/**********************/
/* フッター           */
/**********************/
#footerMobileMenu {
	width:100%;
	background-color:rgba(51,51,51,0.95);
	overflow:hidden;
	display:none;
}
#footerMobileMenu a {
	color:#fff;
}

.footerBack {
	padding-top:30px;
	padding-bottom:30px;
	background-color:#2c2c35;
	bottom:0;
	color:white;
	line-height:23px;
}

.footer {
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}

.footerBefore {
	text-align:center;
	height:40px;
	margin-top:50px;
}

.footerBefore a {
	text-decoration:none;
	color:#333;
}


.footerLogo {
	height:40px;
}

.clickHere {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#A5CDC2;
	margin-top:5px;
}

.clickHereOrange {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#E06A53;
	margin-top:5px;
}

.clickHereBlue {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#72A8D8;
	margin-top:5px;
}

.clickHerePink {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#f09196;
	margin-top:5px;
}

.clickHereLightBlue {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#46afe1;
	margin-top:5px;
}

.clickHereLightBlue2 {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#00afdc;
	margin-top:5px;
}

.clickHereRed {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#ff7a8f;
	margin-top:5px;
}

.clickHerePurple {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#8881b9;
	margin-top:5px;
}

.clickHereGrayPurple {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#5a325a;
	margin-top:5px;
}

.clickHereDarkGreen {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#008b43;
	margin-top:5px;
}

.clickHereDarkRed {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#cb3214;
	margin-top:5px;
}
.clickHereBlue {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#6491b9;
	margin-top:5px;
}
.clickHereNavy {
	display:block;
	width:200px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#005faa;
	margin-top:5px;
}

.backGray {
	background-color:#333 !important;
}

.marginLeft10 {
	margin-left:10px;
}

.marginLeft20 {
	margin-left:20px;
}

.marginLeft30 {
	margin-left:30px;
}
.marginBottom10 {
	margin-bottom:10px;
}

.marginTop30 {
	margin-top:30px;	
}

.marginBottom30 {
	margin-bottom:30px;
}

.textAlignRight {
	text-align:right;
}
.font12 {
  font-size: 12px;
}
.fontPink {
	color:#f09196;
}

.fontOrange {
	color:#E06A53;
}

.fontPurple {
	color:#8881b9;
}

.fontGrayPurple {
	color:#8c87b9;
}

.fontRed {
	color:red;
}

.fontPaleRed {
	color:#ff7a8f;
}

.fontDarkGreen {
	color:#008b43;
}

.fontLightBlue2 {
	color:#00afdc;
}
.fontNavy {
	color:#2d56a5;
}
.fontBold {
	font-weight: bold;
}
.font-s {
	font-size: 0.7em;
}
.borderPink {
	border-color:#f09196 !important;
}

.borderOrange {
	border-color:#E06A53 !important;
}

.borderPurple {
	border-color:#8881b9 !important;
}

.borderGrayPurple {
	border-color:#5a325a !important;
}

.borderDarkGreen {
	border-color:#008b43 !important;
}

.borderLightBlue2 {
	border-color:#00afdc !important;
}
.borderNavy {
	border-color:#0b223f !important;
}

.backPink {
	background: linear-gradient(270deg, #f5bec8, #f09196);
}

.backOrange {
	background: linear-gradient(270deg, #EAB06A, #E06A53);		
}

.backPurple {
	background: linear-gradient(270deg, #beb8d5, #8881b9);
}

.backGrayPurple {
	background: linear-gradient(270deg, #8c87b9, #5a325a);
}

.backLightBlue2 {
	background: linear-gradient(270deg, #a0bedc, #00afdc);
}

.backDarkRed {
	background: linear-gradient(270deg, #913205, #911e2d);
}
.backNavy {
	background: linear-gradient(270deg, #0b223f, #2d56a5);
}
.titleOrange {
	color:#E06A53;
}

.titlePink {
	color:#e4a29e;
}

.titleLightBlue {
	color:#46afe1;
}

.titleLightBlue2 {
	color:#00afdc;
}

.titlePurple {
	color:#8881b9;
}

.titleGrayPurple {
	color:#8c87b9;
}

.titleNavy {
	color:#005faa;
}

.titleAreaLightBlue2 {
	background-color:#00afdc;
	line-height:40px;
	color:#ffffff;
	margin-bottom:10px;
	padding-left:10px;
	width:50%;
}

.newLine {
	display:inline-block;	
}

.alertArea {
	font-size:1.3rem;
	font-weight:bold;
	line-height:30px;
	color:red;
}

#returnTop {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	position:fixed;
	z-index:510;
	bottom:-100px;
	right:0px;
	color:#fff;
	transition: .5s all;	
	background-color:rgba(51,51,51,0.8);
}

#returnTop:hover {
	background-color:rgba(51,51,51,1);
	
}
.areaSns {
	display:block;
	width:100%;
}
.area2colText {
	float:left;
	width:45%;
	overflow:hidden;
	margin-top:10px;	
}
.area2colText:after {
	clear:both;	
}
.area2colImg {
	float:left;
	width:45%;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:20px;
}
.area2colImg img{
	width:100%;
	display: block;
}
.listKome {
	list-style: none;
	
}
.listKome li {
	position: relative;
	padding-left: 0px;
	margin-left: 0px;
}
.listKome li::before {
	content: "※";
	position: absolute;
	left: -20px;
}
.pc-only {
	display: block;
}
@media screen and (max-width: 999px) {
	body {
		font-size:1rem;
	}

	.footerBack {
		font-size: 0.9rem;		
	}

	#copyright {
		font-size: 0.7rem;
	}
	
	.leftCompany{
		margin-top:14px;
		margin-left:10px;
		height:32px;
	}
	.rightMenu{
		margin-right:10px;
	}
	
	#mainMenu {
		width:100%;
	}
	
	.btn_main {
		visibility:hidden;
	}
	
	#mobileMenu {
		display:block;
	}
		
	#pankuzuBase {
		display:none;	
	}

	.footerBefore {
		display:none;
	}

	.newLine {
		display:block;	
	}
	#footerMobileMenu {
		display:block;
	}
	
	.facebookImg {
		display:none;
	}

	.mobileFacebookImg {
		display:block;
		width:95%;
	}

	.titleAreaLightBlue2 {
		width:100%;
	}

	.infoContentClear {
		width:90%;
	}
	.area2col {
		float:none;
		width:100%;
	}
	
	.area2colImg {
		float:none;
		width:100%;
		margin-right:0px;
		margin-bottom:0px;
	}
	.pc-only {
		display: none;
	}
}
@media screen and (min-width:1000px) and (max-width: 1249px) {
	body {
		font-size:1rem;
	}
	.leftCompany{
		margin-top:10px;
		height:40px;	
	}
	.rightMenu{
		height:50px;	
	}
	

	.headerCompany {
		width:1000px;
	}
	
	#pankuzuBase {
		display:block;	
	}

	.infoContent {
		width:1000px;
	}
	.infoContentClear {
		width:1000px;
	}
	
	.footerBack {
		font-size: 0.9rem;		
	}
	
	#copyright {
		font-size: 0.7rem;
	}
	
	.footer {
		width:1000px;
	}
	.footerBefore {
		/*width:1000px;*/
		font-size:0.9rem;
	}
	.facebookImg {
		width:1000px;
	}

}
@media screen and (min-width:1250px) and (max-width:1599px) {
	body {
		font-size:1rem;
	}
	.leftCompany{
		margin-top:10px;
		height:40px;
	}
	.rightMenu{
		height:50px;	
	}
	
	
	.headerCompany {
		width:1200px;
	}
	
	#pankuzuBase {
		display:block;	
	}
	
	#mainMenuContent {
		width:1200px;
	}	

	.infoContent {
		width:1200px;
	}
	.infoContentClear {
		width:1200px;
	}
	
	.footerBack {
		font-size: 0.9rem;		
	}
	#copyright {
		font-size: 0.7rem;
	}
	
	.footer {
		width:1200px;
	}
	.footerBefore {
		/*width:1200px;*/
		font-size:0.9rem;		
	}
	.facebookImg {
		width:1200px;
	}

}
@media screen and (min-width:1600px) {
	body {
		font-size:1rem;
	}
	.leftCompany{
		margin-top:10px;
		height:40px;	
	}
	.rightMenu{
		height:50px;	
	}

	.headerCompany {
		width:1600px;
	}

	#pankuzuBase {
		display:block;	
	}
	
	#mainMenuContent {
		width:1600px;
	}	
	.infoContent {
		width:1200px;
	}
	.infoContentClear {
		width:1200px;
	}

	.footerBack {
		font-size: 0.9rem;		
	}
	#copyright {
		font-size: 0.7rem;
	}

	.footer {
		width:1200px;
	}
	.footerBefore {
		/*width:1200px;*/
		font-size:0.9rem;

	}

	.facebookImg {
		width:1200px;
	}
}