@charset "UTF-8";
/* SCSS Document */
/* Reset CSS */
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article, header, footer, aside, figure, figcaption, nav, section {
  display: block; }

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: auto;
  font-family: "Noto Serif JP", "Georgia", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  /* background-image: url("../img/bg.png"); */
  background-color: #FDE5EB; }

/* Reset CSS End */
.none {
  display: none; }

.clearfix:after {
  content: "";
  clear: both;
  display: block; }

.br {
  display: none; }

#top-head {
  text-align: center;
  max-width: 1920px;
  margin: auto; }
  #top-head img {
    width: 100%; }

#history-images {
  margin-top: 46px; }

/*　スポンサーマッチ大会CSS　*/
#proam-top-head {
  text-align: center;
  max-width: 972px;
  margin: auto; }
  #proam-top-head img {
    width: 100%; }

.proam {
  max-width: 972px;
  background-image: none;
  margin: auto;
  background: #F1F1F1;
  padding-bottom: 50px;
  line-height: 1.8em; }
  .proam h2 {
    margin-top: 0px !important;
    padding-top: 20px; }

.detail {
  margin-top: 60px; }
  .detail h4 {
    font-size: 1.5em;
    margin: 20px auto; }
  .detail a {
    text-decoration: none;
    color: #585858; }
  .detail tr th {
    color: #377E4E;
    width: 18%; }

.sponsor-list ul {
  list-style: none !important; }
  .sponsor-list ul li {
    float: left; }
    .sponsor-list ul li a img {
      margin: 10px;
      max-width: 240px; }

.hayawari p {
  margin: 10px 20px 5px; }
.hayawari table {
  margin: 0 20px 10px; }
  .hayawari table th {
    width: 80px;
    line-height: 1.6em; }

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .detail {
    margin-top: 40px; } }
@media only screen and (max-width: 767px) {
  .detail {
    margin-top: 2em; } }
.detail table {
  max-width: 850px;
  margin: 0 auto;
  width: 100%;
  text-align: left;
  border-top: 1px dotted #b0afaf;
  margin-top: 20px; }

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .detail table {
    margin-top: 10px; } }
@media only screen and (max-width: 767px) {
  .detail table {
    margin-top: 1em; } }
.detail table tr th, .detail table tr td {
  border-bottom: 1px dotted #b0afaf;
  padding: .8em 1em;
  letter-spacing: .05em;
  font-size: 108%; }

@media only screen and (max-width: 767px) {
  .detail table tr th, .detail table tr td {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em .8em;
    display: block !important; }

  .detail table tr th {
    background: #D8D8D8; } }
/*　スポンサーマッチ大会CSSここまで　*/
#main {
  text-align: center;
  color: #585858; }
  #main h1 {
    font-size: 2.2em;
    font-weight: 600;
    padding: 20px; }
  #main img.ribon {
    max-width: 360px;
    margin: 20px auto; }
  #main h2 {
    font-size: 1.5em;
    font-weight: 600;
    margin: 20px auto; }
  #main .button2 {
    font-size: 1.6em;
    font-weight: bold;
    background: #f7e4eb;
    border: 2px solid #7D707E;
    border-radius: 10px;
    margin: 40px auto 0;
    max-width: 300px; }
    #main .button2 a {
      text-decoration: none;
      color: #585858;
      padding: 12px 30px;
      display: block; }
  #main .button2-detail {
    margin-bottom: 20px;
    margin-top: 5px; }
  #main .button3 {
    font-size: 1.6em;
    font-weight: bold;
    background: #f7e4eb;
    border: 2px solid #FA4DFF;
    border-radius: 10px;
    margin: 10px auto 18px;
    max-width: 300px;
    box-shadow: 1px 1px 1px #B891BD; }
    #main .button3 a {
      text-decoration: none;
      color: #585858;
      padding: 12px 30px;
      display: block; }
  #main .gaiyou .button1 {
    font-size: 1.2em;
    background: white;
    /* lighten($pink, 36); */
    border: 2px solid #CD5783;
    display: inline-block;
    margin: 30px 20px; }
    #main .gaiyou .button1 a {
      text-decoration: none;
      color: #585858;
      padding: 16px 30px;
      display: block; }
  #main .gaiyou .button1:hover {
    background: #cc5380; }
    #main .gaiyou .button1:hover a {
      color: white; }
  #main .entry-button {
    margin: 20px auto;
    max-width: 320px; }
    #main .entry-button img {
      width: 100%; }
  #main .entry-button:hover a img {
    background: white;
    opacity: 0.8; }
  #main ul {
    text-align: left;
    display: inline-block;
    margin-bottom: 50px; }
    #main ul li {
      padding: 5px; }
  #main .ginkou {
    text-align: left;
    padding: 10px 30px;
    border: 3px #3C4052 double;
    display: inline-block;
    margin: 20px auto; }
  #main .twitter {
    margin-bottom: 50px; }
    #main .twitter img {
      max-width: 100%;
      border: 1px solid #F577B7; }

#fot {
  background-color: #3B3B3B;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #333333), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #333333), color-stop(0.75, #333333), color-stop(0.75, transparent), to(transparent));
  -webkit-background-size: 14px 14px;
  color: white;
  text-align: center;
  padding: 10px 0;
  font-size: 0.9em; }
  #fot .fot {
    margin: 10px auto 20px; }

.tnm-table {
  max-width: 1200px;
  margin: auto; }

.hyou {
  width: 49%;
  display: inline-block;
  margin: auto; }
  .hyou p {
    font-size: 1.4em;
    margin: 20px auto 0 10px;
    line-height: 1.4em; }
  .hyou table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 5px;
    margin: 0 auto; }
  .hyou td, .hyou th {
    padding: 14px 10px;
    text-align: center; }
  .hyou th {
    background: #C95F91;
    color: #fff;
    width: 5em; }
  .hyou td {
    background: #FEF1FC; }

div.totop a {
  padding: 20px 10px; }

.prize .junni, .prize .score {
  width: 16%; }
.prize .namae {
  width: 38%; }
.prize .tie {
  background: #FCE1F8; }

@media screen and (max-width: 870px) {
  #main-container {
    padding-top: 10px !important;
    width: 98%;
    margin: auto; }

  .tnm-table h1 {
    text-align: left !important;
    font-size: 1.4em !important; }
  .tnm-table .hyou {
    font-size: 0.9em;
    display: block;
    width: 100%; }
    .tnm-table .hyou table {
      border-spacing: 2px; }
    .tnm-table .hyou td, .tnm-table .hyou th {
      padding: 6px 4px; }
    .tnm-table .hyou th {
      width: 3em; }
  .tnm-table .prize .junni {
    width: 16%; }
  .tnm-table .prize .namae {
    width: 38%; } }
@media screen and (max-width: 600px) {
  .ribon {
    max-width: 300px !important; }

  .br {
    display: block; }

  .logo img {
    max-width: 200px; }

  .header .container {
    padding: 0 18px; }

  .container .slider-wrapper .slider-description-inner h1 {
    letter-spacing: 4px; }
    .container .slider-wrapper .slider-description-inner h1 span.amama-title2 {
      padding: 4px 10px; }
    .container .slider-wrapper .slider-description-inner h1 span.amama-title {
      padding: 4px 0px 4px 10px; }
  .container .slider-wrapper .slider-description-inner h4 {
    letter-spacing: 0px;
    font-size: 18px; }

  .top-about h4 {
    line-height: 26px;
    font-size: 18px; }

  #main h1 {
    font-size: 1.7em;
    padding: 8px; }
  #main img.ribon {
    max-width: 300px; }
  #main h2 {
    font-size: 1.2em;
    padding: 8px; }
  #main .gaiyou .button1 {
    margin: 10px auto; }
  #main ul li {
    width: 95%;
    margin: auto;
    font-size: 0.9em; }

  .sponsor-list ul {
    padding-left: 0px; }
    .sponsor-list ul li {
      width: 48% !important;
      margin: 20px 1%; }
      .sponsor-list ul li a img {
        margin: 0px;
        width: 100%; }

  #history-images {
    margin-top: 0px; } }