html{
    overflow-x: hidden;
}

.dialog-off-canvas-main-canvas {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#navbar{
    padding: 0!important;
    margin: 0 auto!important;
    background-color: #fff!important;
    border-color: #fff!important;
    width: 1000px!important;
}


div.main-container.container{
    width: 1000px;
}

.navbar-nav li a{
    margin-top: 30px!important;
  }
  
#navbar-collapse, .col-sm-12{
padding: 0!important;
}

ul.menu--main{
float: right;
}

ul.menu--main li{
font-size: 16px;
font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}

ul.memu--account li{
font-size: 16px;
}

ul.menu--account li a::before{
content: '\f007';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 5px;
}


ul.menu--main a:hover {
    color: red!important;
  }
  


/* フッター */
.footer{
    margin-top: auto;
    border: none;
}

footer{
    min-width: 100vw!important;
    height: 100px!important;
    padding: 0!important;
}

footer .adwin{
    width: 100%;
    height: 100px!important;
    margin-top: auto;
    background-color: #eee;
    border-top: solid 1px #ccc;
    font-size: x-small;
    padding-bottom: 32px;
}

.adwin .sitemap {
    width: 980px;
    padding-top: 20px;
    margin: 0 auto;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.adwin .sitemap a {
    color: #000;
    text-decoration: none;
}

.adwin .sitemap a:hover {
    color: red;
}


.adwin .sitemap-left {
    float: left;
    letter-spacing: 0.1rem;
}

.adwin .sitemap-right {
    text-align: right;
    float: right;
    letter-spacing: 0.1rem;
}


/* 高専数学ヘッダー */


#block-math-tc-nav{
    height: 48px;
}
  

#block-math-tc-nav ul.math-tc-list{
    float: left;
    padding-left: 0;
}


#block-math-tc-nav ul.math-tc-list li{
    display: inline-block;
    font-size: 16px;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    padding: 12px 0;
}


#block-math-tc-nav ul.math-tc-list a{
    color: #666;
    text-decoration: none;
    padding: 12px;
}


#block-math-tc-nav ul.math-tc-list a:hover{
    background-color: #eee;
}



/* マイページ用 */
.view-video-history .topText span {
  color: #000;
  cursor: text;
}

.view-video-history .topText span a {
  color: #000;
  pointer-events: none;
}

.view-video-history .topText *:hover{
    color: #000;
    text-decoration: none;
}

.view-video-history .topText *:focus{
    color: #000;
    text-decoration: none;
}

section#block-custom-logout {
  text-align: right;
  margin-top: 1rem;
  font-size: 12px;
}

section#block-custom-logout .field.field--name-body{
  display: inline-block;
  padding: 0.6rem 1rem;
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
}

section#block-to-report {
  text-align: right;
  margin-top: 2rem;
  font-size: 16px;
}

section#block-to-report .field.field--name-body a{
  display: inline-block;
  padding: 0.6rem 1rem;
  background: green;
  border: 1px solid green;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
}

section#block-to-report .field.field--name-body a:hover{
  background: mediumseagreen;
  border: 1px solid mediumseagreen;
}

section#block-to-report .field.field--name-body a:visited{
  color: #fff;
}

section#block-to-report .field.field--name-body a::before {
  content: "\f56f";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 1rem;
}


/* レッスン一覧 */
.lessonList {
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
    width: 100%;
  }

  .lessonList h1 i {
    color: dodgerblue;
}
  .lessonList h1 {
    font-size: 28px;
    padding: 0.5rem 0 0.5rem 1rem;
    margin-top: 2rem;
  }
  .lessonList2 {
    width: 1000px;
    justify-content: space-between;
    display: flex;
    margin: 2rem auto;
  }
  .lessonList_box {
    width: 49%;
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 3px;
  }
  .lessonList2 h3 {
    margin: 1rem 0;
    font-size: large;
    font-weight: bold;  
  }
  .lessonList2 ul{
      padding: 0;
      list-style: none;
  }
  .lessonList2 li {
    font-size: small;
    letter-spacing: 1px;
    border-bottom: 1px dotted #ddd;
    padding: 0.5rem 0;
  }
  .lessonList2 li:last-child {
    border-bottom: none;
  }
  .lessonList2 li a {
    color: dodgerblue;
  }
  .lessonList2 li a:hover {
    color: steelblue;
    text-decoration: underline;
  }
  
  .region .alert-danger{
      display: none;
  }




  /* プロモーション動画 */
  section#block-adwin-promotion {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

section#block-adwin-promotion h2{
    width: 100%;
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
    color: #0071bb;
    font-size: x-large;
    display: block;
    line-height: 50px;
    margin-bottom: 1rem;
    font-weight: 900;
  }
  
section#block-adwin-promotion .button2{
    display: block;
    width: 50%;
    height: 50px;
    line-height: 43px;
    text-decoration: none;
    text-align: center;
    font-size: large;
    background-color: deepskyblue;
    color: #fff;
    border-radius: 10px;
    border: solid 2px deepskyblue;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    margin: 0 auto;
  }
  
  section#block-adwin-promotion .button2:hover{
    background-color: #fff;
    color: deepskyblue;
  }
  section#block-adwin-promotion a.button2 {
    color: #fff;
  }
  section#block-adwin-promotion a.button2:visited{
    color: #fff;
  }
  section#block-adwin-promotion a.button2:visited:hover{
    color: deepskyblue;
  }

  section#block-adwin-promotion .Movie{
    margin: 1rem 0;
  }


  section#block-adwin-promotion .contact{
    margin-bottom: 6rem;
  }

/* ユーザー情報編集画面 */
body.user-logged_in #edit-google-analytics{
  display: none;;
}

/* ヘッダー部分のマイページ横にアイコン */

/* お知らせ */
#block-adwin-main-menu ul.menu--main li:nth-child(5) a::before {
  content: '\f0f3';
  font-family: 'Font Awesome 5 Free';
  /* font-weight: 800; */
  margin-right: -2rem;
  font-size: 24px;
}

/* マイページ、ログイン */
#block-adwin-main-menu ul.menu--main li:nth-child(6) a::before {
  content: '\f007';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 5px;
}


/* 実践プランページ */
.practice h2 {
  text-align: center;
  font-size: xx-large;
  margin: 2rem 0;
}

.practice h3 {
  font-size: x-large;
  margin: 2rem 0;
  font-weight: 700;
}

.practice p {
  letter-spacing: 0.2rem;
  line-height: 3rem;
  text-align: justify;
  margin-bottom: 5rem;
}

.practice table {
  border: #fff;
}

.practice th {
  padding: 1rem;
  background-color: #0071bb;
  color: #fff;
}

.practice tr:nth-child(2n+1) {
  background: aliceblue;
}

.practice table td {
  padding: 1rem;
}

/* 支払い完了画面 */

.Canceled, .AdwinCompleted {
  display: flex;
  border: 2px solid whitesmoke;
  width: 600px;
  border-radius: 4px;
  height: 180px;
  margin: 7rem auto;
  background-color: #fefefe;
  text-align: justify;
  justify-content: center;
  flex-direction: column;
}

.AdwinCompleted p {
  margin: 0 5rem;
  color: #666;
  font-size: 16px;
  line-height: 2.5rem;
}

.Canceled p{
  margin: 0 5rem;
  color: #666;
  font-size: 16px;
  line-height: 2.5rem;
  text-align: center;
}


/* 言語切り換え */
section#block-adwin-yanyunoqieritie {
  display: inline-block;
  margin-right: 3rem;
}

section#block-adwin-yanyunoqieritie > ul.links {
  display: inline-block;
  padding: 15px 0;
}

section#block-adwin-yanyunoqieritie > ul.links li {
  display: inline-block;
  padding: 0 8px;
}

section#block-adwin-yanyunoqieritie >ul.links>li:first-child {
  border-right: 1px solid #000;
}

section#block-adwin-yanyunoqieritie >ul.links>li.is-active > a.is-active {
  color: #666;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

section#block-adwin-yanyunoqieritie > ul.links::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 800;
  content: "\f0ac";
  color: #333;
}