@charset "UTF-8";

/*
**************************************************************************
*	toto worldcup style.css
**************************************************************************/

/* Reset - reset YUI
   ----------------------------------------------------------------- */
/**
YUI 3.10.0 (build a03ce0e)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/** cssreset */
html {
  color: #000;
  background: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
input,
textarea,
select {
  font-size: 100%;
}
legend {
  color: #000;
}

/* Base
   ----------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}
html {
  font-family: -apple-system, blinkMacSystemFont, "ヒラギノ角ゴ Pro W3",
    Hiragino Kaku Gothic Pro W3, "メイリオ", Meiryo, sans-serif;
  font-size: 62.5%;
  line-height: 1.6;
  color: #000000;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  overflow-y: scroll;
}
body {
  position: relative;
  font-size: 1.2rem;
}
a {
  outline: none;
  color: #000000;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
  vertical-align: bottom;
  width: 100%;
}

/* main
   ----------------------------------------------------------------- */
.hd {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 5rem;
  display: flex;
  align-items: center;
}
.fixNav__rlist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fixNav__rlist li {
  width: 48%;
}
.fixNav__rlist li:last-child {
  width: 100%;
}
.main__content {
  padding-top: 5rem;
}
@media (min-width: 768px) {
  .hd__logoarea {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    width: 100%;
    height: 5rem;
    padding: 0 2rem;
    background: #ffd800;
  }
  .site__logo {
    width: 9.9rem;
  }
  .l__main {
    display: grid;
    grid-template-areas: "l-side content r-side";
    grid-template-columns: auto 100% auto;
  }
  .main__content {
    grid-area: content;
    width: 100%;
    max-width: 375px;
    margin: 0 auto;
    background: #fff;
  }
  .fixNav__l,
  .fixNav__r {
    max-width: 30.7rem;
    margin: 0 auto;
  }
  .fixNav__llist,
  .fixNav__rlist {
    margin-top: 2.5rem;
  }
  .fixNav__litem + .fixNav__litem {
    margin-top: 1rem;
  }
  .fixNav__lanc {
    display: block;
  }
  .fixNav__rlist li:nth-child(n + 3) {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .page__side__left,
  .page__side__right {
    width: calc(50% - 187.5px);
    height: calc(100vh - 5rem);
    position: fixed;
    top: 5rem;
    display: flex;
    justify-content: center;
    padding: 5rem 3rem 0;
    box-sizing: border-box;
  }
  .page__side__left {
    grid-area: l-side;
    left: 0;
    background: url(/system/files/landing/toto/assets_20250724/images/site_bg.png)
        center/contain,
      url(/system/files/landing/toto/assets_20250724/images/site_bg2.png)
        left/contain no-repeat,
      linear-gradient(#ffd800, #ff9b26);
  }
  .page__side__right {
    grid-area: r-side;
    right: 0;
    background: url(/system/files/landing/toto/assets_20250724/images/site_bg.png)
        center/contain,
      url(/system/files/landing/toto/assets_20250724/images/site_bg2.png)
        right/contain no-repeat,
      linear-gradient(#ffd800, #ff9b26);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hd__logoarea {
    padding: 0 5rem;
  }
  .main__content {
    margin-left: 5rem;
    position: relative;
    z-index: 999;
  }
  .ham__content {
    grid-area: r-side;
    right: 0;
    width: calc(100% - 425px);
    height: calc(100vh - 5rem);
    position: fixed;
    z-index: -1;
    top: 5rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1rem 3rem 0;
    box-sizing: border-box;
    background: url(/system/files/landing/toto/assets_20250724/images/site_bg.png)
        center/contain,
      url(/system/files/landing/toto/assets_20250724/images/site_bg2.png)
        center/contain no-repeat,
      linear-gradient(#ffd800, #ff9b26);
  }
  .ham__content::before {
    content: "";
    width: 50px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(/system/files/landing/toto/assets_20250724/images/site_bg.png)
        center/contain,
      linear-gradient(#ffd800, #ff9b26);
  }
  .page__side__left,
  .page__side__right {
    max-width: 230px;
  }
  .fixNav__r {
    margin-top: 1.5rem;
  }
  .fixNav__llist,
  .fixNav__rlist {
    margin-top: 1rem;
  }
  .fixNav__litem + .fixNav__litem {
    margin-top: 0.5rem;
  }
  .fixNav__rlist li:nth-child(n + 3) {
    margin-top: 0.5rem;
  }
}
@media (max-width: 767px) {
  .hd {
    padding: 0 0 0 1.5rem;
    background: #ffd800;
  }
  .site__logo {
    width: 8rem;
  }
  .fixNav__litem + .fixNav__litem {
    margin-top: 0.8rem;
  }
  .fixNav__r {
    margin-top: 3rem;
  }
  .fixNav__llist,
  .fixNav__rlist {
    margin-top: 2rem;
  }
  .fixNav__rlist li:nth-child(n + 3) {
    margin-top: 1rem;
  }
  .ham__content {
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 5;
    width: 92%;
    height: 100vh;
    background: #ffd800;
    padding: 6rem 10%;
    box-sizing: border-box;
    transition: all 0.3s;
  }
  .is-active .ham__content {
    overflow: scroll;
    right: 0;
  }
  .ham {
    position: absolute;
    top: 0;
    right: 1.5rem;
    width: 5rem;
    height: 5rem;
    z-index: 1000;
  }
  .ham__list {
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    width: 5rem;
    height: 5rem;
  }
  .ham__list::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
  }
  .is-active .ham__list::before {
    opacity: 0;
  }
  .ham__item {
    position: absolute;
    height: 2px;
    background: #000;
    transition: all 0.35s ease;
    left: 1rem;
    width: 3rem;
  }
  .ham__item:nth-child(1) {
    top: 1.8rem;
  }
  .ham__item:nth-child(2) {
    top: 2.5rem;
  }
  .ham__item:nth-child(3) {
    top: 3.2rem;
  }
  .is-active .ham__item {
    top: 2.5rem;
  }
  .is-active .ham__item:nth-child(1) {
    transform: rotate(225deg);
  }
  .is-active .ham__item:nth-child(2) {
    opacity: 0;
  }
  .is-active .ham__item:nth-child(3) {
    transform: rotate(-225deg);
  }
  .overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
  }
  .is-active .overlay {
    z-index: 2;
    opacity: 1;
    visibility: visible;
  }
}

/* module Parts
   ----------------------------------------------------------------- */
.m-box_inr {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}
.m-bg_color {
  background-color: #ffd800;
}
.m-section {
  padding-top: 35px;
  padding-bottom: 10px;
}
.m-sec_title {
  text-align: center;
  margin-bottom: 20px;
}
.m-center {
  text-align: center;
}
.m-box_inr {
  width: 92%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .m-over img {
    transition: transform 0.1s ease;
  }
  .m-over:hover img {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  .m-sp {
    display: none;
  }
  .sp-only {
    display: none;
  }
}
@media (max-width: 767px) {
  .m-pc {
    display: none;
  }
  .m-tab {
    display: none;
  }
  .m-sp {
    display: block;
  }
  .pc-only {
    display: none;
  }
}

/* visual
	 ----------------------------------------------------------------- */
.visual-btn_wrap {
  position: absolute;
  top: 67.81132%;
  position: static;
  display: block;
  transform: translateX(0);
  left: 50%;
  width: 100%;
  margin: 8% auto 0;
}
.visual-button {
  display: block;
  width: 91.6%;
  margin: 0 auto;
}
.visual-button + .visual-button {
  margin-top: 16px;
}
.visual-default {
  animation: fadeIn 2s cubic-bezier(1, 0, 0.2, 0.8) 0s 1 normal;
  -webkit-animation: fadeIn 2s cubic-bezier(1, 0, 0.2, 0.8) 0s 1 normal;
  display: block !important;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.visual-default .visual-title {
  margin: 0 0;
}
.visual-txt {
  position: relative;
}
.visual-txt .carryover-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}
@media (min-width: 768px) {
  .visual-button.m-pc {
    display: block;
  }
  .visual-button.m-sp,
  .visual-button.m-tab {
    display: none;
  }
}
@media (max-width: 767px) {
  .visual-button.m-pc {
    display: none;
  }
  .visual-button.m-sp,
  .visual-button.m-tab {
    display: block;
  }
}

/* ancNav
   ----------------------------------------------------------------- */
.ancNav {
  padding-top: 30px;
}
.ancNav__list {
  display: flex;
  justify-content: space-between;
}
.ancNav__item {
  width: 31.9%;
}
.ancNav__anc {
  display: block;
}
/* carryover
   ----------------------------------------------------------------- */
.visaul-carryover {
  margin-bottom: 8%;
  display: none;
}
.carryover-box {
  position: relative;
  z-index: 1;
  height: 0;
  padding-bottom: 12.8%;
  background-image: url(/system/files/landing/toto/assets_20250724/images/carryover_01.png);
  background-size: 100% 100%;
}
.carryover-num {
  position: absolute;
  background-size: 100% 1000%;
  background-image: url(/system/files/landing/toto/assets_20250724/images/carryover_02.png);
  bottom: 7.14286%;
  padding-top: 11.35303%;
  width: 7.77605%;
}
.carryover-num.num00 {
  display: none;
}
.carryover-num.num01 {
  left: 0.7776049766718507%;
}
.carryover-num.num02 {
  left: 17.57387247278383%;
}
.carryover-num.num03 {
  left: 25.97200622083981%;
}
.carryover-num.num04 {
  left: 34.68118195956454%;
}
.carryover-num.num05 {
  left: 43.2348367029549%;
}
.carryover-num.num06 {
  left: 59.40902021772939%;
}
.carryover-num.num07 {
  left: 67.80715396578538%;
}
.carryover-num.num08 {
  left: 76.51632970451011%;
}
.carryover-num.num09 {
  left: 85.06998444790047%;
}
.carryover-button {
  position: absolute;
  top: 84.5%;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 71%;
  display: block;
}
.carryoverBtn-image {
  position: absolute;
  display: block;
  bottom: 13.16216%;
  transform: scale(1) !important;
}
.carryoverBtn-image.img01 {
  left: -2.35906%;
  width: 24.11576%;
  pointer-events: none;
}

/* carryover
   ----------------------------------------------------------------- */
.carryover .m-sec_title {
  margin-bottom: 6%;
}
.carryover-txt {
  position: relative;
  text-align: center;
}
.carryover-txt .carryover-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}

/* news
   ----------------------------------------------------------------- */
/* .news {
	font-weight: bold;
	line-height: 1.5;
	color: #ffffff;
	background-color: #000000;
}
.news-text {
	padding: 15px 0 17px;
}
.news-text img {
	width: 100%;
} */

/* basicinfo
   ----------------------------------------------------------------- */
.basicinfo.non-news {
  padding-top: 15px;
}
.basicinfoBox-title {
  margin-bottom: 15px;
}
.basicinfoBox-lead {
  margin-bottom: 15px;
}
.basicinfo-player {
  border: 4px solid #000000;
  border-width: 2px;
  border-radius: 6px 6px;
  padding: 2px 2px;
  box-shadow: 0 2px 0 #000000;
}
.basicinfo-player .toggle-button {
  position: relative;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  color: #000000;
  background-color: #ffffff;
  padding: 13px 40px 9px 15px;
}
.basicinfo-player .toggle-button:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 20px;
  border-top: 12px solid #000000;
  border-right: 8px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 8px solid transparent;
}
.basicinfo-player .toggle-button.active {
  color: #ffffff;
  background-color: #000000;
}
.basicinfo-player .toggle-button.active:after {
  transform: rotate(180deg);
  top: calc(50% - 17px);
  border-top-color: #ffffff;
}
.basicinfo-player .toggle-box {
  display: none;
}
.basicinfoPlayer-list {
  display: block;
  background-color: #ffffff;
  padding: 15px 15px;
}
.basicinfoPlayer-list li {
  width: 100%;
  background-color: #f3f3f3;
  margin: 0 0 15px;
}
.basicinfoPlayer-list .name {
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 8px 15px 5px;
  background-color: #000000;
}
.basicinfoPlayer-list dl {
  padding: 8px 15px;
  font-size: 1.1rem;
}
.basicinfoPlayer-list dt {
  float: left;
  font-weight: bold;
  padding: 4px 0;
}
.basicinfoPlayer-list dd {
  margin-left: 110px;
  padding: 4px 0;
}

/* champion
   ----------------------------------------------------------------- */
.champion {
  padding-bottom: 0;
}

/* team
	 ----------------------------------------------------------------- */
.team.m-section {
  padding-top: 20px;
}
.team-box + .team-box {
  margin-top: 30px;
}
.league-league {
  border-radius: 10px 10px;
  padding: 4px 4px;
}
.league-league .title-toggle-button {
  position: relative;
  display: block;
  font-size: 2.4rem;
  font-weight: bold;
}
.league-league .title-toggle-button:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5%;
  width: 3%;
  height: 100%;
  background-image: url(/system/files/landing/toto/assets_20250724/images/league-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-50%);
}
.league-league .title-toggle-button.active:after {
  transform: rotate(180deg) translateY(50%);
  top: 50%;
  height: 100%;
  background-image: url(/system/files/landing/toto/assets_20250724/images/league-arrow.png);
  background-image: url(/system/files/landing/toto/assets_20250724/images/league-arrow.png);
  background-position: center center;
}
.league-league .title-toggle-box {
  display: none;
}
.team-team {
  border: 2px solid #000000;
  border-radius: 6px 6px;
  padding: 2px 2px;
  box-shadow: 0 2px 0 #000000;
}
.team-team .toggle-button {
  position: relative;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  color: #000000;
  background-color: #ffffff;
  padding: 13px 40px 9px 15px;
}
.team-team .toggle-button:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 20px;
  border-top: 12px solid #000000;
  border-right: 8px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 8px solid transparent;
}
.team-team .toggle-button.active {
  color: #ffffff;
  background-color: #000000;
}
.team-team .toggle-button.active:after {
  transform: rotate(180deg);
  top: calc(50% - 17px);
  border-top-color: #ffffff;
}
.team-team .toggle-box {
  display: none;
}
.teamTeam-inner {
  background-color: #ffffff;
  padding: 25px 12px;
}
.teamTeam-table {
  width: 100%;
  box-sizing: border-box;
  font-size: 1.1rem;
  border-bottom: 1px solid #000000;
  margin-top: 15px;
}
.teamTeam-table:first-child {
  margin-top: 0;
}
.teamTeam-table th {
  color: #ffffff;
  text-align: center;
  padding: 6px 15px;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background-color: #000000;
}
.teamTeam-table th.title {
  font-size: 1.2rem;
  font-weight: bold;
  border-bottom: 1px solid #ffffff;
}
.teamTeam-table td {
  text-align: center;
  padding: 9px 8px;
  box-sizing: border-box;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  width: 50%;
  line-height: 1.5;
}
.teamTeam-table tr td:first-child {
  width: 60%;
}
.teamTeam-table tr:nth-child(2n) {
  background-color: #f3f3f3;
}
.teamTeam-table-marker::after {
  content: "";
  background-color: #e31812;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 1px;
}
.teamTeam-table-japanese {
  display: block;
  font-size: 1rem;
  margin-top: 3px;
}
.teamTeam-table-note {
  text-align: right;
  font-size: 1.1rem;
  margin-top: 8px;
}
.teamTeam-table-note-marker {
  content: "";
  background-color: #e31812;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
  margin-left: 7px;
  position: relative;
  top: 0;
}
@media (max-width: 320px) {
  .league-league .title-toggle-button:after {
    top: 56%;
  }
  .league-league .title-toggle-button.active:after {
    top: 56%;
  }
}

/* oversea
   ----------------------------------------------------------------- */
.oversea {
  padding-bottom: 0;
}
.oversea .m-sec_title {
  width: 100%;
  margin: 0 auto 5.1%;
}
.oversea .buyway-list span {
  display: block;
  text-align: right;
  font-size: 1.1rem;
  margin-top: 10px;
}
.oversea .buyway-list li {
  position: relative;
}
.oversea .enjoy-btn_wrap {
  top: 27.43%;
  right: 0;
  width: 87.392%;
  left: 0;
  margin: 0 auto;
  transform: translateX(0);
}
.oversea .enjoy-btn01 + .enjoy-btn01 {
  margin-top: 3.5%;
}
.oversea .buyway-list .buyway-button02 {
  position: absolute;
  top: 55%;
  right: 4.3%;
  left: 6.3%;
  width: 87.5%;
}

/* lineup
   ----------------------------------------------------------------- */
.lineup {
  padding-bottom: 8.2%;
}
.lineup-list {
  display: block;
  margin-bottom: 10px;
}
.lineup-list li {
  margin-top: 13px;
}
.lineup-note {
  font-size: 0.9rem;
  margin-bottom: 20px;
}
.lineup-note li {
  display: block;
}

/* buyway
   ----------------------------------------------------------------- */
.buyway {
  padding-bottom: 8.2%;
}
.buyway .m-sec_title {
  margin-bottom: 5.5%;
}
.buyway-list.js-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.enjoy-btn_wrap {
  position: absolute;
  top: 54%;
  right: 50%;
  transform: translateX(50%);
  width: 87.5%;
  margin: 0 auto;
}
.enjoy-btn_wrap .enjoy-btn01 {
  display: block;
}
.enjoy-btn01 + .enjoy-btn01 {
  display: block;
  margin-top: 12px;
}
.buyway-item {
  margin-top: 6%;
}
.buyway-list.js-tabs li {
  cursor: pointer;
  position: relative;
}
.buyway-list.js-tabs li.current {
  z-index: 10;
}
.buyway-list_content {
  position: relative;
  overflow: hidden;
  margin-top: -2.793%;
  padding: 9% 0 7%;
  background: url(/system/files/landing/toto/assets_20250724/images/buyway_bg02.png)
    no-repeat top center / 100% auto;
}
.buyway-list_item {
  width: 87.682%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.buyway-list_content .slick-arrow {
  position: absolute;
  top: 50%;
  left: -5%;
  z-index: 2;
  width: 30px;
  height: 30px;
  background: url(/system/files/landing/toto/assets_20250724/images/icon_arrow_01.png)
    no-repeat center center / contain;
  border: none;
  text-indent: -999999px;
  outline: none;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.buyway-list_content .slick-arrow.slick-disabled {
  display: none !important;
}
.buyway-list_content .slick-arrow.slick-next {
  left: auto;
  background: url(/system/files/landing/toto/assets_20250724/images/icon_arrow_02.png)
    no-repeat center center / contain;
  right: -5%;
}
.buyway-list_content .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 10;
  margin-top: 6.2%;
  font-size: 0;
}
.buyway-list_content .slick-dots li {
  padding: 0 10px;
}
.buyway-list_content .slick-dots li button {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #9c9c9c;
  text-indent: -9999px;
  border: none;
  outline: none;
  cursor: pointer;
}
.buyway-list_content .slick-dots li.slick-active button {
  background: #000;
}
.buyway-list_content .slick-slide {
  outline: none;
}
@media (max-width: 767px) {
  .buyway-list_content .slick-arrow {
    width: 8vw;
    height: 8vw;
    left: -4vw;
  }
  .buyway-list_content .slick-arrow.slick-next {
    right: -4vw;
  }
  .buyway-list_content .slick-dots li button {
    width: 2.8vw;
    height: 2.8vw;
  }
  .buyway-list_content .slick-dots li {
    padding: 0 4%;
  }
}

/* m-buy
   ----------------------------------------------------------------- */
.m-buy {
  padding-top: 20px;
  padding-bottom: 20px;
}
.m-buy-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.m-buy-list li {
  width: 48.87005%;
  margin-bottom: 7px;
}
.m-buy-list li:last-child {
  width: 100%;
}

/* aim
   ----------------------------------------------------------------- */
/* .aim-btn {
	width: 92%;
	margin: 30px auto 30px;
} */

/* place
   ----------------------------------------------------------------- */
.place-list {
  display: block;
}
.place-list li {
  position: relative;
}
.place-list > li {
  margin-top: 25px;
}
.place-list > li:first-child {
  margin-top: 0;
}
.place-button01,
.place-button02 {
  position: absolute;
  left: 6.35593%;
  width: 87.0057%;
}
.place-button01 {
  top: 72.13439%;
}
.place-button02 {
  top: 55.52632%;
}
.placeLink-list {
  position: absolute;
  top: 52.48227%;
  left: 5.437855%;
  width: 89.12429%;
  display: flex;
  flex-wrap: wrap;
}
.placeLink-list li {
  width: 33.333333%;
  padding: 0 1.18859% 1.73211%;
  box-sizing: border-box;
}
.placeLink-list li:first-child {
  width: 100%;
}

/* confirm
   ----------------------------------------------------------------- */
.confirm {
  padding-bottom: 0;
}
.confirm_wrap {
  position: relative;
}
.confirm_img {
  width: 100%;
  margin: 0 auto;
}
.confirm_btn01,
.confirm_btn02,
.confirm_btn03 {
  position: absolute;
  display: block;
  width: 86.5%;
  left: 50%;
  transform: translateX(-50%);
}
.confirm_btn01 {
  top: 24.5%;
}
.confirm_btn02 {
  top: 54.3%;
}
.confirm_btn03 {
  top: 89.9%;
}
.confirm-note {
  position: absolute;
  right: 1%;
  bottom: 1%;
  font-size: 1rem;
}
.confirm-note li {
  display: block;
  letter-spacing: 0.05em;
}
/* refund
   ----------------------------------------------------------------- */
.refund-box {
  position: relative;
}
.refund-box + .refund-box {
  margin-top: 7.6%;
}
.refund_btn01 {
  position: absolute;
  left: 0;
  width: 84%;
  right: 0;
  margin: 0 auto;
  bottom: 10.2%;
}
.refund .m-sec_title {
  margin-bottom: 5%;
}

/* member
   ----------------------------------------------------------------- */
.member {
  padding-bottom: 8.2%;
}
.member-body {
  margin-bottom: 10px;
}
.member-note {
  font-size: 0.9rem;
  margin-bottom: 10px;
}
.member-note li {
  display: block;
}

/* newsletter
   ----------------------------------------------------------------- */
.newsletter {
  padding-bottom: 8.2%;
}
.newsletter .m-sec_title {
  margin-bottom: 5%;
}
.newsletter-box {
  position: relative;
}
.newsletter_btn01 {
  position: absolute;
  top: 74%;
  width: 87.392%;
  right: 0;
  left: 0;
  margin: 0 auto;
}

/* social
   ----------------------------------------------------------------- */
.social {
  padding-top: 0;
  padding-bottom: 25px;
}
.social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.social-list li {
  width: 44px;
  margin: 0 11px;
}

/* infomation
   ----------------------------------------------------------------- */
.infomation-bnr + .infomation-bnr {
  margin-top: 33px;
}
.infomation .m-sec_title {
  margin-bottom: 20px;
}

/* footer
   ----------------------------------------------------------------- */
.footer-pagetop {
  padding-top: 20px;
  margin-bottom: 35px;
}
.pagetop-button {
  display: inline-block;
  width: 83px;
  transition: opacity 0.2s ease;
}
.pagetop-button:hover {
  opacity: 0.8;
}
.footer-box01 {
  border-top: 1px solid #656363;
}
.footer-list {
  padding: 15px 0;
  margin: 0 -10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer-list > div {
  padding: 0 10px;
  border-left: 1px solid #cccccc;
}
.footer-list > div:first-child {
  border-left: none;
}
.footer-contact .m-box_inr {
  border-top: 1px solid #e6e6e6;
}
.footer-contact a {
  display: inline-block;
  text-decoration: underline;
}
.footer-contact dl {
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  padding: 10px 0 8px;
}
.footer-contact dt {
  margin-bottom: 9px;
  color: #ca0813;
}
.footer-contact span {
  display: none;
}
.footer-copyright p {
  text-align: center;
  font-size: 0.9rem;
  padding: 7px 0 5px;
}
@media (max-width: 767px) {
  .footer {
    padding-bottom: 79px;
  }
}

/* navi
   ----------------------------------------------------------------- */
@media (min-width: 768px) {
  .navi {
    display: none;
  }
}
@media (max-width: 767px) {
  .navi {
    position: fixed;
    z-index: 10;
    bottom: 0;
    right: 0;
    background-color: #000000;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
  }
  .is-view .navi {
    opacity: 1;
    visibility: visible;
  }
  .navi-title {
    font-size: 0;
    width: 48px;
    margin: 0 auto;
  }
  .navi-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .navi-list li {
    width: 20%;
    padding: 0 1px;
    box-sizing: border-box;
  }
  .navi-list li:first-child {
    padding-left: 0;
  }
  .navi-list li:last-child {
    padding-right: 0;
  }
  .navi-list li a {
    transition: opacity 0.2s ease;
    display: block;
    overflow: hidden;
    text-align: center;
    background-color: #ffffff;
  }
  .navi-list li:last-child a {
    background-color: #6cad2f;
  }
  .navi-list li a img {
    width: 73px;
  }
}

/* purchase
   ----------------------------------------------------------------- */
.purchase {
  padding: 8.2% 0 0;
}
.purchase2 {
  padding-bottom: 8.2%;
}

/* js-tab
   ----------------------------------------------------------------- */
.js-tabs_content {
  display: none;
}
.js-tabs_content.current {
  display: block;
}