@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

*, :after, :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  color: #666;
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5em;
  margin: 0 auto;
  overflow-wrap: break-word;
  padding: 0;
  text-align: center;
  background-image: url(../img/bg_pattern.png)
}

@media (min-width:960px) {
  body {
    font-size: 18px
  }
}

a {
  text-decoration: none
}

img {
  width: 100%
}
.pc{display:none;}

.section_inner {
  margin: 0 auto;
  padding: 10px 4%;
  width: 100%;
  color: #004ea2;
}

.section_title {
  font-weight: 700;
  margin-bottom: 8px
}

h1 {
  font-size: 2em;
  font-weight: 900;
  margin-bottom: 1em;
}

h2 {
  font-size: 1.5em;
  font-weight: 900;
  margin-bottom: 0.6em;
}

@media (min-width:960px) {
	.pc{display:block;}
  .section_inner {
    padding: 40px 0 0;
    width: 1000px
  }
  .section_inner:last-child {
    padding-bottom: 30px
  }
}

.section_txt-lead {
	margin-bottom: 15px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:960px) {
  .section_txt-lead {
    margin-bottom: 30px
  }
}

.section_inner-intro {
  padding: 30px 0
}
.section-intro-attention {
	border:1px solid #ddd;
	padding:10px;
	font-size:0.9rem;
	width:95%;
	margin:20px auto 0 auto;
}
.section-intro-attention p{
	text-align:left;
}

@media (min-width:960px) {
  .section_inner-intro {
    padding: 60px 0;
    width: 1000px
  }
}
.main_list {
  left: 0;
  position: absolute;
  right: 0;
  top: 330px;
  z-index: 2
}

@media (min-width:960px) {
  .main_list {
    margin-bottom: 10px;
    position: static;
    text-align: left
  }
  .main_list .main_item {
    display: inline-block;
    vertical-align: middle
  }
}

@media (min-width:601px) and (max-width:959px) {
  .main_list {
    top: 600px
  }
}


.info_list_release:first-child, .section_inner-pr {
  padding-top: 95px
}

@media (min-width:601px) and (max-width:959px) {
  .download_btn_list-main {
    top: 640px
  }
  .info_list_release:first-child {
    padding-top: 10px
  }
}

@media (max-width:601px) { 
  .info_list_release:first-child {
    padding-top: 10px
  }
}

.intro_list {
  padding-left: 4%
}

@media (min-width:960px) {
  .info_list_release:first-child {
    margin-bottom: 30px;
    padding-top: 0
  }
  .info_item {
    display: inline-block;
    margin-right: 30px;
    vertical-align: top;
	width:70%;
  }
  .info_item:last-child {
    margin-right: 0
  }
  .twitter_list {
    font-size: 0;
    text-align: left
  }
  .twitter_list .twitter_item {
    display: inline-block;
    vertical-align: middle
  }
  .intro_list {
    padding-left: 0
  }
  .intro_item {
    margin: 0 10px
  }
}

.intro_item {
  margin: 0 10px
}

.member_container {
	margin: 0 auto;
}

.ranking-item {
  display: flex;
	width: 100%;
  height: 60px;
	margin-bottom:16px;
}
.ranking-item:last-child{
	margin-bottom:0px;
}
.ranking-item >div:nth-child(2){
  padding: 10px;
	font-size: 1.2rem;
	font-weight: 900;
	justify-content: center;
    align-items: center;
    display: flex;
	width:45%;
  background-color: #004ea2;
	color: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.unit-trip {
  background-color: #fa8d9e !important;
}

.unit-performance {
  background-color: #b590c5 !important;
}

.unit-shikoku {
  background-color: #90d0c6 !important;
}

.unit-mc {
  background-color: #8cb7c9 !important;
}

.ranking-item-name {
	font-size:1rem;
	font-weight:900;
	text-align:left;
}

.ranking-item-rank {
  width:10%;
  font-size:1.4rem;
  font-weight: 900;
}

.ranking-number-1, .ranking-number-2, .ranking-number-3 {
  height: 100%;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}

.ranking-number-1 {
  background-image: url(../img/ranking1.png);
}

.ranking-number-2 {
  background-image: url(../img/ranking2.png);
}

.ranking-number-3 {
  background-image: url(../img/ranking3.png);
}

.ranking-number-4 {
  height: 100%;
  margin-top: 14px;
  font-size: 18px;
}

.rainking-item-point {
	padding: 10px;
  width:45%;
  background-color: #fff !important;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.point-detail {
  margin: 6px;
	background-color:#004ea2;
	color:#fff;
	border-radius:20px;
  font-size: .4rem;
  font-weight: 700;
}

.unit-point {
	padding: 6px;
  font-size: 1.2rem;
  font-weight: 700;
}

.copyright {
  padding-bottom: 0
}

.section_title {
  padding: 8px;
  background-color: #fff;
  color: #004ea2;
  font-size: 20px;
  line-height:1.4;
  border: 2px solid #004ea2;
  border-radius: 8px;
}

.section_title + p {
  font-size: .75rem;
  margin-bottom: 3em;
}

.yellow_star {
 color: #ffb900;
}

.section_subtitle {
  color: #fff;
  font-size: 21px;
  line-height:1.5;
  background-color: #004ea2;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: bold;
}

.refresh_guide {
	color: #fff;
 	font-size: 16px;
}

.event_period {
	margin-top: 16px;
	margin-bottom: 16px;
	text-align: left;
}

@media (min-width:960px) {
  .copyright {
    padding-bottom: 30px
  }
  .section_title {
    font-size: 24px
  }
  .section_subtitle {
    font-size: 30px
  }
}

.main_txt-name {
  color: #333;
  font-size: 25px;
  margin-top:80px;
  text-align: center;
  line-height:1.5;
  font-weight:900;
}

@media (min-width:960px) {
  .main_txt-name {
    font-size: 37px;
	margin-top:0px;
	color: #fff;
	margin-left: 80px;
  }
}
.intro_img {
  height: 374px;
  width: 210px
}

.copyright {
  font-family:'Times New Roman', 'Times';
}

.section_inner-pr, .slick-arrow, .slick-dots li button {
  font-size: 0
}

.section-info, .section-member {
  background-image: url(../img/bg_pattern.png);
}

.section-footer {
  background-color: #e1f3ff
}

.section-main {
  background: url(../img/main_sp.png) center center no-repeat white;
  background-size: cover;
  height: 255px
}

.guide {
	text-align: left;
}

.guide_title {
	text-align: center;
}

.subsection_guide {
  margin: 0 auto;
  padding: 30px 1%;
  color: #004ea2;
}

.sub_title {
  font-weight: 700;
}

.detail_text {
  font-size: .84em;
}

.page_footer {
  padding: 20px;
  font-size: .8rem;
  background-color: #004ea2;
  color: #fff;
}
@media (min-width:601px) and (max-width:959px) {
  .section-main {
    background: url(../img/main_tab.png) center center no-repeat;
    background-size: cover;
    height: 340px;
  }
  .ranking-item-name {
	font-size:1.5rem;
	}
	.ranking-item .rainking-item-detail{
		font-size:0.9rem;
	}
}

@media (min-width:960px) {
  .section-main {
    background: url(../img/main_pc.png) center center no-repeat;
    background-size: cover;
    height: 450px
  }
  .ranking-item-name {
	font-size:1.5rem;
	}
	.ranking-item .rainking-item-detail{
		font-size:0.9rem;
	}
}

@media (min-width:1500px) {
  .section-main {
    background: url(../img/main_pc.png) center center no-repeat;
    background-size: cover;
    height: 640px
  }
}

@media (min-width:601px) and (max-width:959px) {
  .section_inner-pr {
    padding-top: 262.5px
  }
}

@media (min-width:960px) {
  .section_inner-pr {
    margin-bottom: 30px;
    padding-top: 60px
  }
}

@media screen and (max-width: 480px) {
  h2 {
    font-size: 1.4em;
  }
  .ranking-number-1, .ranking-number-2, .ranking-number-3 {
    background-size: 36px;
  }
  .ranking-number-4 {
    margin-top: 20px;
    font-size: 16px;
  }
  .ranking-item-rank {
    width: 15%;
  }
  .ranking-item >div:nth-child(2) {
    width: 35%;
    font-size: .85rem;
  }
  .rainking-item-point {
    width: 50%;
  }
  .unit-point {
    font-size: 1rem;
    padding: 10px 0;
  }
}