@charset "utf-8";


/* header
================================================== */
.header{
  transition: .3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height : 56px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.header__logo{
  margin-left: 32px;
  width: 269px;
  height : 56px;
 padding-top : 0px;
 margin-top : 0px;
}


/* 上部ナビゲーション
================================================== */
.global-nav{

  height: 100%;
  display: flex;
  align-items: center;
}

.global-nav li{
  list-style: none;
}
.global-nav__list{
  height: 100%;
  display: flex;
  align-items: center;
  padding-left:0 !important;	/*250205追加*/
}
.global-nav__list--item{
  transition: all 2s ease-out;
  height: 100%;
  cursor: pointer;
  color : #000000;
  padding: 0 15px;
  display: flex;
  align-items: center;
  width:-moz-fit-content; /* Firefox */
  width:fit-content; /* other browsers */
}
.global-nav__list--item:nth-child(2){
	/*重要な追加250205*/
	position: relative;
}
.global-nav__list--item:nth-child(3){
	/*重要な追加250205*/
	position: relative;
}
.global-nav__list--item:nth-child(4){
	/*重要な追加250205*/
	position: relative;
}
.global-nav__list--item:nth-child(5){
	/*重要な追加250205*/
	position: relative;
}
.global-nav__list--item:nth-child(6){
	/*重要な追加250205*/
	position: relative;
}
.global-nav__list--item img{
 vertical-align : middle;border-width : 0px;
}
.global-nav__list--item:hover{
  color : #ffffff;
  background: #ff76a3;
}
.global-nav__list--item a{
  color : #ffffff;
  font-size: 0.9rem;
  text-align: center;
  display: flex;
  flex-flow: column;
 text-decoration : none;
}
.global-nav__list--item span{
  margin-top: .7rem;
  font-size: .7rem;
  color: #fff;
}
.global-nav li img{
 vertical-align : middle;
}
.dropdown__lists{
    transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
    transform-origin: center top;/*変形を適応する基準をtopとする*/
    transition: all .3s;/*表示の変化を0.3秒に指定*/
    width: 100%;
    width: 200px;	/*200pxに変更250205*/
    position: absolute;
    top: 56px;
    left: 0;
 color : #ffffff;
 padding-left:0 !important;	/*250205追加*/
}
.global-nav__list--item:hover .dropdown__lists{
   transform: scaleY(1);/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list{
  /*position: absolute;	250205 */
  /*top: 100%;  ←ここ！を抜いた 250205 */
  /*left: 50%;  ←ここ！を抜いた 250205 */
  /*transform: translateX(-50%);  ←ここ！を抜いた 250205 */
  width: 200px;
    background-color: rgba(255,104,153,0.9);
    transition: all .3s;
    position: relative;
 padding-top : 10px;
 padding-bottom : 10px;
 padding-left : 0px;
 padding-right : 10px;
 text-align : center;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover{
    background-color: #ff2f73;
}
.dropdown__list a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.dropdown__list a::before{
	/* >部分 */
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}



.contact{
  background: #ff3375;
}
.contact:hover {
  opacity: 0.7;
}