@charset "UTF-8";

/* SKIPA CCS for NAK CH
 * Ver 20220502
 * Copyright 1999-2022 SKIPA Digital Media
 * ALL RIGHTS RESERVED */

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  font-size: 16px;
  font-family: 'suisse', sans-serif;
  background-color: #F3F3F3;
  width:100vw;
  overflow-x:hidden;
}

body {
  width: 100%;
  max-width: 1280px;
  position: relative;
  margin: 0 auto;
  background-color: #ffffff;
}

a {
  text-decoration: none;
  color: #4980B1;
}

a:hover {
  color: #ffffff;
}

.quicklink a:hover {
  color: #000000;
  font-weight: bold;
}

header {
  background-color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px; 
}

#menu0 {
  padding-top: 0px;
  padding-bottom: 0px; 
  transition: 1s ease max-height;
}

.menu_item {
  padding: 10px; 
  background-color: #cccccc;
}

.logo{
  height:80px;
  position: absolute;
  bottom: 0;
}

.notice {
  background-color: #f3d8d8;
  padding: 10px 0;
  margin-bottom: 10px; 
}

.player {
  margin-bottom: 20px; 
}

#player {
  background-color: #000000;
  color: white;
}

footer {
  background-color: #cccccc;
  padding-top: 20px;
  padding-bottom: 20px; 
}
.content_wrapper {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0 12px; 
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper_head {
  min-height: 80px;
}

.grid {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0em; 
}

@media (max-width: 960px) {
  .grid > [class*=grid_mob] {
    display: block;
    position: relative;
    margin: 0 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
  }
  .logo_mob {
    height: 56px;
  }
  .hide_mob {
    display: none;
  }
  .grid_mob_1 { width: calc(8.333% - 8px); }
  .grid_mob_2 { width: calc(16.666% - 8px); }
  .grid_mob_3 { width: calc(25% - 8px); }
  .grid_mob_4 { width: calc(33.332% - 8px); }
  .grid_mob_5 { width: calc(41.665% - 8px); }
  .grid_mob_6 { width: calc(50% - 8px); }
  .grid_mob_7 { width: calc(58.331% - 8px); }
  .grid_mob_8 { width: calc(66.664% - 8px); }
  .grid_mob_9 { width: calc(75% - 8px); }
  .grid_mob_10 { width: calc(83.33% - 8px); }
  .grid_mob_11 { width: calc(91.663% - 8px); }
  .grid_mob_12 { width: calc(100% - 8px); }
  .grid_mob_footer { width: calc(100% - 8px); }
}

@media (min-width: 960px) {
  .grid > [class*=grid_desktop] {
    display: block;
    position: relative;
    margin: 0 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
  }
  .hide_desktop {
    display: none;
  }
  .grid_desktop_1 { width: calc(8.333% - 28px);  }
  .grid_desktop_2 { width: calc(16.666% - 28px); }
  .grid_desktop_3 { width: calc(25% - 28px); }
  .grid_desktop_4 { width: calc(33.332% - 28px); }
  .grid_desktop_5 { width: calc(41.665% - 28px); }
  .grid_desktop_6 { width: calc(50% - 28px); }
  .grid_desktop_7 { width: calc(58.331% - 28px); }
  .grid_desktop_8 { width: calc(66.664% - 28px); }
  .grid_desktop_9 { width: calc(75% - 28px); }
  .grid_desktop_10 { width: calc(83.33% - 28px); }
  .grid_desktop_11 { width: calc(91.663% - 28px); }
  .grid_desktop_12 { width: calc(100% - 28px); }
}