@charset "utf-8";
.IMG100{
	display: block;
	width: 100%;
}
.TwitterLeft{
	float: left;
	width: 40%;
}
.TwitterRight{
	float: right;
	width: 60%;
	height: 300px;
	margin-top: -30px;
	overflow-y: scroll;
}
.timeline-Header{
	display: none !important;
} 

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(249, 103, 149, .5);
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(249, 103, 149, .3);
}

*{
	margin:0;
	padding: 0;
	text-decoration: none;
	color: #000;
	box-sizing: border-box;
	line-height: 1.8em;
}
.Gothic{
	font-family: kozuka-gothic-pro, sans-serif;
	font-style: normal;
	font-weight: 400;
}
.trajan{
	font-family: trajan-pro-3, serif;
	font-style: normal;
	font-weight: 800;
}
.Mintyo{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
body{
	overflow: hidden;
}
.pc-none{
	display: none!important;	
}
.sp-none{
	display:inherit!important;	
}

/*=====================================================
　背景
=======================================================*/
#Top-page,#news-page{
	height: 100vh;
	background-image: url(../img/20201005news.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}
#Top-page2,#news-page2{
	height: 100vh;
	background-image: url(../img/20201005top.jpg);
	background-repeat: no-repeat;
/*	background-position: center right;
*/	background-size: cover;
	overflow: hidden;
}

#profile-page{
	height: 100vh;
	background-image: url(../img/profile.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	    overflow: hidden;
}

#profile-page2{
	height: 100vh;
	background-image: url(../img/20201005pro.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
	    overflow: hidden;
}

#sns-page{
	height: 100vh;
	background-image: url(../img/sns.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	    overflow: hidden;
}
#sns-page2{
	height: 100vh;
	background-image: url(../img/20201005pro.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
	    overflow: hidden;
}

#company-page,
#fanclub-page{
	background: #797979;
}

#profile-page2 p{font-weight: 100;}

/*=====================================================
　nav
=======================================================*/
#Toppage .luxbar{
	display: none;
}
.nav-logo{
	height: 35px;
	display: block;
}
.luxbar{
	border-bottom: 1px solid #000;
}
.luxbar-item a:hover{
	color:  #f96795;
	-webkit-tap-highlight-color:#f96795;
}
#news-page2 nav ul li:nth-of-type(3){
	color:#f96795 !important;
}

#profile-page2 nav ul li:nth-of-type(4){
	color:#f96795 !important;
}
#sns-page2 nav ul li:nth-of-type(6){
	color:#f96795 !important;
}
#company-page nav ul li:nth-of-type(7){
	color:#f96795 !important;
}
#fanclub-page nav ul li:nth-of-type(5){
	color:#f96795 !important;
}



/*=====================================================
　contents
=======================================================*/
.contentWrp{
    height: 100vh;
    width: 100%;
	overflow: hidden;
}
/*#Toppage .content-inner{
    padding: 23% 23% 0;
}
*/.content-inner{
    overflow: hidden;
    height: 100vh;
    padding: 4%;
}
#Toppage .innerBG{
	background: none;
/*	padding: 20% 23% 0;
*/	   /* padding: 363px 26% 0 23%;*/
	padding: 0;
	box-shadow:none;
}
#Toppage .funWrp{
	background: none;
	margin: 0;
}
.innerBG{
	background: hsla(0,0%,100%,0.60);
	height: 100%;
	overflow: hidden;
		box-shadow:0px 0px 10px 3px rgba(0,0,0,0.42);
	-moz-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.42);
	-webkit-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.42);

}
/*=====================================================
　topメニュー
=======================================================*/
.Top-logo{
	display: block;
	width: 45%;
	margin: 20% 0 0 48%;
}
.top-Box ul {
	text-align: center;
    padding: 2% 0;
	position: relative;
	margin-left: 41%;
}
.top-Box ul li {
	display: inline-block;
	padding: 0.5% 2%;
}
.top-Box ul li a:hover {
	color:  #f96795;
		-webkit-tap-highlight-color:#f96795;
}
.new{
	color: red;
	font-size: 9px;
	margin-top: -19px;
	position: absolute;
	top: 51%;
}
.TOPinner{
	overflow-y: scroll;
	width: calc(100% + 19px);
	padding-right: 18px;
	-webkit-overflow-scrolling: touch;
	height: 75%;
    padding-bottom: 5%;
}
		#Toppage .company-inner{
			padding: 45% 0;
		}
		#Toppage .content-inner{
			padding: 0 0;
		}

		#Toppage .company-inner{
			padding: 0 0;
			overflow-y: hidden;
		}


#footer p{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	font-size: 10px;
}

/*=====================================================
news
=======================================================*/

#news-inner{
	    margin-left: 40%;
}


/*=====================================================
 profile
=======================================================*/
.profile-Wrp{
	margin: 132px 10% 0%;
	height: 100%;
	overflow: hidden;
}
.profile-inner{
	overflow-y: scroll;
	width: calc(100% + 17px);
	padding-right: 17px;
	-webkit-overflow-scrolling: touch;
}
#profile-page .company-inner{
	padding: 0px 5% 0% 0%;
} 
#profile-page .companyWrp p{
		font-weight: 100;
	text-align: justify;
}
#profile-page2 .company-inner{
		    padding-top: 7%;
		}


/*=====================================================
　
=======================================================*/
.snsWrp {
    margin: 14% 11% 0;
	height: 56%;
}
.snsIcon{
	display: block;
    width: 26%;
    float: left;
    margin: 8% 3%;	
}
/*=====================================================
　
=======================================================*/
.companyWrp{
	background: #fff;
	height: 100%;
	margin: 130px 5% 3%;
	overflow: hidden;
}
.companyWrp tr{
	padding: 1% 0%;
	display: block;
	vertical-align: top;
}

.companyWrp th{
	text-align: left;
	width: 145px;
	font-weight: 600;
}

.companyWrp p a:hover{
	color:  #f96795;
	-webkit-tap-highlight-color:#f96795;
}
.company-inner{
	overflow-y: scroll;
	width: calc(100% + 19px);
	padding-right: 18px;
	-webkit-overflow-scrolling: touch;
	height: 75%;
    padding-bottom: 5%;
}
#company-page .innerBG,
#fanclub-page .innerBG{
			background: #fff;
}
/*=====================================================
　fanclub
=======================================================*/
.funWrp{
	background: #fff;
	height: 100%;
	margin: 140px 11% 3%;
	overflow: hidden;
}
.tamaLogo{
	width: 30%;
}
.loginBtn{
	float: right;
	background-color: #4f4f4f;
	border-radius: 10px;
	width: 115px;
}
.loginBtn a{
	display: block;
	color: #fff;
	width: 100%;
	text-align: center;
	padding: 4% 0;
}
.loginBtn a:hover{
	background-color: #f96795;
		border-radius: 10px;
}
.open{
	margin-top: 1%;
	clear: both;
	overflow: hidden;
}


.tokuten,
.price{
	margin-top:4%;
}
.tokuten h2,
.price h2{
	width: 100%;
	border-bottom: 1px dotted #000;
}
.open h2{
	border-bottom: 1px dotted #000;
}
.open-Logo{
    width: 73%;
    display: block;
    margin-top: 7%;
    float: right;
}

.tokuten h2 span,
.price h2 span,
.open h2 span{
	font-size: 17px;
	margin-top: -11px;
	display: block;
}
.openLeft{
	float: left;
	width: 50%;
}
.openRight{
	float: right;
	width: 50%;
}
.open-movie{
	width: 100%;
}
.tokuBoxWrp{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	width: 100%;
}
.tokuBox{
	width: 50%;
/*	float: left;
*/	padding-right: 3%;
	padding-bottom: 3%;
}
.tokuBox img{
	width: 70%;
	    margin-top: -7%;
	    margin-bottom: 5%;
}

.tokuBox h3 {
	font-size: 130%;
	font-weight: 100;
	line-height: 1;
}
.tokuBox h3 span{
	font-size: 126px;
	font-style: initial;
	font-weight: 100;	 
}
.tokuBox p{
	padding: 0% 15% 0 3%;
	text-align: justify;
	    margin-top: -5%;
}
.priceBox{
	margin: 4% 0;
}
.priceBox table{
	border-collapse : collapse;
	width: 99%;
	border-bottom: 1px solid #000;
}
.priceBox tr{
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}
.priceBox th{
	border-right: 1px solid #000;
	width: 20%;
	height: 60px;
}
.priceBox td{
	width: 80%;
	height: 60px;
	padding: 1%
}
.Btn a{
	display: block;
	width: 100%;
	text-align: center;
	background-color: #4f4f4f;
	border-radius: 10px;
	color: #fff;
	padding: 1% 0;
}
.Btn a span{
	float: right;
	padding-right: 1em;
	color: #fff;
}

.Btn a:hover{
	background-color: #f96795;
}
.Btn2{
	overflow: hidden;
}
.Btn2 a{
	display: block;
	width: 100%;
	text-align: center;
	border-radius: 10px;
	color: #4f4f4f;
	padding: 1% 0;
	float: right;
border: 1px solid #4f4f4f
}
.Btn2 a span{
	float: right;
	padding-right: 1em;
	color: #000;
}
.Btn2 a:hover,
.Btn2 a:hover + .Btn2 a span{
	background-color: #f96795;
	color: #fff;
	border: none;
}

.henkou:hover{
	color: #f96795;
}

.tamaInfo {
	 width: 100%;
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 2% 0%;
}
.tamaInfo h2{
	color: #f96795;
    font-size: 20px;
    text-align: center;
}
.tamaInfo p{
	text-align: center;
	padding: 1% 0;
}
.tamaInfo p a{
	float: right;
}
.tamaInfo p a:hover{
		color: #f96795;
}

.tikeBtn a{
	display: block;
	width: 100%;
	text-align: center;
	background-color: #f96795;
	border-radius: 10px;
	color: #fff;
	padding: 1% 0;
	box-sizing: border-box;
}
.tikeBtn a span{
	float: right;
	padding-right: 1em;
	color: #fff;
}

.tikeBtn a:hover{
	background-color: #fff;
	color: #f96795 ;
	border: 1px solid #f96795;
	margin: -1px 0;
}
.tikeBtn a:hover + .tikeBtn a span{
	color: #f96795 !important;
	display: block;
}
.tikeLink{
	color: #f96795 ;
}
.tikeLink:hover{
	color: red ;
}
.tamaInfo-Left{
	float: left;
    width: 50%;
	padding-right: 1%;
}
.tamaInfo-Right{
	float: left;
    width: 50%;
}
.tamaInfo-Right img{
	width: 100%;
}

/*=====================================================
newtop20201005
=======================================================*/

main{
	background: url("../img/20201005top.jpg");
	background-size: cover;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.newmenuBox{
	width: 50%;
	margin: 0 auto;
	position: absolute;
	top:50%;
	left: 45%;
}

main ul{
	display: flex;
	justify-content: space-around;
	list-style: none;
	width: 60%;
	font-family: trajan-pro-3, serif;
    font-style: normal;
    font-weight: 800;
	margin: 0 auto;
}

main a{
	width: 100%;
}

main img{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
	display: block;
}


@media only screen and (max-width: 1480px){
	
	.newmenuBox{

	top:33vh;
	right: -7vw;
}
	
main ul{
	width: 31vw;
	
}

	


@media only screen and (max-width: 1237px){
	.newmenuBox a{
			color: #000;
		}
	
}
	
	
@media only screen and (max-width: 1130px){
	
	.newmenuBox{
		width: 80%;
    top: 3vh;
    right: 0;
    left: 0;
}
	main ul{
	width: 60%;
	
}
	
		
}	


/*iPad・sp　縦*/
@media only screen and (min-width:768px) and (max-width:768px),
	only screen and (min-width:569px) and (max-width:640px),
	only screen and (max-width:567px){
		.pc-none{
			display: inherit!important;
		}
		.sp-none{
			display: none!important;
		}

		h1{
	    font-size: 25px;
		}
		.fixd{
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			height: 100% !important;
			z-index: -1;
			transform: translate3d(0, 0, 0);
		}

		.luxbar {
				top: 17px;
				left: 0;
				width: 100%;
		}
		.nav-logo{
			margin-left: 5%;
/*			width: 100%;
			height: auto;
*/				}
		.luxbar{
			border: none;

		}
		.innerBG{
			height: 88%;
		}
		#Toppage .innerBG{
			height: 100%;
/*			overflow-y: scroll
*/		}
		/*　BG　*/
		#Top-page,#news-page{
			width: 100%;
			background-image: url(../img/top_sp.png);
			background-position: center top;
		}
		#Top-page2,#news-page2{
			width: 100%;
			background-image: url(../img/20201005top.jpg);
			background-position: 1% 0;
			
		}

		#profile-page{
			width: 100%;
			background-image: url(../img/profile_sp.png);
			background-position: center top;
		}
		#profile-page2{
			width: 100%;
			background-image: url(../img/20201005pro.jpg);
			background-position: 70% 0;
		}

		#sns-page{
			width: 100%;
			background-image: url(../img/sns_sp.png);
			background-position: center top;
		}
		#sns-page2{
			width: 100%;
			background-image: url(../img/20201005pro.jpg);
			background-position: 70% 0;
		}

		.profile-Wrp {
			margin: 19% 10% 0%;
			overflow-y: scroll;
		}
		#Toppage .innerBG {
				padding: 0;
		}
		#Toppage .funWrp{
			background: none;

		}
		#Toppage .company-inner{
			padding: 58% 0 ;
			width: 100%;
			height:100%;
		}
		#Top-page2 .company-inner{
			padding: 10% 0 !important;
			width: 100%;
			height:100%;
		}
		#Top-page2 .top-Box ul{
			text-align: left;
			padding-left: 1em;
			margin: 0;
		}
		#news-page2 .company-inner{
		    padding-top: 90%;
			overflow-x: hidden;
		}
		#profile-page2 .company-inner{
		    padding-top: 40%;
		}
		
		#news-inner{
			margin-left: 0;
		}
		
/*		#Toppage .content-inner {
			padding: 55% 2% 0;
		}	*/
		.Top-logo {
			width: 90%;
			margin: 0 auto;
		}
		.top-Box ul {
			margin-top: 2%;
		}
		.top-Box ul li {
				font-size: 17px;
			width: 100%;
		}
		.top-Box ul li a{
			width: 100%;
			display: block;
			padding: 1% 0;
		}
		.newsBox{
			width: 100% !important;
		}
		#news-page .company-inner{
			margin-top: 13%;			
		}
		.profile-Wrp {
				margin: 19% 5% 0%;
				overflow-y: scroll;
				height: 90%;
				padding-bottom: 5%;
		}	
		.profile-inner {
			padding-top: 27%;
			padding-bottom: 8%;
		}
		.snsWrp {
			margin: 19% 5% 0%;
			height: 90%;
		}
		.snsIcon{
				width: auto;
				float: none;
				/*margin: 23% auto 0%;*/
				height: 20%;
		}

		.companyWrp {
				margin: 19% 5% 0%;
				height: 90%;
				padding: 0 0 7%;
		}	
		.companyWrp th {
			width: 115px;
		}
		.company-inner{
			height: 100%;
		}
		
		#footer p{
			text-align: center;
		}
#profile-page .company-inner{
	padding: 132px 5% 0% 0%;
} 

		/*FUNCLUB*/
		.tokuBox h3 span {
    font-size: 40px;
		}
		.tokuBox h3 {
    font-size: 90%;
		}
		.Gothic{
			font-size: 12px;
		}
		.funWrp {
			margin: 134px 4% 3%;
/*			padding-bottom: 20%;
*/		}
	.tamaLogo {
    width: 58%;
	}
		.loginBtn{
			width: 30%;
		}
		.tokuBox p {
    padding: 0% 2% 0 3%;
			}
		.priceBox th{
	width: 25%;
		}
		.openLeft,
		.openRight,
		.TwitterLeft,
		.TwitterRight{
    width: 100%;
	}
		.TwitterRight{
			margin: 0;
		}		.open-Logo {
    display: block;
    margin: 5% auto;
    float: none;
		}
		.tokuBox img {
    margin: 5% auto 5%;
    display: block;
}

		
		.mfp-iframe-holder .mfp-close {
    top: -50% !important;
}
		.mfp-iframe-scaler iframe {
    top: -22%!important;
		}
		
		.tamaInfo-Left{
	float: none;
    width: 100%;
	}
	.tamaInfo-Left img{
			width: 100%;
	}
	.tamaInfo-Right{
		float: none;
			width: 100%;
	}
		.newmenuBox{
			width: 100%;
			position: relative;
			top:0;
			left: 0;
		}
		
		.newmenuBox a{
			color: #000;
		}

		main h1,main a{
			width: 100%;
		}	
		
		main img{
			width: 100%;
			padding-top: 5%;
		}
		
		main ul{
			flex-wrap: wrap;
    justify-content: start;
			width: 20%;
			margin: 30vh 0 0 3%;
		}
		main{
	background-position: 6% 10%;
}
		
}




/*sp　縦*/
@media only screen and (min-width:569px) and (max-width:640px),
	only screen and (max-width:567px){
		.funWrp {
			margin: 70px 4% 3%;
			padding-bottom: 23%;
		}
	.tamaLogo {
    width: 60%;
	}
		.tokuBox h3 span {
    font-size: 40px;
			width: 100%;
			display: block;
		}
		.tokuBox h3 {
    font-size: 90%;
			height: 8em
		}
		.open a img{
	width: 100%;
}


}

/*sp　横*/
@media only screen and (min-width:568px) and (max-width:568px),only screen and (min-width:667px) and (max-width:667px),only screen and (min-width:736px) and (max-width:736px){
			.pc-none{
			display: inherit;
		}
		.sp-none{
			display: none;
		}

	h1{
		    font-size: 23px !important;
	}
	.fixd{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100% !important;
		z-index: -1;
	}
	.luxbar-static {
		width: 75%;
	}
	.profile-inner {
			height: 62%;
	}
			/*FUNCLUB*/
		.tokuBox h3 span {
    font-size: 55px;
		}
		.tokuBox h3 {
    font-size: 90%;
		}
		.Gothic{
			font-size: 12px;
		}
	.loginBtn {
    margin-top: -2%;
	}
	#Toppage .innerBG {
     padding: 20% 23% 0; 
	}
	



}

/*sp　横*/
@media only screen and (min-width:667px) and (max-width:667px), only screen and (min-width:736px) and (max-width:736px){
			.pc-none{
			display: inherit;
		}
		.sp-none{
			display: none;
		}

	h1{
		    font-size: 23px !important;
	}
	.companyWrp {
    margin: 14% 11% 3%;
		padding-bottom: 5%;
	}
	.luxbar-checkbox:checked ~ .luxbar-menu {
    height: 80vh;
	}
			.funWrp {
			margin: 95px 7% 3%;
		}
	



}

/*iPhone5　横*/
@media only screen and (min-width:568px) and (max-width:568px){
	h1{
		    font-size: 23px !important;
	}
	.profile-Wrp,.snsWrp {
			margin: 16% 10% 0% !important;
	}

	.companyWrp {
			margin: 16% 10% 0% !important;
		padding-bottom: 5%;
	}
		.luxbar-checkbox:checked ~ .luxbar-menu {
			height: 80vh;
	}
				.funWrp {
			margin: 95px 6% 3%;
		}

}