@charset "UTF-8";
/* ---------------------------------
 mixin
--------------------------------- */
/*notLink*/
/*clearfix*/
/*baseWidth*/
/*alt*/
/*flex*/
#newsList h3 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  height: 30px;
  margin-top: 30px;
  margin-bottom: 25px;
  background: url(../images/news/h3_newsarticle.png) no-repeat 1% 0; }
#newsList .list_inner ul li:nth-child(even) {
  background: #fbf0f4; }
#newsList .list_inner ul li a {
  width: 100%;
  padding: 2.5% 3.5%;
  text-decoration: none;
  font-size: 1.6rem;
  color: #e4548d;
  display: table; }
  #newsList .list_inner ul li a span {
    display: table-cell; }
    #newsList .list_inner ul li a span:first-child {
      width: 11%;
      padding-right: 2%;
      font-weight: bold;
      color: #000;
      white-space: nowrap; }

#newsArticle h3 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  height: 30px;
  margin-top: 30px;
  margin-bottom: 25px;
  background: url(../images/news/h3_newsarticle.png) no-repeat 1% 0; }
#newsArticle .article_inner {
  padding: 3.5%; }
  #newsArticle .article_inner_header {
    padding-bottom: 1%;
    border-bottom: #fbf0f4 5px solid; }
    #newsArticle .article_inner_header h4 {
      font-size: 2rem;
      color: #e4548d;
      line-height: 1.5; }
      #newsArticle .article_inner_header h4 a {
        color: #e4548d; }
    #newsArticle .article_inner_header .date {
      padding-top: 0.5%;
      font-size: 1.8rem;
      font-weight: bold; }
  #newsArticle .article_inner_body {
    padding: 4% 0; }
    #newsArticle .article_inner_body img {
      max-width: 100%;
      height: auto; }
    #newsArticle .article_inner_body table td:nth-child(4n) {
      padding-right: 0; }
    #newsArticle .article_inner_body table td a {
      display: block;
      cursor: pointer !important;
      outline: none; }
    #newsArticle .article_inner_body p {
      width: 100%;
      padding: 0 0 1%; }
      #newsArticle .article_inner_body p a {
        color: #0dbbe6; }
  #newsArticle .article_inner_footer .back a {
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    padding-top: 33px;
    background: url(../images/news/btn_newsarticle.png) no-repeat center top;
    background-size: contain;
    display: block; }

/* ---------------------------------
 SP用
--------------------------------- */
@media screen and (max-width: 992px) {
  #newsList h3 {
    height: 0;
    margin-top: 1.5%;
    margin-bottom: 4%;
    padding-top: 4.61538%;
    background-position: 2% 0;
    background-size: contain; }
  #newsList .list_inner ul li a {
    padding: 3% 4%;
    display: block;
    font-size: 3vw; }
    #newsList .list_inner ul li a span {
      display: block; }
      #newsList .list_inner ul li a span:first-child {
        width: 100%;
        padding-right: 0;
        display: block; }

  #newsArticle h3 {
    height: 0;
    margin-top: 1.5%;
    margin-bottom: 4%;
    padding-top: 4.61538%;
    background-position: 2% 0;
    background-size: contain; }
  #newsArticle .article_inner {
    padding: 4.5%; }
    #newsArticle .article_inner_header h4 {
      font-size: 3.5vw; }
      #newsArticle .article_inner_header h4 a {
        color: #e4548d; }
    #newsArticle .article_inner_header .date {
      font-size: 3.2vw; }
      #newsArticle .article_inner_footer .back{
        max-width: 130px;
        margin: 0 auto;
      }
    #newsArticle .article_inner_footer .back a {
      padding-top: calc((152 / 600) * 100%); } }
/* ---------------------------------
 tablet用(SP設定を上書き）
--------------------------------- */
/* ---------------------------------
 PC用
--------------------------------- */


/* ---------------------------------
 個別記事CSS
--------------------------------- */

.article-01 .prize h4{
  text-align: center;
  margin-bottom: 10px;
  color: #ec91b6;
  font-size: 2.4rem;
}

.article-01 .prize table{
  width: 100%;
  border-collapse: collapse;
}
.article-01 .prize table td{
  border: #fff 2px solid;
  padding: 10px;
  font-size: 1.7rem;
  vertical-align: middle;  
}
.article-01 .prize table tr.head td{
  background: #ec91b6;
  color: #fff;
}
.article-01 .prize table tr{
  background: #fff8fb;
}
.article-01 .prize table tr:nth-of-type(odd){
  background: #fff0f6;
}
.article-01 .prize table td:nth-of-type(1){
  width: 20%;
}
.article-01 .prize table td:nth-of-type(2){
  width: 40%;
}
.article-01 .prize table td:nth-of-type(3){
  width: 40%;
}

.article-01 .photo {
  margin-top: 20px;
  padding-bottom: 20px;
}
.article-01 .photo table td{
  width: 25%;
  padding: 5px;
  text-align: center;
  vertical-align: top;
}
.article-01 .photo table td img{
  width: 100%;
  height: auto;
  margin-bottom: 3px;
}

.article-01 .special h4{
  text-align: center;
  margin-bottom: 10px;
  color: #33b179;
  font-size: 2.4rem;
}

.article-01 .special{
  margin-top: 40px;
}
.article-01 .special table{
  width: 100%;
  border-collapse: collapse;
}
.article-01 .special table td{
  border: #fff 2px solid;
  padding: 10px;
  font-size: 1.7rem;
  vertical-align: middle;  
}
.article-01 .special table tr.head td{
  background: #33b179 ;
  color: #fff;
}
.article-01 .special table tr{
  background: #e6fff4;
}
.article-01 .special table tr:nth-of-type(odd){
  background: #f0fff8;
}
.article-01 .special table td:nth-of-type(1){
  width: 20%;
}
.article-01 .special table td:nth-of-type(2){
  width: 40%;
}
.article-01 .special table td:nth-of-type(3){
  width: 40%;
}
@media screen and (max-width: 992px) {
  .article-01 .prize h4{
      font-size: 2rem;
  }
  .article-01 .special h4{
      font-size: 2rem;
  }
  .article-01 .photo table td{
      width: 50%;
      display: inline-block;
      box-sizing: border-box;
      font-size: 1.4rem;
  }
  .article-01 .prize table td{
    font-size: 1.6rem;
  }
  .article-01 .special table td{
    font-size: 1.6rem;
  }
  .article-01 .special table td:nth-of-type(1){
      width: 30%;
  }
  .article-01 .special table td:nth-of-type(2){
      width: 35%;
  }
  .article-01 .special table td:nth-of-type(3){
      width: 35%;
  }
}