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

/*----------------------------------------------------------------------------------------------開閉ナビボタン調整中 */
    .wrapper {
      box-sizing: border-box;
      padding: 0 15px;
      margin-top: 56px;
    }
 
    .mb_hd {
      background: #eeebd9;
      color: #000;
      padding:10px;
			height:90px;/* ★★★★★★★★モバイルのロゴサイズ★★★★★★★★★★★★ */
    }
@media only screen and (min-width: 641px) {
    .pc_header_container {
      background: #fff;
      color: #000;
      padding:0px;
			height:200px;/* ★★★★★★★★★★★★★★★★★★★★ */
    }
	}



.pc_header_container{
	width:980px;margin:0 auto;
	background-color:#eeebd9;
	}
.pc_header_l{
	float:left;width:220px;margin:25px 0 0 20px;/* ★★★★★★★★★★★★★★★★★★★★ */
	}
.pc_header_r{
	width:346;height:125px;float:left;margin:25px 0 0 152px;
	}

.pc_gn_ul li{
	width:346;
	float:left;
	list-style:none;
	border-right:#000 solid 1px;
	width:80px;height:160px;background-color:#eeebd9;/* ★★★★★★★★★★★★★★★★★★★★ */
	}
.pc_gn_ul li:first-child{
	border-left:#000 solid 1px;
	}
.pc_gn_ul li a{
	display:block;width:100%;height:100%;
	}
.pc_gn_ul li a:hover{
	opacity:0.6;
	}
.current{
	opacity:0.6;
	}




 
    /*nabi開閉部分*/
    .nav-wrap{
        box-sizing: border-box;
        position: fixed;
        top: 0;
        width: 100%;
				display:block;
				z-index:20;
    }
    .gnav {
      list-style-type: none;
      background: #fff;
      width: 100%;
      /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
      z-index: 99;
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size:12pt;
    }
 
    .gnav li {
			background-color:#000;
      border-bottom: 1px solid #fff;
    }
 
    .gnav li a {
			color:#fff;
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
      padding: .875rem 1rem;
    }
    
				
		/*ハンバーガーボタン*/
 
    .icon-animation {
      width: 44px;
      height: 44px;
      display: block;
      cursor: pointer;
      float: right;
      position: absolute;
      right: .5rem;
      text-align: center;
      top: 1.5rem;/*デフォ---------.5rem*/
    }
 
    .icon-animation span {
      width: 39px;
      height: 7px;/*三本線の太さ・デフォ-----★★★★★★----1px*/
      display: block;
      background: #000;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -25px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
 
    .icon-animation .top {
      -webkit-transform: translateY(-13px);
      -ms-transform: translateY(-13px);
      transform: translateY(-13px);
    }
 
    .icon-animation .bottom {
      -webkit-transform: translateY(13px);
      -ms-transform: translateY(13px);
      transform: translateY(13px);
    }
 
    .is-open .middle {
      background: rgba(51, 51, 51, 0);
    }
 
    .is-open .top {
      -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
      transform: rotate(-45deg) translateY(0px);
    }
 
    .is-open .bottom {
      -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
      transform: rotate(45deg) translateY(0px);
    }



/*-------アコーディオンメニュー*/
.nav-wrap{display:block;
font-family: 'MyFont';
}
/* タブレットレイアウト : 641 px 〜 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 641px) {
.nav-wrap{display:none;
}
}

.nav-wrap .mb_hd{text-align:center;}
/*-------アコーディオンメニュー*/
/*----------------------------------------------------------------------------------------開閉ナビボタン調整中ここまで↑↑↑ */
.dummy{
	width:100%;
	height:82px;background-color:#eeebd9;
	}