@charset "utf-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
html {
  -webkit-text-size-adjust: 100%;
  min-width: 320px;
}
ul, ol, dl {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
img {
  border: none;
  vertical-align: bottom;
  zoom: 1;
  -ms-interpolation-mode: bicubic;
  width: 100%;
  height: auto;
}
a, a:focus {
  outline: 0;
}
a img {
  border: none;
}
header, section, footer, aside, article, figure, main {
  display: block;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #000;
  background: none;
  background-color: #000;
  line-height: 1.428571429;
  overflow-x: hidden;
}
@media print {
  a[href]:after {
    content: "" !important;
  }
  abbr[title]:after {
    content: "" !important;
  }
}
a:link {
  color: #000;
  text-decoration: underline;
}
a:visited {
  color: #000;
  text-decoration: underline;
}
a:hover {
  color: #e60012;
  text-decoration: none
}
a.hover {
  color: #e60012;
  text-decoration: none
}
a:active {
  color: #e60012;
  text-decoration: none
}
a:focus {
  color: #e60012;
  text-decoration: none
}
a:hover img, a.hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  cursor: pointer;
  text-decoration: none;
}
/**/
#mark4096 {
  display: none;
}
@media screen and (min-width:4096px) {
  #mark4096 {
    display: block;
    width: 100%;
  }
}
#mark2560 {
  display: none;
}
@media screen and (min-width:2560px) {
  #mark2560 {
    display: block;
    width: 100%;
  }
}
#mark1920 {
  display: none;
}
@media screen and (min-width:1920px) {
  #mark1920 {
    display: block;
    width: 100%;
  }
}
#mark1301 {
  display: none;
}
@media screen and (min-width:1301px) {
  #mark1301 {
    display: block;
    width: 100%;
  }
}
#mark768 {
  display: none;
}
@media screen and (min-width:768px) {
  #mark768 {
    display: block;
    width: 100%;
  }
}
#mark970 {
  display: none;
}
@media screen and (max-width:970px) {
  #mark970 {
    display: block;
    width: 100%;
  }
}
#mark767 {
  display: none;
}
@media screen and (max-width:767px) {
  #mark767 {
    display: block;
    width: 100%;
  }
}
#mark640 {
  display: none;
}
@media screen and (max-width:640px) {
  #mark640 {
    display: block;
    width: 100%;
  }
}
#mark480 {
  display: none;
}
@media screen and (max-width:480px) {
  #mark640 {
    display: block;
    width: 100%;
  }
}
.sp97 {
  display: none !important;
}
@media screen and (max-width:970px) {
  .pc97 {
    display: none !important;
  }
  .sp97 {
    display: block !important;
  }
}
.sp76 {
  display: none !important;
}
@media screen and (max-width:767px) {
  .pc76 {
    display: none !important;
  }
  .sp76 {
    display: block !important;
  }
}
.sp {
  display: none !important;
}
@media screen and (max-width:640px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
.sp575 {
  display: none !important;
}
@media screen and (max-width:575px) {
  .pc575 {
    display: none !important;
  }
  .sp575 {
    display: block !important;
  }
}
.sp48 {
  display: none !important;
}
@media screen and (max-width:480px) {
  .pc48 {
    display: none !important;
  }
  .sp48 {
    display: block !important;
  }
}
@media(max-width:640px) {
  .hidden-xx {
    display: none !important;
  }
}
.visible-xx {
  display: none !important;
}
@media(max-width:640px) {
  .visible-xx {
    display: block !important;
  }
}
@media(max-width:500px) {
  .hidden-xxs {
    display: none !important;
  }
}
.visible-xxs {
  display: none !important;
}
@media(max-width:500px) {
  .visible-xxs {
    display: block !important;
  }
}
@media(max-width:480px) {
  .hidden-xxs {
    display: none !important;
  }
}
.visible-xxs {
  display: none !important;
}
@media(max-width:480px) {
  .visible-xxs {
    display: block !important;
  }
}
@media(max-width:400px) {
  .hidden-xxxs {
    display: none !important;
  }
}
.visible-xxxs {
  display: none !important;
}
@media(max-width:400px) {
  .visible-xxxs {
    display: block !important;
  }
}
@media(max-width:375px) {
  .hidden-xxxxs {
    display: none !important;
  }
}
.visible-xxxxs {
  display: none !important;
}
@media(max-width:375px) {
  .visible-xxxxs {
    display: block !important;
  }
}
@media all and (-ms-high-contrast: none) {
  .ie .pc76 {
    display: none !important;
  }
  .ie .sp76 {
    display: block !important;
  }
}
.panel {
  box-shadow: none;
  border: none;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: none;
}
/* --------------------------------------------------
 * 
 * 
 * 
 * --------------------------------------------------
 */
.txt_bk {
  color: #000000 !important;
  font-weight: normal !important;
}
.txt_red {
  color: #FF0000 !important;
}
.txt_blue {
  color: #0066FF !important;
}
.txt_white {
  color: #FFFFFF !important;
}
.txt_green {
  color: #009900 !important;
}
.bold_txt {
  color: #000000 !important;
  font-weight: bold;
}
.bold_red {
  color: #FF0000 !important;
  font-weight: bold;
}
.bold_blue {
  color: #0066FF !important;
  font-weight: bold;
}
.bold_white {
  color: #FFFFFF !important;
  font-weight: bold;
}
.bold_green {
  color: #009900 !important;
  font-weight: bold;
}
.smallsize {
  font-size: 80% !important;
}
.smalls-center {
  display: block;
  clear: both;
  line-height: 1.5;
  overflow-wrap: break-word;
  padding: 10px 0;
  margin: 0 auto;
  text-align: center;
}
.smalls-left {
  display: block;
  clear: both;
  line-height: 1.5;
  overflow-wrap: break-word;
  padding: 10px 0;
  margin: 0;
  text-align: left;
}
.small6 {
  font-size: 60% !important;
}
.small7 {
  font-size: 70% !important;
}
.small8 {
  font-size: 80% !important;
}
.small9 {
  font-size: 90% !important;
}
.mt025 {
  margin-top: .25em !important;
}
.pt025 {
  padding-top: .25em !important;
}
.mt05 {
  margin-top: .5em !important;
}
.pt05 {
  padding-top: .5em !important;
}
.pb05 {
  padding-bottom: .5em !important;
}
.mbm05 {
  margin-bottom: -.5em !important;
}
.mt1 {
  margin-top: 1em !important;
}
.pt1 {
  padding-top: 1em !important;
}
@media (max-width:640px) {
  .mt025 {
    margin-top: .125em !important;
  }
  .pt025 {
    padding-top: .125em !important;
  }
  .mt05 {
    margin-top: .25em !important;
  }
  .pt05 {
    padding-top: .25em !important;
  }
  .pb05 {
    padding-bottom: .25em !important;
  }
  .mbm05 {
    margin-bottom: -.25em !important;
  }
  .mt1 {
    margin-top: .5em !important;
  }
  .pt1 {
    padding-top: .5em !important;
  }
}
.movie-box {
  margin: 0 auto;
  text-align: center;
}
.movie-box .videobox {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.movie-box .video-container {
  margin-top: 2.5%;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .movie-box {
    margin: 35px auto 0;
  }
}
.i_pdf {
  max-width: 18px;
}
/*----------- emergency-notification ----------*/
.wapper {}
.main-box {
  height: auto;
  width: 100%;
  padding-top: 60%;
  margin: 0 auto;
  background-position: center top;
  background-image: url("common/cowday/img/21/TOP_img.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.page .main-box {
  padding-top: 29.66667%;
  background-image: url("common/cowday/img/21/TOP_img_page.png");
}
nav {
  max-width: 150px;
}
@media screen and (max-width: 576px) {
  nav {
    max-width: 50px;
  }
}
@media (max-width:575px) {
  .index .main-box {
    padding-top: 70.37%;
    background-image: url("common/cowday/img/21/TOP_img_sp.png");
  }
  .page .main-box {
    padding-top: 47.13%;
    background-image: url("common/cowday/img/21/TOP_img_page_sp.png");
  }
}
.bg-light {
  background-color: transparent !important;
}
.navbar {
  display: block;
}
@media (min-width:576px) {
  .fixed-top {
    top: 85px;
    left: 45px;
  }
}
.main a img {
  max-width: 54px;
}
.navbar-expand-xl .navbar-nav, .navbar-expand-lg .navbar-nav, .navbar-expand-md .navbar-nav, .navbar-expand-sm .navbar-nav {
  flex-direction: column;
}
.nav-item img {
  width: auto;
  height: 100%;
  max-height: 10px;
}
.nav-item.topmenu img {
  max-width: 54px;
  width: 100%;
  height: auto;
  max-height: none;
}
.navbar-nav > li {
  margin-top: 12px;
}
@media (max-width:575px) {
  .nav-item img {
    max-height: 15px;
  }
  .nav-item.topmenu img {
    max-height: none;
  }
  .navbar-nav > li {
    margin-top: 24px;
  }
}
/*     .navbar-nav > li:first-child{
         display: none;
         
     }
*/
/* ----------------------------------------------------- 
 



 ----------------------------------------------------- */
.navbar-toggler {
  border: none;
}
.navbar-toggler:active {
  outline: none;
}
button:focus {
  outline: none;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(150, 140, 141, 0.5)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  width: 40px;
  height: 33px;
  margin-top: 15px;
}
/* ----------------------------------------------------- 
 



 ----------------------------------------------------- */
.modal-backdrop {
  z-index: 1020;
}
.fullscreen .modal-dialog {
  margin: 0 0 0 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;
}
.fullscreen .modal-content {
  height: 100%;
  min-height: 100%;
  border-radius: 0;
  background: rgba(10, 5, 5, 0.90);
  overflow: auto;
}
.fullscreen .modal-content .modal-header {
  border: 0px;
}
.fullscreen .modal-content button {
  opacity: 1;
}
.fullscreen .modal-content button span {
  color: #fff;
  font-weight: 1;
  font-size: 26px;
  text-shadow: none;
}
.fullscreen .modal-body ul {
  padding: 0 0 0 0;
  list-style-type: none;
}
.modal-header .close {
  margin: -1rem auto -1rem -1rem;
}
.close img {
  max-width: 35px;
}
/* ----------------------------------------------------- 
 



 ----------------------------------------------------- */
@media (max-width:575px) {
  .navbar {
    padding: 0;
  }
  .navbar-nav {
    background: #0a0505;
    text-align: center;
    margin: 0 auto 0;
    justify-content: center;
    align-items: center;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
  }
  .navbar-brand {
    margin-right: 0;
  }
}
/* ----------------------------------------------------- 
 



 ----------------------------------------------------- */
.carousel-indicators {
  bottom: -30px;
}
.carousel-indicators li {
  border: 1px solid #c8c8c8;
}
.carousel-indicators .active {
  background-color: #c8c8c8;
}
/* ----------------------------------------------------- 
 



 ----------------------------------------------------- */
.index_topicmenu {
  position: relative;
  margin-bottom: 77px;
}
.index_topicmenu .viewmore {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 11%;
  background: #e60012;
  border: none;
  width: 4%;
  display: flex;
  z-index: 1000;
}
.index_topicmenu .viewmore img {
  text-align: center;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: 15px;
  max-height: 123px;
  width: 100%;
  height: auto;
  padding: 10px 0;
}
.index_topicmenu dl {
  position: relative;
  display: flex;
  max-width: 85%;
  border: none;
}
.index_topicmenu dl dt {
  /*  min-width: 140px;*/
  min-width: 197px;
  height: 145px;
  background-color: #e9e9e9;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index_topicmenu dl dt strong img {
  max-width: 75px;
}
.index_topicmenu dl dd {
  width: 100%;
  height: 145px;
  background-color: #e9e9e9;
  /*  padding: 20px 44px 20px 44px;*/
  padding: 20px 44px 20px 0;
  margin-bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
.index_topicmenu dl dd::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 575px) {
  .index_topicmenu .viewmore {
    right: 13.5%;
    width: 6.5%;
  }
  .index_topicmenu .viewmore img {
    width: 90%;
    margin-top: 30px;
  }
  .index_topicmenu dl {
    display: block;
  }
  .index_topicmenu dl dt {
    width: 95%;
    min-height: auto;
    padding: 15px 3.5% .25em;
    height: auto;
    background-color: #e9e9e9;
    position: relative;
    justify-content: flex-start;
  }
  .index_topicmenu dl dd {
    width: 95%;
    height: 165px;
    background-color: #e9e9e9;
    padding: 3px 3.5% 15px;
    margin-bottom: 0;
  }
  .index_topicmenu dl dt strong img {
    max-width: 60px;
  }
}
.index_topicmenu dl dd > ul {
  text-align: left;
}
.index_topicmenu dl dd > ul > li {
  text-align: left;
  padding: 3px 0;
  border-bottom: none;
  background: url(/common/img/products/index/i-yr.png) 5px 12px no-repeat;
  background-size: 8px auto;
  font-size: 16px;
  line-height: 1.2;
}
.index_topicmenu dl dd > ul > li a {
  text-decoration: none;
}
/* ----------------------------------------------------- 
 



 ----------------------------------------------------- */
.index_sponser, .index_about {
  margin: 0 auto 33px;
  text-align: center;
  padding-left: 13.29%;
  padding-right: 13.29%;
}
.index_sponser {
  background: #e9e9e9;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 150px;
}
.index_sponser .txt-box {
  margin-bottom: 36px;
}
.index_about .txt-box {
  margin-bottom: 18px;
}
.index_sponser .txt-box img, .index_about .txt-box img {
  max-height: 20px;
  width: auto;
  height: 100%;
}
.index_about p {
  text-align: left;
  line-height: 1.8;
  color: #FFF;
  font-size: 16px;
}
.index_sponser h1 {
  text-align: center;
  margin: 0 auto 48px;
}
.index_sponser h1 img {
  max-width: 300px;
}
.index_sponser ul {
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.index_sponser ul li {
  padding: .05em 1em 1.5em;
}
.index_sponser ul li a {
  width: 92px;
  height: 92px;
  background-color: #c8c8c8;
  display: block;
}
@media screen and (max-width: 575px) {
  .index_sponser, .index_about {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
  .index_sponser ul li a {
    background-color: #c8c8c8;
    display: block;
  }
  .index_sponser h1 img {
    max-width: 250px;
  }
}
@media screen and (max-width: 399px) {
  .index_sponser ul {
    justify-content: space-around;
    margin-left: 1em;
    margin-right: 1em;
  }
}
.empty {
  height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
/* ----------------------------------------------------- 
 



 ----------------------------------------------------- */
.carousel-indicators {
  display: none;
}
/* ----------------------------------------------------- 
 



 ----------------------------------------------------- */
.index_slider {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto 77px;
}
.index_slider .viewmore {
  width: 50%;
  background: #e60012;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 15px;
}
/*
@media screen and (min-width: 576px) {
.index_slider .viewmore {
    z-index: 1031;
    position: relative;
}
    }
*/
@media screen and (max-width: 575px) {
  .index_slider .viewmore {
    width: 90%;
    height: 30px;
    padding-right: 5px;
  }
  .index_slider .viewmore img {
    margin-right: 1em;
  }
}
.index_slider .viewmore img {
  max-width: 85px;
}
/* ----------------------------------------------------- 
 



 ----------------------------------------------------- */
#footer {
  border-top: #000;
}
.footerbox {
  display: flex;
  justify-content: flex-start;
}
.footerbox dl {
  width: 37.525%;
  background-color: #2c2c2c;
  padding: 21px 40px 12px 63px;
}
.footerbox dl dd {
  margin-top: 15px;
}
.footerbox dl dd p {
  color: #FFF;
  font-size: 12px;
  line-height: 1.4;
}
.footerbox dl dd p a {
  color: #fff;
  text-decoration: underline;
}
.footerbox .btnentrybox {
  width: 165px;
  background: #e60012;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footerbox .btnentrybox img {
  max-width: 85px;
}
@media screen and (max-width: 575px) {
  .footerbox {
    display: flex;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footerbox dl {
    width: 100%;
    background-color: #2c2c2c;
    padding: 21px 3.5% 12px;
    order: 2;
  }
  .footerbox dl dt {
    text-align: center;
    margin: 0 auto;
  }
  .footerbox dl dd p {
    text-align: center;
    margin: 0 auto;
  }
  .footerbox .btnentrybox {
    order: 1;
    display: block;
    width: 100%;
    padding: 25px 3.5%;
    text-align: center;
    margin: 0 auto;
  }
  .footerbox .main a img {
    max-width: 63px;
  }
}
.bottombtns {
  background: #e9e9e9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bottombtns ul li img {
  max-width: 85px;
}
.bottombtns:last-child {
  margin-left: auto;
}
@media screen and (max-width: 575px) {
  .bottombtns {
    display: block;
    position: fixed;
    justify-content: flex-start;
    align-items: baseline;
    bottom: 100px;
    right: 0;
    z-index: 7;
  }
  .bottombtns ul li img {
    max-width: 40px;
  }
}
.return {
  margin-top: 15px;
}
.return a::before {
  margin-right: 5px;
  content: "\f144";
  font-family: FontAwesome;
}
/* ----------------------------------------------------- 
 


 ----------------------------------------------------- */
.sideentrybtns {
  display: block;
  position: fixed;
  justify-content: flex-start;
  align-items: baseline;
  top: 100px;
  right: 0;
  z-index: 7;
  z-index: 10000;
}
.sideentrybtns ul li img {
  max-width: 85px;
}
@media screen and (max-width: 575px) {
  /*  
 .sideentrybtns{
  display: none;
}
  */
  .sideentrybtns {
    top: 45px;
  }
  .sideentrybtns ul li img {
    max-width: 40px;
  }
}
/* ----------------------------------------------------- 
 

.page

 ----------------------------------------------------- */
.page_contents {
  margin: 77px auto 0;
  text-align: center;
  padding-left: 13.29%;
  padding-right: 13.29%;
}
@media (max-width:575px) {
  .page_contents {
    margin: 33px auto 0;
  }
  .page_contents.about {
    margin: 33px auto 77px;
  }
}
.page_contents:last-of-type {
  margin-bottom: 150px;
}
.page_contents .title-box {
  padding-bottom: 8px;
  margin-bottom: 24px;
  background: url("common/cowday/img/21/page/line.png") no-repeat center bottom;
  background-size: 970px auto;
  overflow: hidden;
}
.page_contents .title-box.non {
  padding-bottom: 0;
  margin-bottom: 8px;
  background: none;
  background-size: 970px auto;
  overflow: hidden;
}
.page_contents .title-box.sub {
  padding-top: 64px;
  margin-bottom: 12px;
  background: url("common/cowday/img/21/page/T.png") no-repeat center top;
  background-size: 970px auto;
  overflow: hidden;
}
@media screen and (min-width: 971px) {
  .page_contents .title-box {
    background-size: 100% auto;
  }
}
@media screen and (min-width: 1920px) {
  .page_contents .title-box.sub {
    padding-top: 76px;
  }
}
.page_contents .title-box img {
  max-height: 22px;
  width: auto;
  height: 100%;
}
.page_contents .image-box {
  padding-bottom: 12px;
  margin-bottom: 24px;
  margin-top: 27px;
}
.page_contents .image-list-box {
  padding-bottom: 12px;
  margin-bottom: 24px;
  margin-top: 54px;
}
.page_contents .image-list-box ul li + li {
  margin-top: 15px;
}
@media screen and (min-width: 576px) {
  .page_contents .image-list-box ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .page_contents .image-list-box ul li {
    width: 49.5%;
    margin-top: 0;
  }
  .page_contents .image-list-box.three ul li {
    width: 33.3%;
  }
  .page_contents .image-list-box ul li + li {
    margin-top: 0;
  }
}
.page_contents > p {
  text-align: left;
  line-height: 1.8;
  color: #FFF;
  font-size: 16px;
  font-weight: 100;
}
.page_contents.about > p {
  font-weight: 400;
}
.page_contents > p + p {
  margin-top: 36px;
}
.page_contents > p.text-center {
  text-align: center;
}
@media screen and (max-width: 575px) {
  .page_contents {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
}
/* - */
.page_contents > p a {
  color: #FFF;
}
.page_contents > p a:link, .page_contents > p a:visited {
  color: #FFF;
  text-decoration: none;
}
.page_contents > p a:hover, .page_contents > p a:active, .page_contents > p a:focus {
  text-decoration: underline;
}
/* ----------------------------------------------------- 
 

.page event

 ----------------------------------------------------- */
.page_contents.event table caption {
  caption-side: top;
  font-size: 1.3em;
  padding: .5em .75rem;
  background-color: #2c2c2c;
  /*    border-top: solid 2px #666;*/
  border-bottom: none;
  color: #fff;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 1.2em;
  line-height: 1.4;
  letter-spacing: 0;
}
.page_contents.event table tr {
  text-align: left;
  line-height: 1.8;
  color: #FFF;
  font-size: 16px;
  font-weight: 100;
}
.page_contents.event table tr + tr td, .page_contents.event table tr + tr th {
  padding-top: 35px;
}
.page_contents.event table tr th {
  width: 14.5%;
  padding-right: .5%;
  vertical-align: top;
  min-width: 150px;
}
.page_contents.event table tr td {
  width: 80%;
  vertical-align: top;
  text-align: justify;
}
.page_contents.event table tr td > p + p {
  margin-top: .5em;
}
.page_contents.event table tr td br.sp {
  padding-left: 1em;
}
.page_contents.event table a {
  color: #FFF;
  text-decoration: none;
}
.page_contents.event table a:visited {
  color: #FFF;
}
.page_contents.event table a.hover, .page_contents.event table a:hover, .page_contents.event table a:active, .page_contents.event table a:focus {
  text-decoration: underline;
}
@media screen and (max-width: 575px) {
  .page_contents.event table tr th {
    display: block;
    width: 100%;
    padding-right: 0;
    vertical-align: top;
    min-width: none;
  }
  .page_contents.event table tr td {
    display: block;
    width: 100%;
    vertical-align: top;
    text-align: left;
  }
  .page_contents.event table tr + tr td {
    padding-top: 0;
  }
}
/* ----------------------------------------------------- 
 

.page news

 ----------------------------------------------------- */
#newsbox {
  width: 100%;
  margin: 0 auto;
}
#newsbox dl {
  display: flex;
  border-bottom: 1px solid #2c2c2c;
  margin: 0;
}
#newsbox dt {
  text-align: left;
  padding: 1rem;
  color: #fff;
  line-height: 1.4em;
  font-weight: bold;
}
#newsbox dd {
  padding: 1rem;
  margin: 0 !important;
  text-align: left;
  line-height: 1.4em;
}
#newsbox dd span, #newsbox a {
  color: #FFF;
  outline: 0;
  text-decoration: none;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
#newsbox a:visited {
  color: #FFF;
}
#newsbox a.hover, #newsbox a:hover, #newsbox a:active, #newsbox a:focus {
  text-decoration: underline;
}
#newsbox dd a::after {
  margin-left: 5px;
  content: "\f138";
  font-family: FontAwesome;
}
@media screen and (max-width: 575px) {
  #newsbox dl {
    display: block;
  }
}
#newsbox .inner h1 {
  color: #fff;
  font-size: 1.3rem;
  margin-bottom: .5em;
}
#newsbox .inner p {
  color: #fff;
}
#newsbox .inner p + p {
  margin-top: .75em;
  color: #fff;
}
#newsbox dl dd .inner p a:visited, #newsbox dl dd .inner p a:link, #newsbox dl dd .inner p a {
  text-decoration: underline;
}
#newsbox dl dd .inner p a.hover, #newsbox dl dd .inner p a:hover {
  text-decoration: underline;
}
#newsbox dl dd .inner p a::after {
  margin-left: auto;
  content: "";
}
#newsbox .inner > p > strong {
  font-size: 1rem;
  display: block;
}
#newsbox .inner > p > strong::before {
  margin-right: 5px;
  content: "\f144";
  font-family: FontAwesome;
}
#newsbox .inner .inner {
  border: 1px solid #FFF;
  padding: 1rem;
}
/* ----------------------------------------------------- 
 

.page.attention

 ----------------------------------------------------- */
.page_contents.attention h1 {
  color: #fff;
  font-size: 1.3rem;
  margin-bottom: .5em;
}
.page_contents.attention table caption {
  caption-side: top;
  font-size: 1.3em;
  padding: .5em .75rem;
  background-color: #2c2c2c;
  /*    border-top: solid 2px #666;*/
  border-bottom: none;
  color: #fff;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 1.2em;
  line-height: 1.4;
  letter-spacing: 0;
}
.page_contents.attention table tr {
  text-align: left;
  line-height: 1.8;
  color: #FFF;
  font-size: 16px;
  font-weight: 100;
}
.page_contents.attention table tr + tr td, .page_contents.attention table tr + tr th {
  padding-top: 35px;
}
.page_contents.attention table tr th {
  width: 14.5%;
  padding-right: .5%;
  vertical-align: top;
  min-width: 150px;
}
.page_contents.attention table tr td {
  width: 80%;
  vertical-align: top;
  text-align: justify;
}
.page_contents.attention table tr td > p + p {
  margin-top: .5em;
}
.page_contents.attention table tr td br.sp {
  padding-left: 1em;
}
.page_contents.attention table a {
  color: #FFF;
  text-decoration: none;
}
.page_contents.attention table a:visited {
  color: #FFF;
}
.page_contents.attention table a.hover, .page_contents.attention table a:hover, .page_contents.attention table a:active, .page_contents.attention table a:focus {
  text-decoration: underline;
}
@media screen and (max-width: 575px) {
  .page_contents.attention table tr th {
    display: block;
    width: 100%;
    padding-right: 0;
    vertical-align: top;
    min-width: none;
  }
  .page_contents.attention table tr td {
    display: block;
    width: 100%;
    vertical-align: top;
    text-align: left;
  }
  .page_contents.attention table tr + tr td {
    padding-top: 0;
  }
}
.page_contents.attention .bottommenu {
  margin-top: 75px;
}
.page_contents.attention .bottommenu ul {
  display: flex;
  justify-content: space-between;
}
.page_contents.attention .bottommenu ul li img {
  max-width: 390px;
}
@media screen and (max-width: 575px) {
  .page_contents.attention .bottommenu ul {
    display: block;
  }
  .page_contents.attention .bottommenu ul li + li {
    margin-top: 15px;
  }
}
/* ----------------------------------------------------- 
 

.page_contents.index.award

 ----------------------------------------------------- */
.page_contents.index.award .__captiron__ {
  padding: .5em .75rem;
  /*    background-color: #2c2c2c;

    margin-top: 0;
    margin-bottom: 1.2em;
    
    */
  margin-top: -18px;
  margin-bottom: 1.65em;
  text-align: center;
}
.page_contents.index.award .__captiron__ h1 {
  font-size: 1.3em;
  padding: .5em .75rem;
  color: #fff;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0;
}
.page_contents.index.award .__tableblock__ {
  margin-bottom: 15%;
}
.page_contents.index.award .__thblock__ {
  color: #FFF;
  font-family: "M PLUS 1p";
  font-weight: 500;
  width: 100%;
  display: block;
  line-height: 1.5;
  margin-bottom: 25px;
}
.page_contents.index.award .__thblock__ span {
  font-size: 1.45em;
}
.page_contents.index.award .__thblock__ strong {
  font-size: 2.1em;
}
.page_contents.index.award .__tdblock__ {
  width: 100%;
  display: block;
}
.page_contents.index.award .__tdblock__ a {
  color: #FFF;
  font-family: "M PLUS 1p";
  font-weight: 500;
  font-size: 1.65em;
}
.page_contents.index.award .__tdblock__ a:before {
  content: "＞＞";
}
.page_contents.index.award .__tdblock__ a:after {
  content: "＜＜";
}
.judgeblock ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.judgeblock > ul > li {
  width: 30%;
}
.judgeblock > ul > li > p {
  text-align: center;
  color: #fff;
  font-size: 1.6em;
  margin: 1em auto 2em;
}
@media screen and (max-width: 640px) {
  .page_contents.index.award .__thblock__ span {
    display: block;
    font-size: 1.25em;
  }
  .page_contents.index.award .__thblock__ strong {
    font-size: 1.85em;
  }
  .page_contents.index.award .__tdblock__ a {
    font-size: 1.35em;
    line-height: -.1em;
  }
  .page_contents.index.award .__tdblock__ a:before {
    content: ">>";
  }
  .page_contents.index.award .__tdblock__ a:after {
    content: "<<";
  }
  .judgeblock > ul > li > p {
    font-size: 1.35em;
  }
}
/* ----------------------------------------------------- 
 

.index_sponserbox 

 ----------------------------------------------------- */
.index_sponserbox {
  margin: 0 auto 150px;
  text-align: center;
  background: #e9e9e9;
  padding: 50px 13.29%;
}
.index_sponserbox .txt-box {
  margin-bottom: 36px;
}
.index_sponserbox .txt-box img {
  max-height: 20px;
  width: auto;
  height: 100%;
}
.index_sponserbox h1 {
  text-align: center;
  margin: 0 auto 48px;
}
.index_sponserbox h1 img {
  max-width: 300px;
}
.index_sponserbox ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 0 auto 48px;
  max-width: 767px;
}
.index_sponserbox ul:first-of-type {
  justify-content: center;
}
.index_sponserbox ul li {
  padding: .05em 1em 0;
}
.index_sponserbox ul li a img {
  max-width: 150px;
}
@media screen and (min-width: 641px) {
  .index_sponserbox ul:first-of-type:after, .index_sponserbox ul:first-of-type:before {
    content: "";
    width: 38%;
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .index_sponserbox ul:first-of-type a img, .index_sponserbox h1 img {
    width: 85%;
  }
  .index_sponserbox ul:last-of-type li a img {
    max-width: 173px
  }
}
.index_sponserbox1 .txt-box {
  margin-bottom: 36px;
}
.index_sponserbox1 .txt-box img {
  max-height: 20px;
  width: auto;
  height: 100%;
}
.index_sponserbox1 {
  margin: 0 auto 150px;
  text-align: center;
  background: #e9e9e9;
  padding: 50px 13.29%;
}
.index_sponserbox1 .inner, .index_sponserbox1 .inner table {
  margin: 0 auto;
  text-align: center;
}
.index_sponserbox1 .inner table td {
  padding-bottom: 48px;
}
.index_sponserbox1 .inner table td.__c__ {
  padding-left: 24px;
  padding-right: 24px;
}
.index_sponserbox1 .inner table td h1 a img {
  width: 200%;
  margin-left: -50%;
  margin-right: -50%;
}
/* ----------------------------------------------------- 
 

.result

 ----------------------------------------------------- */
.department_header h1 {
  font-size: 1.4em;
  padding: 0;
  color: #fff;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 40px;
  line-height: 1.4;
  letter-spacing: 0;
  width: 100%;
}
.department + .department {
  margin-top: 80px;
}
.department h2 {
  caption-side: top;
  font-size: 1.3em;
  padding: .5em .75rem;
  background-color: #2c2c2c;
  border-bottom: none;
  color: #fff;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.4;
  letter-spacing: 0;
  width: 100%;
}
.department dl {
  background-color: #cbcbcb;
  margin-bottom: 1px;
}
.department dl:nth-child(odd) {
  background-color: #b0b0b0;
}
.department dl dt p {
  display: flex;
  align-items: center;
  min-height: 68px;
  font-size: 18px;
  padding-left: 3vw;
  padding-right: 3vw;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
  cursor: pointer;
}
.department.stay dl dt p {
  cursor: default;
}
.department dl dt p span:first-child {
  padding-right: 1vw;
}
.department dl dt p span:last-child {
  margin-left: auto;
}
.department dl dt p span.judgecomment {
  position: relative;
  padding-right: 21px;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: -.01em;
  font-weight: normal;
}
.department dl dt p span.judgecomment::before {
  content: "";
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #010101;
  position: absolute;
  top: 23%;
  right: -.1%;
  display: block;
}
.department dl dt p span.judgecomment::after {
  content: "";
  width: 5px;
  height: 5px;
  border: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition-duration: .5s;
  position: absolute;
  top: 42%;
  right: 3.6%;
  display: block;
}
.department dl dt.open p span.judgecomment::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
}
.department.stay dl dt p span.judgecomment {
  display: none;
}
.department dl dd {
  display: none;
  padding: 0;
  margin: 0;
}
.department dl dd p {
  min-height: 68px;
  font-size: 18px;
  text-align: left;
  padding-left: 3vw;
  padding-right: 3vw;
  padding-top: 0;
  padding-bottom: 20px;
  margin: 0;
}