@charset "UTF-8";

html {
  scroll-behavior: smooth;
}

body {
  font-family:
    "Helvetica Neue",
    "Arial",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    "Meiryo",
    sans-serif;

    background-image: url(../imgs/common/whitey.png);
    background-size: 500px;
    background-repeat: repeat;
    backface-visibility: hidden;

}

/*==========================*/
/*=====ナビゲーションバー=====*/
/*==========================*/

/*navbar背景色*/
.navbar {
  background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #069 100%);
}

/*containerの左右padding調整*/
@media only screen and (min-width: 576px) {
  .navbar .container {
    padding: 0 15px;
   }
}

/*SELECTIONロゴ画像*/
nav a img {
  width: 170px;
  height: auto;
}

@media only screen and (max-width: 767.98px) {

  /*SELECTIONロゴ画像・スマホ時*/
  nav a img {
    width: 135px;
    height: auto;
  }

}

/*ロゴ横のテキスト*/
.navbar-text {
  color: white !important;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
}

/*===========================*/
/*=====スマホ時ボトムナビ=====*/
/*===========================*/

/*ボトムナビ全体*/
.phone-menu {
  position: fixed;
  left: 5px;
  right: 5px;
  bottom: 44px;
  bottom: calc(env(safe-area-inset-bottom) + 44px);
  border-radius: 25px;
  background-color: #036;
  border: solid 1px white;
  z-index: 25;
}

/*ボトムナビ・各ボタン*/
.phone-menu > a {
  padding: 2px;
  color: white;
  align-items: center;
}

/*各ボタン間の縦罫線*/
.phone-menu a:not(:first-child) {
  border-left: dotted 2px #4689FF;
}

/*ボトムナビ・テキスト*/
.phone-menu p {
  margin: 0;
  font-size: 10px;
}

/*ボトムナビ・「メニュー」ホバー時のデザイン修正*/
.menu-other:hover {
  color: white;
}

/*ボトムナビ内ドロップアップメニュー*/
#PhoneMenuList, #BookList, #SoftList {
  max-height: 400px;
  overflow-y: auto;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 90px;
  margin-left: 5px;
  margin-right: 5px;
  background-image: linear-gradient(to bottom, #09203f 0%, #537895 100%);
  border: solid 1px white;
  border-radius: 10px;
  z-index: 20;
}

/*ドロップアップメニュー・見出し*/
.head-bar {
  width: 100px;
  height: 20px;
  background-color: #CC9933;
  border-radius: 10px;
  line-height: 20px;
}

/*ドロップアップメニュー・ソフト用見出し*/
.head-bar-soft {
  width: 120px;
  height: 20px;
  background-color: #CC9933;
  border-radius: 10px;
  line-height: 20px;
}

/*ドロップアップメニュー・各項目間の上下マージン*/
#PhoneMenuList ul li, #BookList ul li, #SoftList ul li {
  margin: 2px 0;
}

/*ドロップアップメニュー・各項目のレイアウト*/
#PhoneMenuList ul li a, #BookList ul li a, #SoftList ul li a {
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 10px;
  color: black;
}

/*ドロップアップメニュー・アイコン*/
.bn-icon {
  color: #003366;
}

.bnavi-allc {
  height: 18px;
  width: auto;
}

/*==================*/
/*=====案内バー=====*/
/*==================*/

.menu-bar {
  font-size: 13px;
  font-weight: bold;
  border: solid 3px #000044;
  background-color: white;
}

.menu-bar li:not(:first-child) {
  border-left: dotted 1px #9999FF;
}

.active-btn {
  background-color: #000055;
  border-radius: 3px;
  color: white;
  pointer-events: none;
}

.non-active {
  color: black;
}

.non-active:hover {
  background-color: #D9E5FF;
}

@media only screen and (max-width: 991.98px) {
  .about-btn {
    font-size: 11px;
  }
}

/*PCメニュー・アイコンの色*/
.non-active > .menu-icon {
  color: #003366;
}

.menu-bar-other .btn {
  border: solid 3px #336699;
}

/*ドロップダウンの三角マークを無効に*/
.menu-bar-other .dropdown-toggle:after {
  content: none;
}

.menu-bar-other .dropdown-menu {
  border: solid 2px #336699;
  font-size: 13px;
}

.menu-bar-other .menu-icon {
  color: #003366;
}

.menu-bar-other img {
  margin-left: 3px;
  margin-right: 10px;
}




/*==============================*/
/*=====メインコンテンツエリア=====*/
/*==============================*/

/*スマホ時の左右余白*/
@media only screen and (max-width: 575.98px) {
  .main-contents {
    width: 95%;
  }
}

/*==========================*/
/*=====メニュー（PC幅）=====*/
/*==========================*/

/*PCメニューエリア*/
.cont-menu {
  border: solid 5px #336699;
  border-radius: 5px;
  background-color: #FFFFFF;
  width: 211px;
}

/*PC商品メニュー・各項目*/
.cont-menu li a {
  padding: 5px;
  text-decoration: none;
  font-size: 13px;
}

/*PC商品メニュー・見出し*/
.menu-h {
  display: inline-block;
  background-color: #FFD700;
  border-radius: 15px;
  margin-left: 4px;
  padding: 3px 10px;
  font-weight: bold;
  font-size: 12px;
}

/*PCメニュー・coming soonの背景*/
.comingsoon {
  background-color: #CC0066;
  color: white;
  font-size: 13px;
  font-weight: bold;
}

/*PCメニュー・coming soonホバー時*/
.comingsoon:hover {
  background-color: #FF97C2;
  color: #000033;
}



/*PCソフトメニュー・各項目*/
.menu-soft {
  background-color: #D7EEFF;
  color: black;
  font-size: 13px;
  border-bottom: dotted 1px #003366;
}

/*PCソフトメニュー・ホバー時*/
.menu-soft:hover {
  background-color: #000033;
  color: white;
}

/*PCソフトメニュー・先頭の上ボーダー*/
.cont-menu li:nth-child(3) .menu-soft {
  border-top: dotted 1px #003366;
}

/*PC書籍メニュー・各項目*/
.menu-book {
  background-color: #E6FFE9;
  color: black;
  font-size: 13px;
  border-bottom: dotted 1px #003366;
}

/*PC書籍メニュー・ホバー時*/
.menu-book:hover {
  background-color: #003300;
  color: white;
}

/*PC書籍メニュー・先頭の上ボーダー*/
.cont-menu li:nth-child(2) .menu-book {
  border-top: dotted 1px #003366;
}



/*=========================*/
/*=====画像リンクエリア=====*/
/*=========================*/

/*リンク画像のサイズ調整*/
.another-cont a img {
  width: 190px;
  height: auto;
  border: solid 4px #B8860B;
  border-radius: 5px;
}

/*リンク画像ホバー時*/
.another-cont a img:hover {
  filter: contrast(50%);
}

/*=============================*/
/*=====「PAGE TOPへ」ボタン=====*/
/*=============================*/

@media only screen and (min-width: 576px) {

  .page-top-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }

}

.page-top-btn a {
  width: 40px;
  height: 40px;
  font-size: 18px;
}

/*==================*/
/*=====フッター=====*/
/*==================*/

/*フッター全体*/
.footer {
  background-color: #003366;
  font-size: 13px;
  font-weight: bold;
  margin-top: 80px;
}

@media only screen and (max-width: 575.98px) {
  .footer {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767.98px) {
  .footer {
    font-size: 12px;
  }
}

/*フッター各項目*/
.footer a {
  padding: 0 8px;
  margin: 8px 0;
}

/*テキスト左のオレンジライン*/
.footer .thick-line, #NavMenu .text-warning {
  border-left: solid 4px #FF9900;
}

.footer .text-danger {
  text-shadow: 0 0 1px #CC0000, 0 0 1px #CC0000;
}

.footer-logo {
  pointer-events: none;
}

.footer-logo:hover {
  opacity: 0.6;
}

/*フッター・スティングレイのロゴ*/
.footer-logo img {
  width: 150px;
  height: auto;
}

.copyright {
  color: #AFEEEE;
  font-size: 11px;
  text-align: center;
}


/*PCメニュー*/
/*高さ調整：1行のコンテンツ=31px, 2行=50px*/
.pcmanu-wrapper iframe {
  width: 230px;
  height: 1110px;
}



.phone-menu iframe {
  width: 100%;

}

/*=======================*/
/*=====会員登録バナー=====*/
/*=======================*/

/*会員登録バナー*/
.member-banner a, .eos-banner a {
  transition: .2s;
}

/*会員登録バナー：ホバー時*/
.member-banner a:hover, .eos-banner a:hover {
  opacity: 0.7;
}

/*会員登録バナー・画像*/
.member-banner img {
  width: 211px;
  height: auto;
  border-radius: 10px;
  border: solid 4px green;
}

/*会員登録バナー（スマホ版）・画像*/
.member-banner-phone img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  border: solid 4px green;
}

/*=======================*/
/*=====販売終了バナー=====*/
/*=======================*/

/*販売終了バナー・画像*/
.eos-banner img {
  width: 211px;
  height: auto;
  border-radius: 10px;
}