div#intro {
    border-radius: 6px;
    border: 6px #0a5fff solid;
}
/*攻略開始ボタンの色を変える*/
button#start_quiz_button_not_answerd {
    background-color: #27c46b !important;
}
/*弱点克服ボタンの色を変える*/
button#start_quiz_button_weak {
    background-color: #e26cc7 !important;
}

/*ランダム出題ボタンの色を変える*/
button#start_quiz_button_review {
    background-color: #f2c309 !important;
}

/*提出ボタンのカラー変更*/
#check_answer_button.btn-primary {
    background-color: #d40025!important;
}

#check_answer_button.btn-primary:hover,#check_answer_button.btn-primary:focus,,#check_answer_button.btn-primary:active {
    background-color: #ff5b77!important;
}

.z-depth-1, .jumbotron, .author-box, .navbar, .badge, .chip, .btn, .card:not([class*="card-outline-"]), .pagination .active .page-link, .modal-dialog.cascading-modal .modal-c-tabs .nav-tabs, .modal-dialog.modal-notify .modal-header, .social-list, .counter, .md-pills .nav-link.active, .card.card-cascade.wider .card-body, .card-wrapper .front, .card-wrapper .back, .dropdown-content, .side-nav, .section-blog-fw .view, #toast-container > div, .pricing-card .price .version {
    box-shadow: none;
    background-color: #fbfbfb
}

.z-depth-1-half, .btn:hover, .btn:active, .btn:focus, .modal-dialog .modal-content, .modal-dialog.cascading-modal .modal-header, ul.instagram-photos li img, .media .media-left img, .btn-floating, .nav-tabs, .md-pills .nav-link.active:hover, .card.card-cascade.wider.reverse .card-body, .card.card-cascade.card-avatar img, .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active, .colorful-select .dropdown-content li.active span, .comments-list .badge, .reply-form .badge, .btn-floating.btn-flat.active, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover, .picker__box .picker__table .picker--focused, .pricing-card .header, .form-header {
    box-shadow: none;
}

.navbar{
    box-shadow: none!important;
}

.btn-primary,.is-active .pagination-link {
    background-color: #67686b;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #969696!important;
}
    
.container {
    width: 100%!important;
}

@media (min-width: 576px){
  .container {
      max-width: 100%!important;
   }
}

@media (min-width: 768px){
  .container {
      max-width: 100%!important;
  }
}

@media (max-width: 576px){
     .wordbank-key {
       padding: 0.3rem 2.13rem;
     }
       
     .drag-choice-wordbank,btn{
     padding: 0.35rem 0.93rem;
     }

     .btn[class*="btn-outline-"] {
       padding-top: .66rem;
       padding-bottom: .66rem;
     }
 }
.bg-primary {
   background-color: #67686b!important;
}

#start_quiz_button.btn{
   background-color:#d40025!important;
}

#start_quiz_button.btn:hover, #start_quiz_button.btn:focus, #start_quiz_button.btn:active{
   background-color:#ff5b77!important;
}

#start_quiz_button {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    top: -150px;
}

div#intro {
    border-radius: 2px;
    border: 6px #d8d8d8 solid;
}

iframe{
 margin-top:-50px;
 }
 
 #page_quiz.container {
   padding:15px 30px;
}

#buttons {
  text-align:center!important;
}
  
#buttons #check_answer_button{
  float:none!important;
}

#show_result btn-primary{
  float:none!important;
}

#seigo_count.d-inline-block {
 display:none!important;
}

.pagination-first,.pagination-last {
 display:none;
}

.scoreStr{
 display:none;
 }
 
#summary_table_normal.qtable {
 display:none!important;
}

#check_answer_next_button {
 float:none!important;
 border-radius: 2px;
}

#show_result {
 float:none!important;
}