body{
webkit-text-size-adjust:100%;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
background:#000000;
margin:0;
padding:0;
}

.sm{font-size:0.8em;}

#wrap{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.footer{
    margin-top: auto;
}

.section{
margin:0;
padding:30px 0;
}

h2{
text-align:center;
color:#ffffff;
}

h3{
text-align:left;
margin:10px;
padding:0;
}

h4{
text-align:left;
margin:0 10px;
padding:0;
}

a.anchor{
display: block;
padding-top: 80px;
margin-top: -80px;
}

.alignleft{
text-align:left;
}

/* --- color ---*/

.bg_444{
background:#444444;
}

.bg_222{
background:#111111;
}

.bg_fff{
color:#111111;
background:#ffffff;
}

.bg_eee{
color:#111111;
background:#eeeeee;
}

.bg_ddd{
color:#111111;
background:#dddddd;
}

.bg_aaa{
color:#111111;
background:#aaaaaa;
}


.rd{color:#ff0c09;}

.bg_000{
background:#000000;
}

.bg_000 a:link{color:#ffffff;text-decoration:underline;}
.bg_000 a:visited{color:#ffffff;text-decoration:underline;}
.bg_000 a:hover{color:#ff0000;text-decoration:none;}
.bg_000 a:active{color:#ff8833;text-decoration:none;}

@media screen and (min-width: 769px){
.spbr{display:none;}
}
@media screen and (max-width: 768px){
.spbr{display:block;}
}

/* --- HEADER ---*/

h1{
text-align:center;
margin:6px 0;
font-size:12px;
}

.visuallyhidden{
visibility: hidden;
}

.logo{
position:absolute;
top:10px;
left:0;
right:0;
width:160px;
margin:0 auto 20px;
text-align:center;
}

.logo img{
width:160px;
margin:0 auto;
}

.logo_pc{
position:absolute;
top:12px;
left:20px;
width:160px;
margin:0 auto 20px;
text-align:left;
}

.logo_pc img{
width:160px;
margin:0 auto;
}

.homebutton{
font-size:18px;
position:absolute;
top:12px;
left:0;
text-align:center;
}

.homebutton img{
width:80px;
margin:4px 10px 0;
}

/* --- HEADER ---*/


/* --- SLIDER ---*/
.slider_wrapper{
max-width:2400px;
height:auto;
margin:30px auto 0;
}
.slider_wrapper img{}

.slider{}
.slider span{}
.slider span img{
width:100%;
height:auto;
margin:0;
padding:0;
vertical-align:bottom;
}



@media screen and (max-width: 800px){
.slider span img{
margin:0 auto;
max-width:500px;
width:100%;
height:320px;
object-fit: cover;
}
}

/* --- SLIDER ---*/


.page-contents_top{
padding-top:50px;
}

.page-contents{
max-width:900px;
margin:0 auto;
}

.page-contents{
text-align:center;
max-width:900px;
margin:0 auto;
color:#ffffff;
}

.page-contents a:link{color:#ffffff;text-decoration:underline;}
.page-contents a:visited{color:#ffffff;text-decoration:underline;}
.page-contents a:hover{color:#ff0000;text-decoration:none;}
.page-contents a:active{color:#ff8833;text-decoration:none;}

.page-contents h2{
padding:0 10px;
}

.page-contents p{
margin:0 0 20px;
padding:4px 10px;
text-align:left;
}

.page-contents ul{
margin-top:0;
margin-bottom:0;
}


.page-contents li{
text-align:left;
margin:0;
}


.photo{
max-width:900px;
}

.photo img{
width:100%;
border-radius:6px;
}


.footerFixed{
min-height: 100vh;
position: relative;
padding-bottom: 60px;
box-sizing: border-box;
}

footer{
position: absolute;
bottom: 10px;
left:0;
right:0;
color: #fff;
text-align:center;
}



/*--- profile ---*/
.profile{
max-width:1000px;
text-align:center;
margin:0 auto;
}

.profile ul{
margin:0;
padding:0;
}

@media screen and (max-width: 800px){
.profile li{
display:inline-block;
vertical-align:top;
max-width:150px;
margin:0 4px;
}
}

@media screen and (min-width: 801px){
.profile li{
display:inline-block;
vertical-align:top;
max-width:220px;
margin:0 4px;
}
}



.profile li img{
width:100%;
border-radius:6px;
}

.profile_txt{
color:#ffffff;
font: bold 14px/14px "Helvetica";
line-height:1.20em;
padding:6px 0 10px 0;
}

.profile a:link{color:#ffffff;text-decoration: none;}
.profile a:visited{color:#ffffff;text-decoration:underline;}
.profile a:hover{color:#ff0000;text-decoration:none;}
.profile a:active{color:#ff8833;text-decoration:none;}


/*--- X-2 ---*/
.x2{
text-align:center;
}

.x2 h2{color:#111111;}

.x2 ul{
margin:0;
padding:0;
}

.x2 li{
display:inline-block;
vertical-align:top;
width:250px;
margin:0 4px;
}

.x2 li img{
width:100%;
border-radius:6px;
}

.x2_txt{
color:#ffffff;
font: bold 14px/14px "Helvetica";
line-height:1.20em;
padding:6px 0 10px 0;
}




/* clm */
.clm3{
max-width:1000px;
margin:0 auto;
text-align:center;
}

.clm3 ul{
list-style-type:none;
margin:0;
padding:0;
display:flex;
justify-content: center;
flex-wrap: wrap;
}

.clm3 li{
display:inline-block;
margin:7.5px 5px;
padding:0;
vertical-align:top;
background:#000000;
border-radius:10px;
}

.clm3 li img{
max-width:300px;
margin:0;
padding:0;
vertical-align:bottom;
border-radius:10px 10px 0 0;
}

.clm3 li a:link{color:#ffffff;text-decoration:underline;}
.clm3 li a:visited{color:#ffffff;text-decoration:underline;}
.clm3 li a:hover{color:#ff0000;text-decoration:none;}
.clm3 li a:active{color:#ff8833;text-decoration:none;}

.clm3_txt{
color:#ffffff;
max-width:300px;
font-size:0.85em;
margin:0;
padding:0 8px 8px 8px;
box-sizing:border-box; /*padding内側へ*/
word-break:break-all; /*アルファベット折返し*/
text-align:left;
}

.clm3 li h3{
width:280px;
overflow-wrap: break-word;
color:#ffffff;
font: bold 17px/17px "Helvetica";
letter-spacing: 0px;
line-height:21px;
margin:4px 0;
padding:6px 0 0 8px;
text-align:left;
}

.fc_bg{
background:#ff0000;
}

.time{
color:#ffffff;
font: normal 14px/14px "Helvetica";
padding:0 0 10px 0;
}

/* jQuery Countdown styles 1.6.1. */

.countdown{
margin:0 auto;
padding:2px;
text-align:center;
}

.countdown ul{
margin:0;
padding:0;
}

.countdown li{
list-style-type:none;
display:inline-block;
margin:0;
padding:0;
vertical-align:middle;
}

.cdnumber{
font: bold 14px/14px "Helvetica";
}

#defaultCountdown {width: 180px; height: 24px;margin-left:4px; }

.hasCountdown {font-size:12px;font-weight:bold;color:#ffffff;text-shadow:1px 1px 3px #222222;padding-top:8px;}
.countdown_rtl {
direction: rtl;
}
.countdown_holding span {
color: #888;
}
.countdown_row {
clear: both;
width: 100%;
padding: 0px 2px;
text-align: center;
}

.countdown_section {
display: block;margin:0;padding:0 4px;
float: left;
text-align: center;

}
.countdown_amount {
font-size: 16px;
}
.countdown_descr {
display: block;
width: 100%;
}


/*--- toggle Btn ---*/

.togglemenu {
width:100%;
height:40px;
text-align:center;
padding: .5rem;
color:#ffffff;
text-align: right;
position: fixed;
top:0;
z-index:30;
background:#000000;
}

.togglemenu li {
padding:0;
margin: 1em 0;
}

.togglemenu li ul{
margin:0 0 0 26px;
}

.togglemenu li ul li{

}

.togglemenu .btn-menu {
background: transparent;
color: #ffffff;
padding: .5rem 1rem;
font-size: 1rem;
cursor: pointer;
line-height: 1;
border:none;
}

.togglemenu nav {
background:rgba(0, 0, 0, 0.7);
color:#ffffff;
position: absolute;
z-index: 1;
top: 3.125rem;
right: 0;
overflow-x: hidden;
text-align: left;
width: 0;
transition: .5s;
}

.togglemenu li a{
color:#ffffff;
margin:0;
padding:0;
}

.togglemenu li a:hover{
position: relative;
top:1px;left:1px;
text-decoration: none;
}

.togglemenu nav.open-menu {
width: 100%;
}

/* toggel menu */

.toggletable{
margin:20px auto;
width:300px;
}

.toggletable table{
border-collapse: collapse;
}

.toggletable td{
width:150px;
height:35px;
text-align:center;
border-collapse: collapse;
}

.toggletable td i{
margin-right:4px;
}

.toggletable_btn_rd{
width:140px;
text-align:center;
margin:4px auto;
padding:6px 0;
font-size:0.8em;
border-radius:15px;
background:#ff0c09;
}

.toggletable_btn{
width:140px;
margin:4px auto;
padding:6px 0;
font-size:0.8em;
border-radius:15px;
background:#222222;
}

.toggletable_btn a:link{color:#ffffff;text-decoration:none;}
.toggletable_btn a:visited{color:#ffffff;text-decoration:underline;}
.toggletable_btn a:hover{color:#ff0000;text-decoration:underline;}
.toggletable_btn a:active{color:#ff0000;text-decoration:none;}

.toggletable_btn_rd a:link{color:#ffffff;text-decoration:none;}
.toggletable_btn_rd a:visited{color:#ffffff;text-decoration:underline;}
.toggletable_btn_rd a:hover{color:#ff8833;text-decoration:underline;}
.toggletable_btn_rd a:active{color:#000000;text-decoration:none;}


.toggletable ul{
margin:20px 0 40px;
padding:0;
}

.toggletable li{
list-style-type:none;
margin:5px;
padding:2px 0;

}

.toggletable li a{
display:block;
}

.toggletable i{
padding-right:6px;
}

.toggletable li a:link{color:#ffffff;text-decoration:none;}
.toggletable li a:visited{color:#aaaaaa;text-decoration:underline;}
.toggletable li a:hover{color:#ff0000;text-decoration:underline;}
.toggletable li a:active{color:#ff8833;text-decoration:none;}



/* --- animation --- */
.animation1 {
  animation: fade-in 1s;
  animation-fill-mode: forwards;
}
.animation2 {
  animation: fade-in 2s;
  animation-fill-mode: forwards;
}
.animation3 {
  animation: fade-in 6s;
  animation-fill-mode: forwards;
}
.animation4 {
  animation: fade-in 4s;
  animation-fill-mode: forwards;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/* --- x-timeline ---*/
.x-timeline{
max-width:900px;
margin:30px auto;
}


/* --- SNS ---*/
.sns{
max-width:800px;
margin:0 auto;
text-align:center;
}

.sns ul{
list-style-type:none;
margin:0;
padding:0;
}

.sns li{
display:inline-block;
vertical-align:top;
font-size:9px;
width:60px;
margin:0;
padding:0;
}

.sns li img{
width:40px;
margin:0;
padding:0;
}

.sns li a:link{color:#ffffff;text-decoration:none;}
.sns li a:visited{color:#aaaaaa;text-decoration:none;}
.sns li a:hover{color:#ff0000;text-decoration:none;}
.sns li a:active{color:#ff8833;text-decoration:none;}
/* --- SNS ---*/


/* --- youtube ---*/
.youtube {
max-width:800px;
aspect-ratio: 16 / 9;
margin:0 auto;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}



/* --- footer ---*/
.copyright{
text-align:center;
color:#ffffff;
}


/* --- navigation ---*/
@media screen and (max-width: 800px){
#sp_menu{display:block;}
#pc_menu{display:none;}
}

@media screen and (min-width: 801px){
#sp_menu{display:none;}
#pc_menu{display:block;}
}

#pc_menu ul{
list-style-type:none;
margin:6px 24px 0 0 ;
padding:0;
}

#pc_menu li{
display:inline-block;
margin:0 8px;
padding:0;
border:1px solid #888888;
}

#pc_menu li img{
vertical-align:bottom;
height:24px;
}
/* --- navigation ---*/


/* --- biography ---*/
.biography{
margin:20px auto;
}

.biography ul{
width:100%;
display:table;
text-align:left;
margin:0;
padding:0;
border-bottom:1px solid #444444;
}

.biography li{
display:table-cell;
text-align:left;
margin:0;
padding:6px 10px;
}

.biography_title{
width:70px;
}
.biography_contents{
display:inline-block;
}


/* --- sidebtn ---*/
@media screen and (max-width: 800px){
#sidemenu{
position:fixed;
top:150px;
left:0;
z-index:10;
}

#sidemenu img{
width:30px;
vertical-align:bottom;
}
}

@media screen and (min-width: 801px){
#sidemenu{
position:fixed;
top:250px;
left:0;
z-index:1;
}

#sidemenu img{
width:50px;
vertical-align:bottom;
}
}


.x_timeline{
max-width:900px;
margin:0 auto;
padding:0;
}

.x_timeline h2{
color:#000000;
}


.release_btn{
width:200px;
margin:8px auto 0;
padding:4px 0;
text-align:center;
border-radius:20px;
border:1px solid #ffffff;
}

.release_btn a:link{color:#ffffff;text-decoration:underline;}
.release_btn a:visited{color:#ffffff;text-decoration:underline;}
.release_btn a:hover{color:#ff0000;text-decoration:none;}
.release_btn a:active{color:#ff8833;text-decoration:none;}


.release_list{
padding-top:20px;
}

.release_list a:link{color:#ffffff;text-decoration:underline;}
.release_list a:visited{color:#ffffff;text-decoration:underline;}
.release_list a:hover{color:#ff0000;text-decoration:none;}
.release_list a:active{color:#ff8833;text-decoration:none;}
/* --- page-top ---*/

#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;

}
 
#page-top p{
	font-size:18px;
	margin:0;
	padding:0;
	text-align:center;
	background:#d51323;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	border-radius:50px;
}
 
#page-top p:hover{
	background:#d51323;
}
 
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}