@charset "UTF-8";
/* Style.Css
---------------------------------------------------- */
html {
  font-size: 62.5%;
}
textarea
{
  width:100%;
}
.main-image {
  width: 100%;
  height: 400px;
  background: url("../img/sponsor/main-image.jpg") center center;
  background-size: cover;
}
#sponsorWrap h2 {
  padding: 20px;
  margin-bottom: 40px;
  font-size: 2.4rem;
  color: #2a71b9;
  border-bottom: 1px solid #2a71b9;
}
#sponsorWrap h3 {
  padding: 15px;
  margin: 30px auto;
  font-size: 2rem;
  color: #2a71b9;
  border-top: 1px solid #2a71b9;
  border-bottom: 1px solid #2a71b9;
}
.sponsor_00 img { width:90%; margin: 30px 0; }
.sponsor_01,.sponsor_02,.sponsor_03,.sponsor_04,.sponsor_05,.sponsor_06 { display: flex; flex-wrap: wrap; }
.sponsor_01 div,.sponsor_02 div,.sponsor_03 div,.sponsor_04 div,.sponsor_05 div,.sponsor_06 div { display: inline-block; padding: 10px 0 20px;}
.sponsor_01 a,.sponsor_02 a,.sponsor_03 a,.sponsor_04 a,.sponsor_05 a,.sponsor_06 a { display: inline-flex; width:100%; justify-content: center; flex-direction: column; align-items: center; vertical-align: middle; }
.sponsor_01 div { width:45%; } .sponsor_01 img { width:auto; max-width:99%; max-height: 120px; }
.sponsor_02 div { width:31%; } .sponsor_02 img { width:auto; max-width:80%; max-height: 99px;  }
.sponsor_03 div { width:23%; } .sponsor_03 img { width:auto; max-width:90%; max-height: 60px; }
.sponsor_04 div { width:33%; font-size:1.45rem; padding:10px 10px 20px; }
.sponsor_05 div { width:24%; font-size:1.3rem; padding:10px 10px 20px; }
.sponsor_06 div { width:22%; font-size:1.0rem; padding:10px 10px 20px; }

.sponsor_01 .txt-only { border:0px solid #CE7F02; width:90%; padding:20px 20px; font-size:2.5rem; font-weight:bold; color:#333; }
.sponsor_02 .txt-only { border:0px solid #CE7F02; width:80%; padding:10px 10px; font-weight:bold; color:#333; }
.sponsor_03 .txt-only { border:0px solid #CE7F02; width:70%; padding:5px 5px; font-weight:bold; color:#333; }
@media screen and (max-width: 880px) {
  .sponsor_01 .txt-only { border:0px solid #CE7F02; width:90%; padding:20px 0px; font-size:1.45rem; font-weight:bold; color:#333; text-align: center; }
  .sponsor_02 .txt-only { border:0px solid #CE7F02; width:90%; padding:10px 0px; font-size:1.2rem; font-weight:bold; color:#333; text-align: center; }
  .sponsor_02 img { width:auto; max-width:100%; max-height: 80px;  }
  .sponsor_03 div { width:31%; }
  .sponsor_03 img { width:auto; max-width:111%; max-height: 60px; }
  .sponsor_03 .txt-only { border:0px solid #CE7F02; width:70%; padding:5px 0px; font-weight:bold; color:#333; text-align: center; }
}


.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: inline-table;
  /*overflow: hidden;*/
}
/* mac \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* macend */

.spt_address { padding: 20px 0; }
iframe { max-width: 100%; }

@media screen and (min-width: 690px) { .pc { display: block; } .sp { display: none; }}
@media screen and (max-width: 880px) { .spt_img img { max-width: 350px; }}
@media screen and (max-width: 834px) { .rivets_lp_btnMenu.sp { display: block; } }
@media screen and (max-width: 820px) { .spt_img img { max-width: 300px; }}
@media screen and (max-width: 750px) { .spt_img img { max-width: 240px; }}
@media screen and (max-width: 690px) { .pc { display: none; } .sp { display: block; text-align: center; } img{max-width:100%;} .main-image{height:auto;} .spt_img,.spt_txt{float:none;} .spt_img img{max-width: 100%;} iframe{height: 400px;}}
.spt_contact { font-size: 1.6rem; }