@charset "utf-8";

body::-webkit-scrollbar {
  display: none;
  /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

body {
  margin: 5px;
  overflow-x: hidden;
  font-family: メイリオ,
    Meiryo,
    "Hiragino Kaku Gothic ProN",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "游ゴシック Medium",
    YuGothic,
    YuGothicM,
    sans-serif;
}

/*スクロールバー*/
::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px;
}

::-webkit-scrollbar-thumb {
  background-color: #d4aa70;
  border-radius: 100px;
}

.btn-outline-primary, .btn-outline-secondary, .btn-outline-success,
.btn-outline-danger, .btn-outline-warning, .btn-outline-info,
.btn-outline-light, .btn-outline-dark {
  border-width: 2px !important;
}

/*アウトラインボタンは太くする*/
/*
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>
*/
/*************************************************************************
    ここからタイトル用
**************************************************************************/

#divUser {
  font-size: 40px;
  color: #000099;
  font-weight: bold;
  text-align: center;
}

#main-label {
  font-size: 120px;
  color: #6bb397;
  font-weight: bold;
  text-shadow: 4px 4px 3px #444444;
  text-align: center;
}

.button {
  font-size: 40px;
  font-weight: bold;
  border: 1px solid #15aeec;
  background-color: #079ad4;
  background-image: -webkit-linear-gradient(top, #079ad4, #2cafe3);
  background-image: linear-gradient(to bottom, #079ad4, #2cafe3);
  border-radius: 10px;
  color: #fff;
  line-height: 50px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  cursor: pointer;
}

.btn_title {
  font-size: 42px !important;
  font-weight: bolder !important;
  width: 600px !important;
}

.btn_user {
  font-size: 35px !important;
  font-weight: bolder !important;
  width: 500px !important;
}


/*
*/
/*************************************************************************
    ここからメイン画面用
    **************************************************************************/

.imgOX {
  z-index: 10 !important;
  top: 200px;
  left: 680px;
  width: 700px;
}

/*  問題文、選択肢、解説を表示するメインパネル*/
#qampnl {
  width: 1150px;
  max-height: 950px;
  overflow: auto;
  padding-right: 10px;
}

/*未使用*/
#qamParent {
  width: 1200px;
}

/*問題文*/
#caption-q {
  font-size: 42px;
  font-weight: bold;
  color: #444444;
}

/*問題文と画像を横並びにするためのflex親*/
.divQpic {
  display: flex;
  margin-bottom: 15px;
}

.qimg {
  max-width: 300px;
  max-height: 300px;

  margin: 0px 18px 18px 0px;
}

.qimg-waku {
  border: 4px solid rgb(0, 81, 255);
  cursor: pointer;
}

.qimg-zoom {
  max-width: 1900px;
  max-height: 1000px;
}

.div-zoom {
  display: flex !important;
  justify-content: center;
  align-items: center;
  border: 0px solid orange;
  border-radius: 70px;
  width: 1894px;
  height: 1063px;
  background-color: rgba(50, 50, 50, 0.7);
}

#divCourse {
  font-size: 27px;
  font-weight: bold;
  text-align: center;
  color: #17a2B8;
  border: 2px solid #17a2B8;
  width: 300px;
  border-radius: 20px;
  padding: 6px;
}

#divCounter {
  font-size: 45px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #17a2B8;
  width: 300px;
  border-radius: 20px;
  padding: 10px;
}

.btn_kaitou {
  font-size: 42px !important;
  margin-bottom: 15px;
  padding: 6px 12px !important;
}

.btn_next {
  font-size: 42px !important;
  padding: 6px 65px !important;
  text-align: center !important;
}

.btn_push {
  color: #fff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btnHelp {
  font-size: 22px !important;
}

.btnHelpOnImage {
  border: 0px solid orange;
  width: 190px;
  height: 160px;
}

/*白山市のみ*/
.divYukiName {
  text-align: center;
  font-size: 20px;
}

#kaisetu {
  font-size: 38px;
  margin: 10px 0px 5px 0px;
  border: 3px solid orange;
  padding: 15px 20px;
  border-radius: 40px;
  width: 100%;
  line-height: 1.2;
}

.kaisetu_img_yuki {
  width: 180px;
  margin-right: 25px;
}

.kaisetu_img_notty {
  width: 210px;
  margin-right: 25px;
}

.kaisetu_box {
  display: table-cell;
}

.wakuHelp {
  border: 2px solid #17a2B8;
  border-radius: 10px;
  width: 300px;
  height: 830px;
}

#otasukeMsg {
  color: #fff;
  background-color: #960d8f;
  border-radius: 15px;
  font-size: 22px;
  padding: 10px;
}

button.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}


/*********************************************************************
        ここから結果画面用
**********************************************************************/
.score {
  text-align: center;
  font-size: 120px;
  font-weight: bold;
  color: #555555;
}

#lblKekka {
  padding: 10px 160px;
  /*上下の余白*/
  border-top: dotted 10px #364e96;
  /*上線*/
  border-bottom: dotted 10px #364e96;
  /*下線*/
  margin: 20px auto;
  font-size: 100px;
  letter-spacing: 0.5rem;
  text-align: center;

  font-weight: bold;
  color: #03A9F4;
  text-shadow: 4px 2px 0 #B0BEC5, 6px 3px 0 rgba(0, 0, 0, 0.6);
}

#lblYs {
  text-align: center;
  font-size: 45px;
  font-weight: bold;
  color: #555555;

}

#medal-name {
  text-align: left;
  font-size: 55px;
  font-weight: bold;
  color: #555555;
  width: 1000px;
}

#medal-body {
  text-align: left;
  font-size: 38px;
  font-weight: bold;
  color: #555555;
  width: 1050px;
}

.btn_result {
  font-size: 40px !important;
  font-weight: bolder !important;
  width: 530px !important;
}

.btn-result-up {
  font-size: 50px !important;
  height: 100px !important;
}

/*  振り返り用テーブルはform_hurikaeri.htmlの中*/

/*
.c-label {
  text-align: center;
  font-size: 120px;
  font-weight: 900;
  color: #eb5098;
  letter-spacing: 0.4em;
  text-shadow: 0 1px #bbb,
  0 2px #aaa,
  0 3px #999,
  0 4px #888,
  0 5px #777,
  0 6px #666,
  0 7px #555,
  0 8px #444,
  0 9px #333,
  0 24px 18px rgba(0, 0, 0, 0.7);
}
*/
/*  ゲームオーバ表示*/
/*#go-label {
  text-align: center;
  font-size: 110px;
  font-weight: 900;
  color: #50c7eb;
  text-shadow: 0 1px #bbb,
    0 2px #aaa,
    0 3px #999,
    0 4px #888,
    0 5px #777,
    0 6px #666,
    0 7px #555,
    0 8px #444,
    0 9px #333,
    0 32px 24px rgba(0, 0, 0, 0.7);
}