#top_tokusyu { padding:0 10px; display:flex; justify-content: space-between; flex-wrap:wrap; }
#top_tokusyu li { list-style:none;  width:45%; margin-bottom:10px; }
#top_tokusyu li:nth-child(3) { margin-left:10px; }
#top_tokusyu li:nth-child(2n) {  }

#top_tokusyu h3 { font-size:0.9em; margin:10px 0; border-left:5px solid #999; padding-left:5px; }
#top_tokusyu p { font-size:85.71429%; color:#666; line-height:1.2rem; }
.goto { margin-top:5px; }

#top_group ul { margin: 0; padding: 0; list-style-type: none; }  
#top_group li { padding: 0 20px 10px 20px; } 
#top_group li:last-child { padding-bottom: 20px; }  

.banner-list{
  padding: 20px 0 0 0 !important;
  text-align: center;
}


.rank_crown {
    display: block;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 5;
    margin: 13px 0 0 13px;
}

.icon01 {
  background: #aebbd1;
}
.icon02 {
  background: #9abeae;
}
.icon03 {
  background: #dcc497;
}
.icon04 {
  background: #bda09b;
}
.icon05 {
  background: #c3b49d;
}
.icon06 {
  background: #b1a8bd;
}
.icon07 {
  background: #d1bdca;
}
.mobile {
  display: none;
}
@media screen and (max-width: 680px) {
  .pc {
    display: none;
  }
  .mobile {
    display: block;
  }
}
.top-wrapper {
  display: flex;
  margin: 30px 0;
}
.top-wrapper button {
  width: 80px;
  height: 40px;
  margin: 7px 20px;
}
.top-wrapper a,
.top-wrapper a:visited {
  text-decoration: none;
}

.schedule-wrapper{
  padding:15px;
}
.schedule-wrapper .schedule-top .schedule-title {
  margin: 15px 0;
}
.schedule-wrapper .schedule-top .kotabi-title {
  line-height: 20px;
  margin: 15px 0;
  color: #f00;
  font-weight: bold;
  font-size: 14px;
}
.schedule-wrapper .schedule-top .remarks {
  display: flex;
  margin: 15px 0;
}
.schedule-wrapper .schedule-top .remarks .remark {
  margin: 2px 0 0 0;
}
.schedule-wrapper .schedule-container {
  height: 400px;
  overflow-y: scroll;
}
.schedule-wrapper .schedule-container .schedule-content {
  display: flex;
  margin: 0 0 30px 0;
}
.schedule-wrapper .schedule-container .schedule-content .left-content {
  width: 25%
  margin: 15px 10px 0 0;
  padding: 0 10px 0 0;
}
.schedule-wrapper .schedule-container .schedule-content .left-content .area-icon {
  letter-spacing: 3px;
  padding: 7px 20px;
  color: white;
}
.schedule-wrapper .schedule-container .schedule-content .right-content {
  width: 75%;
  margin: 0;
}
.schedule-wrapper .schedule-container .kotabi-content {
  margin: 0 0 20px 0;
}
.schedule-wrapper .schedule-container .schedule-date,
.schedule-wrapper .schedule-container .kotabi-date {
  color: #f63;
  font-weight: bold;
}
.schedule-wrapper .schedule-container .schedule-place,
.schedule-wrapper .schedule-container .kotabi-place {
  font-weight: bold;
}
.schedule-wrapper .attr {
  margin: 10px auto 0 auto;
}

@media screen and (max-width:680px) {
  .schedule-wrapper .attr {
    margin: 3px auto 0 auto;
  }
}
.schedule-wrapper .attr-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background: #f1c224;
  color: #fff;
  font-size: 0.6rem;
}
.schedule-wrapper .pink {
  background: #e4b3bb;
}
.schedule-wrapper .blue {
  background: #485b8f;
}
.schedule-wrapper .green {
  background: #90e776;
}

  .info-container{
    flex-direction: column;
    padding: 0 0 20px 0; 
  }

  .info-container a {
    display: flex;
    justfy-content: center;
  }

  .info-container img {
    width: 100%;
    vertical-align: top;
  }

  .info{
    flex-direction: column;
  }

  .info-left , .info-right{
    width: 100% !important;
  }

.info-update{
  padding: 0 0 15px 0;
}

.info-update p {
  font-size:0.85em;
}

.info-update p b::before{
  content:"¢¡";
  color:rgb(131, 16, 0);
  font-size:1em;
}

.info-update p:nth-child(2) b::before{
  color: rgb(141, 134, 0);
}

.info-update .bigger{
  font-size:1em;
}

.info-update .normal{
  font-size:0.85em;
}


.info-update p:nth-child(1) {
  margin:0 0 15px 0;
}

#box_recommend{
  margin-bottom:0 !important;
}

.event-wrapper {
  font-size: 0.9em;
}

.event-wrapper .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.event-wrapper .container .inner {
  display: flex;
  align-items: center;
  margin: 0;
}

.event-wrapper .container .inner .title {
  margin: 0 !important;
  font-weight: bold;
  font-size: 1rem;
}

.event-wrapper .container .inner .title::before {
  content: "¢¡";
  margin: 0 5px 0 0;
  color: rgb(131, 16, 0);
  font-size: 1.1em;
}

.event-wrapper .container:nth-of-type(2) .inner .title::before {
  color: rgb(141, 134, 0);
}

.event-wrapper .container .inner a {
  text-decoration: none;
}

.event-wrapper .container .inner img {
  width: 100px;
  margin: 10px 10px 10px 0;
}

  #news-list {
 	margin: 25px 0 0 0;
  }

  #news-list .news-title {
  margin:0 0 15px 0;
    font-size: 13px;
  }

  #news-list .icon {
  color: #333;
  font-weight: bold; 
  }

  #news-list .small{
  margin:0 0 0 10px;
  color: #333;
  font-size:0.85em;
  }