/* NEW */

/* iPhone */


body {
     font-size:16px;
}



#hori_header{ 
     height:56px;
}

#hori_logo{
	 font-size: 23px;
	 width:82%;
	 padding-left:15%;	 
	 margin-top:15px;
	 
}




a {

  transition: .1s;

  text-decoration: none;

}

/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
  position; fixed; 
  left: 18px;
  top: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 300;
}

.hamburger__line {
  position: absolute;
  width: 35px;
  height: 3px;
  right: 0;
  background-color: #fff;
  transition: all 0.5s;
}

.hamburger__line--1 {
  top: 5px;
}

.hamburger__line--2 {
  top: 16px;
}

.hamburger__line--3 {
  top: 27px;
}

/* 
hamburger(ハンバーガーアイコン) ここまで
======================================== */




#nav-wrappe {
  position: absolute;
  left: 25px;
  top: 28px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 300;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
  top: -150%; /*ハンバーガーがクリックされる前はWindow上部に隠す*/
  margin-top: 56px; 
  padding:0px 40px 0px 0px;
}

.menu_text{
     padding:8px 0px 8px 0px; 
     border-bottom-style:solid; 
	 border-bottom-width:thin; 
	 border-bottom-color:#e6e6e6;
	 

}

/*------ スライダーの横幅 ------*/
.slider{
  width:100%;
  marginn:0 auto;
}


/*------ スライダーのドット色 ------*/   

.slick-dots li button:before{
  opacity: 1;
  color: #999999;

}
.slick-dots li.slick-active button:before{
  opacity: 1;
  color: #FFFFFF;
}
/*------ スライダーのドット間隔 ------*/  
   
.slick-dots li{
	width:8px!important;
} 


/*------ スライダーの矢印の位置 ------*/  

.slick-next {
   margin-right:20%;
}
.slick-prev {
   margin-left:20%;
}

.prev-arrow{
	left: 5px;
}
.next-arrow{
	right: 5px;
}



/* 
NEW Share Button from here
======================================== */

#-tw { height:22px; width:22px; position: absolute; top:68px; right:59px;}

#-fb { height:20px; width:20px; position:absolute; top:68px; right:24px;}


img.-tw{ height:22px; width:22px; padding: 3px 10px 5px 10px; }

img.-fb{ height:20px; width:20px; padding: 3px 10px 5px 10px;  }


 a:hover.-tw { background-color: transparent;} 
 a:hover.-fb { background-color: transparent;} 


/* 
NEW Share Button until here
======================================== */






.slider{
  width:100%;
  margin:0 auto; 
  padding-left:0%; padding-right:0%; padding-top:0%; 
  
}



/* --------タブ、ここから-------- */
.container {
    max-width: 100%;
	margin: 2rem auto 2rem;  
	padding: 0% 0 0% 0;

}

.tabBody {
  padding: 1% 2% 1% 3%;
}




/*------ スライダー ------*/
.slider {

	padding-bottom:0%;
	padding-top:0%; 

}

/*------ スライダードット ------*/
.slick-dots{
	; z-index:0;    
}


/*------ スライダーのドット位置 ------*/
   
.slick-dots{
	position: absolute; bottom: -35px; left: -5px; z-index:100000;  
}

/*------ スライダーの矢印の位置 ------*/  


.slick-arrow{
  position: absolute;
  top:115%;
  margin-top: -20px;
  width: 20px;
  height: 33px;
  opacity:1;
  z-index:100000;
}

/*------ スライダーのドット大きさ ------*/   
   
.slick-dots li button:before{
	font-size:9px!important; 
} 

/*---------- スライダー矢印 ----------*/
.slider .slick-arrow:before{
    font-size: 30px!important;
}













/*------ hakoー ------*/

#hako0 { width:100%; height:84px; background-color:#000; }






#hako1 { margin-top:-1px; 
         margin-bottom: -5%; 
		 padding-bottom:5%;

}



#hako1F { margin-top:56px; margin-bottom: -2.5%; background-color: #e2e2e2; padding-bottom:20px;

}



#hako2 {
	   margin-bottom: -31px; 
	   height: auto; 
}

#hako3 {
	   margin-top: -32px; 

}



/*------ neo ------*/
#neo { font-size: 1.7rem;

}

.neo2023 { font-size:1.1rem;}

/*---------- 黒すきま補正 ----------*/
#hako222 { margin-bottom: -7.2%;

}

/*------ タブ ------*/
.tabContent {
  padding: 3% 4.1% 6% 4%;

}


body {
   font-family:Verdana, Arial, Helvetica, sans-serif;  
   letter-spacingg: 0.0em; 
   font-size:15px; background-color: #fff;

}

/*---------- 赤すきま補正 ----------*/
#hako1F { 
    margin-bottom:-6.0%;
}

/*---------- Artist Statemant 本文始めのすきま ----------*/
.readmore {
  margin: -14px 0px 8px 0px;
}

.readmore2 {
  margin: -14px 0px 8px 0px;
}

/*---------- ロゴの文字間隔 ----------*/
#hori_logo{
	 letter-spacing: 0px;
}


/*---------- readmore 表示部分 ----------*/
.readmore-content {
  height: 250px;
}
.readmore-content2 {
  height: 250px;
}