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


/* ------------- 共通 ------------- */
.top_nav{
  background-color: white;
  opacity: 0.8;
}


button, .nav-link, .dropdown-item:focus {
  outline: none !important;
  box-shadow: none !important;
  background-color: white !important;
  border: none !important;
  text-decoration: none !important;
}


.disable{
  pointer-events: none; /* aタグのリンクを無効にする */
  cursor: default;  /* マウスオーバー時のカーソルをdefaultに固定 */
  color : #888888;
}



/* ------------- スマホ用(縦)  CSS ------------- */
@media (max-width: 768px) {/* 画面サイズが768px以下の時、{　}内のCSSを追加するメディアクエリ */

.nav-link{
  font-family : Arial Black;
  font-size : 16px;
  line-height : 20.45px;
  letter-spacing : 1.6px;
  color : #49BCED !important;
}
  
  
.nav-item a:hover{
  text-decoration: none;
  color : #EC6C00 !important;
  transition:all 0.5s 0s ease;
}

  
.dropdown-menu{
  border:none;
  text-align:center;
}


.dropdown-item:hover{
  opacity:0.5;
}
  

.dropdown_work a{
  font-family : Noto Sans JP;
  font-size : 15px;
  line-height : 40px;
  color : #49BCED;
  }


.dropdown_work a:hover{
  text-decoration: none;
  color : #EC6C00;
  transition:all 0.5s 0s ease;
  }
  
  
  
.dropdown_exh a{
  font-family : 'Circular Std Book','Inter', sans-serif;
  font-weight: 400;
  font-size : 16px;
  opacity:0.8;
  }

  
.top_nav ul{
  z-index: 1;
  background-color: white;
  left:0;
  text-align: center;
  height:100vh;
  width:100%;
}
  
  
}


 /*--- hamburger menu カスタマイズ ---*/
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 0px;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  margin-right:30px; 
}


.navbar-light .navbar-toggler-icon {
/*  background-image:none;*/ /* この行で背景画像を無効化 */
  background-color: #49BCED;
  width: 30px;
  height: 2px;
  display: block;
  position: absolute;
  left:5px;
  transition: ease .5s;
}

/* 3本のバーそれぞれの座標を設定 */
.navbar-toggler-icon:nth-of-type(1) {top:7px; right:30px;}
.navbar-toggler-icon:nth-of-type(2) {top:14px;right:30px;}
.navbar-toggler-icon:nth-of-type(3) {top:21px;right:30px;}

/* メニューが開いている時の　3本のバーそれぞれの座標および角度を設定 */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
top:13px;
transform: rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
top:13px;
transform: rotate(45deg);
}
/*--- hamburger menu カスタマイズ ここまで ---*/




/*--- hamburger menu クリック時の枠線を無効化 ---*/
.navbar-light .navbar-toggler:focus{
  outline: 0; 
}
 







/* ------------- タブレット用  CSS ------------- */ 
@media (min-width: 768px) {/* 画面サイズが768px以上の時、{　}内のCSSを追加するメディアクエリ */

.nav-link{
  font-family : Arial Black;
  font-size : 15px;
  line-height : 20.45px;
  letter-spacing : 1.6px;
  color : #49BCED !important;
}

  
.nav-item a:hover{
  text-decoration: none;
  color : #EC6C00 !important;
  transition:all 0.5s 0s ease;
}


.dropdown-menu{
  min-width: 7rem;
  }
  
.dropdown-menu a{
   color : #49BCED;
   font-family : Noto Sans JP;
 }
  
.dropdown-item:hover{
  opacity:0.5;
}
  

.dropdown_work{
  position: absolute;
  border:none;
  text-align:center;
  left:-70%; 
}
  
  .dropdown_exh{
  position: absolute;
  border:none;
  text-align:center;
  opacity: 0.9;
  left:-40%; 
}


.dropdown_work a{
  font-family : 'Circular Std Book','Inter', sans-serif;
  font-weight: 400;
  font-size : 14px;
  font-weight: 300;
  }

.dropdown_exh a{
  font-family : 'Circular Std Book','Inter', sans-serif;
  font-weight: 400;
  font-size : 14px;
  font-weight: 300;
  }

  
}