@charset "UTF-8";
/* --------------------------------------------------
			Price Page
			-------------------------------------------------- */
#g-nav { /*position:fixed;にし、z-indexの数値を大きくして前面へ*/ position: fixed; z-index: 999; /*ナビのスタート位置と形状*/ bottom: -120%; left: 0; width: 100%; height: 310px; /*ナビの高さ*/ background: #d0d0d0; /*動き*/ transition: all 0.6s; /*アクティブクラスがついたら位置を0に*/ /*ナビゲーション*/ }
#g-nav.panelactive { bottom: 0; }
#g-nav ul { /*ナビゲーション天地中央揃え*/ width: 100%; position: absolute; z-index: 999; top: 127px; left: 50%; transform: translate(-50%, -50%); font-size: 0px; /*リストのレイアウト設定*/ }
#g-nav ul li { list-style: none; text-align: left; display: inline-block; width: 47.5%; margin: 0 1% 5px; font-size: 0px; background: #fff; }
#g-nav ul li a { color: #333; text-decoration: none; padding: .2rem; display: block; text-transform: uppercase; position: relative; font-size: 14px; }
#g-nav ul li a::after { position: absolute; top: 3px; bottom: 0; right: 3px; margin: auto; content: "\f138"; font-family: FontAwesome; vertical-align: middle; }

/*========= ボタンのためのCSS ===============*/
.openbtn1 { position: fixed; z-index: 9990; /*ボタンを最前面に*/ bottom: 0; cursor: pointer; width: 100%; height: 60px; background: #7ba2bd; color: #fff; text-align: center; line-height: 60px; font-weight: 700; font-size: 1.2rem; /*×に変化*/ }
.openbtn1::before { content: "\f077\00a0"; font-family: FontAwesome; }
.openbtn1.active::before { content: "\f078\00a0"; font-family: FontAwesome; }

.wrap { margin-bottom: 30px; }

.price2menu { margin: 20px auto; border: 2px solid #da8495; background-color: #da8495; min-width: 40%; width: fit-content; text-align: center; }
.price2menu a { display: inline-block; padding: 10px 50px; width: 100%; text-align: center; text-decoration: none; color: #ffffff; font-weight: 700; }

@media (hover: hover) { .price2menu a { padding: 10px 10px; }
  .price2menu a:hover { background-color: #ffffff; color: #da8495; } }
@media only screen and (max-width: 600px) { .price2menu { width: auto; }
  .price2menu a { width: 100%; padding: 10px 10px; } }

/*# sourceMappingURL=price.css.map */
