/* CSS Document */
/* サイト全体のフォント指定 */

body {
   font-family:Verdana, Arial, Helvetica, sans-serif;  
   letter-spacingg: 0.05em; 
   font-size:16px; 
   overflow-y: scroll; 
   overflow-x: hidden;
   margin-left:auto;
   margin-right:auto; 
   background-color: #000; margin-bottom: 0px; margin-top: 0px;
}

/*-------- ピンチ可能 ----------*/
.slick-slider {
        -ms-touch-action: auto;
        touch-action: auto;
}

p {
     text-align: justify; 
	 text-justify: newspaper；
	 distribute-all-lines;
     line-height: 1.5em
}

.japanese{line-height: 1.8em}





/* =============================================================================
   NEW ハンバーガーメニュー + headwe from here
   ========================================================================== */
#hori_header{ 
     width:100%;
     height:59px;
	 background-color:#bebebe; 
	 position: fixed;
	 left:0px; 
     top:0px; z-index:299;
}

#hori_logo{
	 color:#FFFFFF;  
	 letter-spacing: 1px;
	 font-size: 30px;
	 font-weight: bold;
	 margin-top:14px;
	 
}

#hori_text{
     text-align: center; 
	 font-family:Arial, Helvetica, sans-serif; 
}


.menu_line { 
     color:#bebebe;
	 list-style:none; 
	 font-size:14px;

}

.menu_line a{ 
     color:#a4a4a4; 
     list-style:none;
}

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

}
.menu_text_copyright{      
     padding:0px 5px 0px 5px; 
	 border-bottom-style:solid; 
	 border-bottom-width:thin; 
	 color:#a4a4a4; 
	 border-bottom-style:none; 
	 text-align:center; 
	 font-size:12px;

}

a {

  transition: 0.1s;

  text-decoration: none;

}
a:hover {
  background: #d5d5d5; color:#FFFFFF; 
}

#hori_text a{ color:#FFFFFF; border-bottom-style: none;}
#hori_text a:hover{ background:none; color: #FFFFFF}

.present2{ font-weight:bold; color: #999999 ;}
.new{ color:orange; font-weight:bold;}

/* 
ネガティブマージンを使ってリンクの領域を広げる
=================================== */

aa {
display: inline-block;
position:rerative;
margin:-7px;
padding:7px;
}

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

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

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

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

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

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
  transform: rotate(-135deg);
  top: 18px;
}

.open .hamburger__line--2 {
  opacity: 0;
}

.open .hamburger__line--3 {
  transform: rotate(135deg);
  top: 18px;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
  position: fixed;
  top: -150%; /*ハンバーガーがクリックされる前はWindow上部に隠す*/
  left: 0;
  width: auto; /* 出てくるスライドメニューの幅 */
  height: auto;
  background-color: #fff;
  transition: all 0.5s;
  z-index: 200;
  overflow-y: auto; 
  margin-top:59px; 
  padding:0px 40px 0px 0px;
}

/*ハンバーガーがクリックされたら上からスライド*/
.open .sp-nav {
  top: 0;
}

/* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 100;
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
  opacity: 0.4;
  visibility: visible;
}

/* =============================================================================
   NEW ハンバーガーメニュー + headwe until here
   ========================================================================== */


  
/* 
NEW Share Button ここから
======================================== */

#-tw { height:26px; width:26px; position: absolute; top:13px; right:67px;}

#-fb { height:24px; width:24px; position:absolute; top:13px; right:28px;}

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

 a:hover.-tw{ overflow:hidden; }
 a:hover.-tw img:hover{
	transform:scale(1.2);
	transition:0.2s;
}

 a:hover.-fb{ overflow:hidden; }
 a:hover.-fb img:hover{
	transform:scale(1.2);
	transition:0.2s;
}

 .-tw{}

 .-fb{}

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

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

/* 
NEW Share Button ここまで
======================================== */