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

/*----------ナビゲーション----------*/
.open{
 position:         fixed;
 width:            100%;
 height:           100vh;
 top:              0;
 left:             0;
 background-color: rgba(0,0,0,0.8);
 z-index:          99998;
}
.navigation_menu{
 width:           320px;
 height:          100%;
 margin-left:     auto;
 margin-right:    auto;
 display:         flex;
 flex-direction:  column;
 flex-wrap:       wrap;
 justify-content: center;
 align-items:     center;
}
.navigation_item{
 text-align:       center;
}
.navigation_item a{
 text-decoration:  none;
 text-align:       left;
 width:            200px;
 cursor:              pointer;
 background:          rgba(216,216,216,0.9) url(/images/icon/next.svg)no-repeat;
 background-position: 155px 16px;
 background-size:     12px 12px;
 background-repeat:   no-repeat;
 border:                1px solid #FFF;
 -moz-border-radius:    3px;
 -webkit-border-radius: 3px;
 border-radius:         3px;
 display:               inline-block;
 cursor:                pointer;
 margin-bottom:         20px;
 padding:               5px 10px 10px 10px;
}
.navigation_item_now a{
 text-decoration:  none;
 text-align:       left;
 width:            200px;
 background-color:    rgba(255,255,255,1.0);
 border:                1px solid #FFF;
 -moz-border-radius:    3px;
 -webkit-border-radius: 3px;
 border-radius:         3px;
 display:               inline-block;
 cursor:                pointer;
 margin-bottom:         20px;
 padding:               5px 10px 10px 10px;
}
.navigation_item a:hover{
 background-color: rgba(255,255,255,1.0);
}

.navigation_item a,
.navigation_item a::before,
.navigation_item a::after {
  -webkit-transition: all .3s;
  transition:         all .3s;
}
.navigation_font{
 padding-left:     30px;
 font-size:        0.65rem;
 color:            #000;
}


.navi_box{
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-direction: row;
 align-items:    center;
}


/*　SPタイトル　*/
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.sp_title { display: none  !important; }
.sp_title { display: block !important; }
}
@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
.sp_title { display: none  !important; }
}


/*　SPメニュー左空白　*/
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.left_space { display: none  !important; }
.left_space { display: block !important;
 width:    35px;
 height:   35px;
 position: relative;
 right:    15px;
 z-index:  999999999;
}
}
@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
.left_space { display: none  !important; }
}


/*　PCメニュー　*/
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.navigation_menu_pc { display: none  !important; }
}
@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
.navigation_menu_pc {
 display:         block      !important;
 display:         flex       !important; 
 flex-flow:       row nowrap !important;
 justify-content: center     !important;
 align-items:     center     !important;
 text-align:      center     !important;
  height:         100%       !important;
 margin-left:     auto       !important;
 margin-right:    auto       !important;
}
}
.navigation_item_pc {
 width:       170px;
 border-left: 1px solid #666666;
 padding:     5px 10px 10px 10px;
 font-size:   0.65rem;
 text-align:  center;
}
.navigation_item_pc_s {
 width:       170px;
 padding:     5px 10px 10px 10px;
 font-size:   0.65rem;
 text-align:  center;
}
a.navi_pc {
 color:               #FFF;
 -webkit-transition:  all 0.3s ease;
 -moz-transition:     all 0.3s ease;
 -o-transition:       all 0.3s ease;
 transition:          all 0.3s ease;
}
a.navi_pc:hover {
 color:           #999;
 text-decoration: none;
}