@charset "UTF-8";
html {
  -webkit-overflow-scrolling: touch; }

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 1;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

p {
  margin: 0;
  padding: 0; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

a {
  text-decoration: none; }

address {
  font-style: normal; }

a:hover img {
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: all 0.5s ease; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

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

.slide-name {
  font-size: 14px;
  line-height: 1.5; }
  .slide-name span {
    font-weight: bold; }
.slide-body {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.3);
  overflow: auto; }
.slide-menu {
  width: 280px;
  margin-left: auto;
  height: auto;
  background-color: #fff;
  padding: 72px 8px 32px 8px; }
.slide-list {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }
  .slide-list__item {
    font-size: 16px;
    line-height: 1.5;
    padding: 6px 16px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    background-color: #db2828;
    color: #fff; }
    .slide-list__item--store {
      background-color: #2185d0; }
    .slide-list__item--official {
      background-color: #21ba45; }
    .slide-list__item--other {
      background-color: #979797; }
  .slide-list__link {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    padding: 6px 16px;
    -webkit-transition: all .5s;
    transition: all .5s; }
    .slide-list__link:hover {
      background-color: #aaa;
      color: #fff; }
    .slide-list__link--active {
      font-weight: 900;
      color: #6435c9 !important; }
      .slide-list__link--active::before {
        content: '▶'; }
    .slide-list__link--bt {
      border-top: 1px solid #ccc;
      color: #333; }
.slide-btn {
  position: fixed;
  top: 24px;
  right: 8px;
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  background-color: #fff;
  z-index: 1001;
  padding: 0 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .slide-btn__trigger {
    display: inline-block;
    vertical-align: middle;
    transition: all .4s;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 40px;
    color: #000;
    cursor: pointer; }
    .slide-btn__trigger span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      height: 4px;
      background-color: #000;
      text-align: center;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
      .slide-btn__trigger span:nth-of-type(1) {
        top: 7px; }
      .slide-btn__trigger span:nth-of-type(2) {
        top: 17px; }
      .slide-btn__trigger span:nth-of-type(3) {
        top: 27px; }
    .slide-btn__trigger--active span:nth-of-type(1) {
      transform: translateY(10px) rotate(-315deg); }
    .slide-btn__trigger--active span:nth-of-type(2) {
      opacity: 0; }
    .slide-btn__trigger--active span:nth-of-type(3) {
      transform: translateY(-10px) rotate(315deg); }

.infoBar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 4px 8px;
  background-color: #2185d0;
  color: #fff;
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  z-index: 1001; }

.modal-body,
.modal2-body {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100000;
  background-color: white;
  overflow: auto; }
.modal-close,
.modal2-close {
  position: fixed;
  top: 0;
  right: 0;
  margin: 16px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 100001; }
.modal-msg,
.modal2-msg {
  max-width: 300px;
  margin: 80px auto 0 auto; }

.modal2-body {
  z-index: 100002; }
.modal2-close {
  z-index: 100003; }

.close-btn {
  display: inline-block;
  vertical-align: middle;
  transition: all .4s;
  box-sizing: border-box;
  position: relative;
  width: 32px;
  height: 32px;
  color: #aaa;
  cursor: pointer; }
  .close-btn span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 4px;
    background-color: #aaa;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
    .close-btn span:nth-of-type(1) {
      top: 7px;
      transform: translateY(10px) rotate(-315deg); }
    .close-btn span:nth-of-type(2) {
      top: 27px;
      transform: translateY(-10px) rotate(315deg); }

.dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 4000; }
  .dialog-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    background-color: rgba(0, 0, 0, 0.5); }
  .dialog-body {
    max-width: 600px;
    margin: 0 auto;
    background-color: #ebebeb;
    padding: 24px; }
    .dialog-body p {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.5; }
  .dialog-btn {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
    align-items: center; }

#dialogOk {
  cursor: pointer; }

.cup {
  cursor: pointer; }

.m-move {
  cursor: move; }

#waiting {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3000;
  justify-content: center;
  align-items: center; }

.icn-wait {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px; }
  .icn-wait span {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #cec;
    animation: icn-wait 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; }
    .icn-wait span:nth-child(1) {
      left: 8px;
      animation-delay: -0.24s; }
    .icn-wait span:nth-child(2) {
      left: 32px;
      animation-delay: -0.12s; }
    .icn-wait span:nth-child(3) {
      left: 56px;
      animation-delay: 0s; }

@keyframes icn-wait {
  0% {
    top: 8px;
    height: 64px; }
  50%, 100% {
    top: 24px;
    height: 32px; } }
.wd80 {
  max-width: 80px; }

.wd160 {
  max-width: 160px; }

.wd240 {
  max-width: 240px; }

.wd320 {
  max-width: 320px; }

.wd400 {
  max-width: 400px; }

.wd480 {
  max-width: 480px; }

.wd560 {
  max-width: 560px; }

.wd640 {
  max-width: 640px; }

.wd720 {
  max-width: 720px; }

.wd800 {
  max-width: 800px; }

.wd880 {
  max-width: 880px; }

.wd960 {
  max-width: 960px; }

.wd1040 {
  max-width: 1040px; }

.wd1120 {
  max-width: 1120px; }

.wd1200 {
  max-width: 1200px; }

.wd1280 {
  max-width: 1280px; }

.wd1360 {
  max-width: 1360px; }

.wd1440 {
  max-width: 1440px; }

.wd1520 {
  max-width: 1520px; }

.wd1600 {
  max-width: 1600px; }

.mt0 {
  margin-top: 0px; }

.mb0 {
  margin-bottom: 0px; }

.ml0 {
  margin-left: 0px; }

.mr0 {
  margin-right: 0px; }

.pt0 {
  padding-top: 0px; }

.pb0 {
  padding-bottom: 0px; }

.pl0 {
  padding-left: 0px; }

.pr0 {
  padding-right: 0px; }

.mt4 {
  margin-top: 4px; }

.mb4 {
  margin-bottom: 4px; }

.ml4 {
  margin-left: 4px; }

.mr4 {
  margin-right: 4px; }

.pt4 {
  padding-top: 4px; }

.pb4 {
  padding-bottom: 4px; }

.pl4 {
  padding-left: 4px; }

.pr4 {
  padding-right: 4px; }

.mt8 {
  margin-top: 8px; }

.mb8 {
  margin-bottom: 8px; }

.ml8 {
  margin-left: 8px; }

.mr8 {
  margin-right: 8px; }

.pt8 {
  padding-top: 8px; }

.pb8 {
  padding-bottom: 8px; }

.pl8 {
  padding-left: 8px; }

.pr8 {
  padding-right: 8px; }

.mt12 {
  margin-top: 12px; }

.mb12 {
  margin-bottom: 12px; }

.ml12 {
  margin-left: 12px; }

.mr12 {
  margin-right: 12px; }

.pt12 {
  padding-top: 12px; }

.pb12 {
  padding-bottom: 12px; }

.pl12 {
  padding-left: 12px; }

.pr12 {
  padding-right: 12px; }

.mt16 {
  margin-top: 16px; }

.mb16 {
  margin-bottom: 16px; }

.ml16 {
  margin-left: 16px; }

.mr16 {
  margin-right: 16px; }

.pt16 {
  padding-top: 16px; }

.pb16 {
  padding-bottom: 16px; }

.pl16 {
  padding-left: 16px; }

.pr16 {
  padding-right: 16px; }

.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

.ml20 {
  margin-left: 20px; }

.mr20 {
  margin-right: 20px; }

.pt20 {
  padding-top: 20px; }

.pb20 {
  padding-bottom: 20px; }

.pl20 {
  padding-left: 20px; }

.pr20 {
  padding-right: 20px; }

.mt24 {
  margin-top: 24px; }

.mb24 {
  margin-bottom: 24px; }

.ml24 {
  margin-left: 24px; }

.mr24 {
  margin-right: 24px; }

.pt24 {
  padding-top: 24px; }

.pb24 {
  padding-bottom: 24px; }

.pl24 {
  padding-left: 24px; }

.pr24 {
  padding-right: 24px; }

.mt28 {
  margin-top: 28px; }

.mb28 {
  margin-bottom: 28px; }

.ml28 {
  margin-left: 28px; }

.mr28 {
  margin-right: 28px; }

.pt28 {
  padding-top: 28px; }

.pb28 {
  padding-bottom: 28px; }

.pl28 {
  padding-left: 28px; }

.pr28 {
  padding-right: 28px; }

.mt32 {
  margin-top: 32px; }

.mb32 {
  margin-bottom: 32px; }

.ml32 {
  margin-left: 32px; }

.mr32 {
  margin-right: 32px; }

.pt32 {
  padding-top: 32px; }

.pb32 {
  padding-bottom: 32px; }

.pl32 {
  padding-left: 32px; }

.pr32 {
  padding-right: 32px; }

.mt36 {
  margin-top: 36px; }

.mb36 {
  margin-bottom: 36px; }

.ml36 {
  margin-left: 36px; }

.mr36 {
  margin-right: 36px; }

.pt36 {
  padding-top: 36px; }

.pb36 {
  padding-bottom: 36px; }

.pl36 {
  padding-left: 36px; }

.pr36 {
  padding-right: 36px; }

.mt40 {
  margin-top: 40px; }

.mb40 {
  margin-bottom: 40px; }

.ml40 {
  margin-left: 40px; }

.mr40 {
  margin-right: 40px; }

.pt40 {
  padding-top: 40px; }

.pb40 {
  padding-bottom: 40px; }

.pl40 {
  padding-left: 40px; }

.pr40 {
  padding-right: 40px; }

.mt44 {
  margin-top: 44px; }

.mb44 {
  margin-bottom: 44px; }

.ml44 {
  margin-left: 44px; }

.mr44 {
  margin-right: 44px; }

.pt44 {
  padding-top: 44px; }

.pb44 {
  padding-bottom: 44px; }

.pl44 {
  padding-left: 44px; }

.pr44 {
  padding-right: 44px; }

.mt48 {
  margin-top: 48px; }

.mb48 {
  margin-bottom: 48px; }

.ml48 {
  margin-left: 48px; }

.mr48 {
  margin-right: 48px; }

.pt48 {
  padding-top: 48px; }

.pb48 {
  padding-bottom: 48px; }

.pl48 {
  padding-left: 48px; }

.pr48 {
  padding-right: 48px; }

.mt52 {
  margin-top: 52px; }

.mb52 {
  margin-bottom: 52px; }

.ml52 {
  margin-left: 52px; }

.mr52 {
  margin-right: 52px; }

.pt52 {
  padding-top: 52px; }

.pb52 {
  padding-bottom: 52px; }

.pl52 {
  padding-left: 52px; }

.pr52 {
  padding-right: 52px; }

.mt56 {
  margin-top: 56px; }

.mb56 {
  margin-bottom: 56px; }

.ml56 {
  margin-left: 56px; }

.mr56 {
  margin-right: 56px; }

.pt56 {
  padding-top: 56px; }

.pb56 {
  padding-bottom: 56px; }

.pl56 {
  padding-left: 56px; }

.pr56 {
  padding-right: 56px; }

.mt60 {
  margin-top: 60px; }

.mb60 {
  margin-bottom: 60px; }

.ml60 {
  margin-left: 60px; }

.mr60 {
  margin-right: 60px; }

.pt60 {
  padding-top: 60px; }

.pb60 {
  padding-bottom: 60px; }

.pl60 {
  padding-left: 60px; }

.pr60 {
  padding-right: 60px; }

.mt64 {
  margin-top: 64px; }

.mb64 {
  margin-bottom: 64px; }

.ml64 {
  margin-left: 64px; }

.mr64 {
  margin-right: 64px; }

.pt64 {
  padding-top: 64px; }

.pb64 {
  padding-bottom: 64px; }

.pl64 {
  padding-left: 64px; }

.pr64 {
  padding-right: 64px; }

.mt68 {
  margin-top: 68px; }

.mb68 {
  margin-bottom: 68px; }

.ml68 {
  margin-left: 68px; }

.mr68 {
  margin-right: 68px; }

.pt68 {
  padding-top: 68px; }

.pb68 {
  padding-bottom: 68px; }

.pl68 {
  padding-left: 68px; }

.pr68 {
  padding-right: 68px; }

.mt72 {
  margin-top: 72px; }

.mb72 {
  margin-bottom: 72px; }

.ml72 {
  margin-left: 72px; }

.mr72 {
  margin-right: 72px; }

.pt72 {
  padding-top: 72px; }

.pb72 {
  padding-bottom: 72px; }

.pl72 {
  padding-left: 72px; }

.pr72 {
  padding-right: 72px; }

.mt76 {
  margin-top: 76px; }

.mb76 {
  margin-bottom: 76px; }

.ml76 {
  margin-left: 76px; }

.mr76 {
  margin-right: 76px; }

.pt76 {
  padding-top: 76px; }

.pb76 {
  padding-bottom: 76px; }

.pl76 {
  padding-left: 76px; }

.pr76 {
  padding-right: 76px; }

.mt80 {
  margin-top: 80px; }

.mb80 {
  margin-bottom: 80px; }

.ml80 {
  margin-left: 80px; }

.mr80 {
  margin-right: 80px; }

.pt80 {
  padding-top: 80px; }

.pb80 {
  padding-bottom: 80px; }

.pl80 {
  padding-left: 80px; }

.pr80 {
  padding-right: 80px; }

.mla {
  margin-left: auto; }

.mra {
  margin-right: auto; }

.a_under {
  text-decoration: underline; }
  .a_under:hover {
    text-decoration: none; }

.a_none {
  text-decoration: none; }
  .a_none:hover {
    text-decoration: underline; }

.bk {
  display: block; }

.ib {
  display: inline-block; }

.fz10 {
  font-size: 10px; }

.fz11 {
  font-size: 11px; }

.fz12 {
  font-size: 12px; }

.fz13 {
  font-size: 13px; }

.fz14 {
  font-size: 14px; }

.fz15 {
  font-size: 15px; }

.fz16 {
  font-size: 16px; }

.fz17 {
  font-size: 17px; }

.fz18 {
  font-size: 18px; }

.fz19 {
  font-size: 19px; }

.fz20 {
  font-size: 20px; }

.fz21 {
  font-size: 21px; }

.fz22 {
  font-size: 22px; }

.fz23 {
  font-size: 23px; }

.fz24 {
  font-size: 24px; }

.fz25 {
  font-size: 25px; }

.fz26 {
  font-size: 26px; }

.fz27 {
  font-size: 27px; }

.fz28 {
  font-size: 28px; }

.fz29 {
  font-size: 29px; }

.fz30 {
  font-size: 30px; }

.fz31 {
  font-size: 31px; }

.fz32 {
  font-size: 32px; }

.lh12 {
  line-height: 1.2; }

.lh15 {
  line-height: 1.5; }

.lh17 {
  line-height: 1.7; }

.lh20 {
  line-height: 2; }

.tal {
  text-align: left; }

.tar {
  text-align: right; }

.tac {
  text-align: center; }

.fw300 {
  font-weight: 300; }

.fw500 {
  font-weight: 500; }

.fw700 {
  font-weight: 700; }

.fw900 {
  font-weight: 900; }

.red {
  color: #db2828; }

.orange {
  color: #f2711c; }

.green {
  color: #21ba45; }

.blue {
  color: #2185d0; }

.violet {
  color: #6435c9; }

.brown {
  color: #a5673f; }

.scarlet {
  color: #ff7575; }

.yellow {
  color: #ffb84b; }

.gray {
  color: #979797; }

.navy {
  color: #2e375a; }

.black {
  color: #333; }

.vat {
  vertical-align: top !important; }

.vam {
  vertical-align: middle !important; }

.vab {
  vertical-align: bottom !important; }

.Req {
  color: #db2828;
  font-weight: bold;
  margin-left: 4px;
  font-size: 20px; }

.Btn {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  padding: 6px 12px 4px 12px;
  border: none;
  color: #fff;
  border-bottom: 2px solid #222;
  background-color: #767676;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  margin: 2px; }
  .Btn:active {
    transform: translateY(4px);
    border-bottom: none; }
  .Btn-micro {
    font-size: 14px;
    padding: 2px 3px 1px 3px; }
  .Btn-mini {
    font-size: 16px;
    padding: 4px 6px 2px 6px; }
  .Btn-tiny {
    font-size: 20px;
    padding: 5px 8px 3px 8px; }
  .Btn-wide {
    width: 240px; }
  .Btn-block {
    width: 100%; }
  .Btn-red {
    background-color: #db2828; }
  .Btn-orange {
    background-color: #f2711c; }
  .Btn-green {
    background-color: #21ba45; }
  .Btn-blue {
    background-color: #2185d0; }
  .Btn-violet {
    background-color: #6435c9; }
  .Btn-brown {
    background-color: #a5673f; }
  .Btn-gray {
    background-color: #979797; }
  .Btn-scarlet {
    background-color: #ff7575; }
  .Btn-navy {
    background-color: #2e375a; }
  .Btn-invalid {
    background-color: #ccc;
    border-bottom: 2px solid #aaa;
    pointer-events: none; }

.label {
  display: inline-block;
  padding: 4px;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
  .label--ro {
    background-color: #000;
    color: #fff; }
  .label--large {
    font-size: 20px;
    padding: 8px; }
  .label--mini {
    font-size: 12px;
    padding: 2px; }
  .label-blue {
    border: 1px solid #2185d0;
    color: #2185d0; }
    .label-blue--ro {
      background-color: #2185d0;
      color: #fff; }
  .label-red {
    border: 1px solid #db2828;
    color: #db2828; }
    .label-red--ro {
      background-color: #db2828;
      color: #fff; }
  .label-green {
    border: 1px solid #21ba45;
    color: #21ba45; }
    .label-green--ro {
      background-color: #21ba45;
      color: #fff; }
  .label-orange {
    border: 1px solid #f2711c;
    color: #f2711c; }
    .label-orange--ro {
      background-color: #f2711c;
      color: #fff; }
  .label-violet {
    border: 1px solid #6435c9;
    color: #6435c9; }
    .label-violet--ro {
      background-color: #6435c9;
      color: #fff; }
  .label-brown {
    border: 1px solid #a5673f;
    color: #a5673f; }
    .label-brown--ro {
      background-color: #a5673f;
      color: #fff; }
  .label-invalid {
    border: 1px solid #ccc;
    color: #ccc; }
    .label-invalid--ro {
      background-color: #ccc;
      color: #fff; }
  .label-gray {
    border: 1px solid #979797;
    color: #979797; }
    .label-gray--ro {
      background-color: #979797;
      color: #fff; }
  .label-scarlet {
    border: 1px solid #ff7575;
    color: #ff7575; }
    .label-scarlet--ro {
      background-color: #ff7575;
      color: #fff; }
  .label-navy {
    border: 1px solid #2e375a;
    color: #2e375a; }
    .label-navy--ro {
      background-color: #2e375a;
      color: #fff; }

.Msg {
  border: 1px solid #db2828;
  color: #db2828;
  background-color: #fdd;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  padding: 6px 8px;
  border-radius: 4px; }
  .Msg--green {
    border: 1px solid #21ba45;
    background-color: #ddf9e4;
    color: #21ba45; }
  .Msg--inline {
    display: inline-block; }

input::placeholder {
  color: #ccc; }
input:-ms-input-placeholder {
  color: #ccc; }
input::-ms-input-placeholder {
  color: #ccc; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

.input-area, .input-inline,
.textarea-area,
.textarea-inline {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 8px;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
.input-under,
.textarea-under {
  border: none;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #888; }
  .input-under::-webkit-inner-spin-button, .input-under::-webkit-outer-spin-button,
  .textarea-under::-webkit-inner-spin-button,
  .textarea-under::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield; }
.input-inline,
.textarea-inline {
  display: inline-block;
  vertical-align: middle;
  width: auto; }
.input--mini,
.textarea--mini {
  width: 40px; }
.input--tiny,
.textarea--tiny {
  width: 60px; }
.input--small,
.textarea--small {
  width: 80px; }
.input--medium,
.textarea--medium {
  width: 120px; }
.input--large,
.textarea--large {
  width: 160px; }
.input--center,
.textarea--center {
  text-align: center; }
.input--pd4,
.textarea--pd4 {
  padding: 4px; }

.inputLineUp {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center; }
  .inputLineUp label {
    width: calc(100% - 88px); }

.select-area, .select-inline {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 8px 24px 8px 8px;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: url("../images/arrow_tryangle.svg");
  background-repeat: no-repeat;
  background-position: right 8px center; }
  .select-area::-ms-expand, .select-inline::-ms-expand {
    display: none; }
.select-inline {
  display: inline-block;
  vertical-align: middle;
  width: auto; }
.select--mini {
  width: 50px; }
.select--tiny {
  width: 60px; }
.select--small {
  width: 80px; }
.select--medium {
  width: 120px; }
.select--large {
  width: 160px; }
.select--big {
  width: 200px; }

.textarea-area {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  display: block;
  width: 100%;
  height: auto; }
  .textarea-area img {
    max-width: 100%;
    height: auto; }
.textarea--large {
  height: 1000px; }

.radio-btn {
  display: inline-block;
  margin: 2px 8px 2px 0;
  min-width: 104px;
  font-weight: bold; }
  .radio-btn--tiny {
    min-width: 64px; }
.radio-i_red, .radio-i_orange, .radio-i_green, .radio-i_blue, .radio-i_violet, .radio-i_brown, .radio-i_scarlet, .radio-i_navy, .radio-i_gray, .radio-i_black, .radio-i_age20, .radio-i_age30, .radio-i_age40, .radio-i_age50, .radio-i_age60, .radio-i_other {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }
.radio-i_red:checked + .radio-l_red {
  background-color: #db2828;
  color: #fff; }
.radio-i_orange:checked + .radio-l_orange {
  background-color: #f2711c;
  color: #fff; }
.radio-i_green:checked + .radio-l_green {
  background-color: #21ba45;
  color: #fff; }
.radio-i_blue:checked + .radio-l_blue {
  background-color: #2185d0;
  color: #fff; }
.radio-i_violet:checked + .radio-l_violet {
  background-color: #6435c9;
  color: #fff; }
.radio-i_brown:checked + .radio-l_brown {
  background-color: #a5673f;
  color: #fff; }
.radio-i_scarlet:checked + .radio-l_scarlet {
  background-color: #ff7575;
  color: #fff; }
.radio-i_navy:checked + .radio-l_navy {
  background-color: #2e375a;
  color: #fff; }
.radio-i_gray:checked + .radio-l_gray {
  background-color: #979797;
  color: #fff; }
.radio-i_black:checked + .radio-l_black {
  background-color: #333;
  color: #fff; }
.radio-i_age20:checked + .radio-l_age20 {
  background-color: #ff7566;
  color: #fff; }
.radio-i_age30:checked + .radio-l_age30 {
  background-color: #e91e79;
  color: #fff; }
.radio-i_age40:checked + .radio-l_age40 {
  background-color: #aa2eff;
  color: #fff; }
.radio-i_age50:checked + .radio-l_age50 {
  background-color: #1e80e9;
  color: #fff; }
.radio-i_age60:checked + .radio-l_age60 {
  background-color: #11b4a0;
  color: #fff; }
.radio-i_other:checked + .radio-l_other {
  background-color: #000;
  color: #fff; }
.radio-l_red, .radio-l_orange, .radio-l_green, .radio-l_blue, .radio-l_violet, .radio-l_brown, .radio-l_scarlet, .radio-l_navy, .radio-l_gray, .radio-l_black, .radio-l_age20, .radio-l_age30, .radio-l_age40, .radio-l_age50, .radio-l_age60, .radio-l_other {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
  padding: 4px 2px;
  cursor: pointer; }
.radio-l_red {
  color: #db2828;
  border: 1px solid #db2828; }
.radio-l_orange {
  color: #f2711c;
  border: 1px solid #f2711c; }
.radio-l_green {
  color: #21ba45;
  border: 1px solid #21ba45; }
.radio-l_blue {
  color: #2185d0;
  border: 1px solid #2185d0; }
.radio-l_violet {
  color: #6435c9;
  border: 1px solid #6435c9; }
.radio-l_brown {
  color: #a5673f;
  border: 1px solid #a5673f; }
.radio-l_scarlet {
  color: #ff7575;
  border: 1px solid #ff7575; }
.radio-l_navy {
  color: #2e375a;
  border: 1px solid #2e375a; }
.radio-l_gray {
  color: #979797;
  border: 1px solid #979797; }
.radio-l_black {
  color: #333;
  border: 1px solid #333; }
.radio-l_age20 {
  color: #ff7566;
  border: 1px solid #ff7566; }
.radio-l_age30 {
  color: #e91e79;
  border: 1px solid #e91e79; }
.radio-l_age40 {
  color: #aa2eff;
  border: 1px solid #aa2eff; }
.radio-l_age50 {
  color: #1e80e9;
  border: 1px solid #1e80e9; }
.radio-l_age60 {
  color: #11b4a0;
  border: 1px solid #11b4a0; }
.radio-l_other {
  color: #000;
  border: 1px solid #000; }

.movies {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }
  .movies iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }

/*
.movies {
    position     : relative;
    max-width    : 640px;
    width        : 100%;
    aspect-ratio : 16 / 9;

    iframe,
    video {
        position : absolute;
        top      : 0;
        left     : 0;
        width    : 100%;
        height   : 100%;
    }
}
*/
.table2080, .table3070, .table4060, .tableUrl {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
  .table2080 th, .table3070 th, .table4060 th, .tableUrl th, .table2080 td, .table3070 td, .table4060 td, .tableUrl td {
    padding: 8px;
    font-size: 16px;
    line-height: 1.5;
    border: 1px solid #ccc; }

.table2080 th {
  width: 20%; }
  .table2080 th span {
    font-size: 12px;
    color: #888; }
.table2080 td {
  width: 80%; }
@media screen and (max-width: 800px) {
  .table2080 th, .table2080 td {
    display: block;
    width: 100%; } }

.table3070 th {
  width: 30%; }
  .table3070 th span {
    font-size: 12px;
    color: #888; }
.table3070 td {
  width: 70%; }
@media screen and (max-width: 800px) {
  .table3070 th, .table3070 td {
    display: block;
    width: 100%; } }

.table4060 th {
  width: 40%; }
  .table4060 th span {
    font-size: 12px;
    color: #888; }
.table4060 td {
  width: 60%; }
@media screen and (max-width: 800px) {
  .table4060 th, .table4060 td {
    display: block;
    width: 100%; } }

.tableUrl th {
  background-color: #eee; }
.tableUrl td {
  text-align: center;
  cursor: move; }
  .tableUrl td:last-child {
    cursor: default; }

.min-w200 {
  min-width: 200px; }

.editorBody {
  border: 1px solid #eee;
  border-bottom: none; }
  .editorBody-th {
    padding: 16px 8px 0 8px;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold; }
  .editorBody-td {
    text-align: center;
    padding: 8px 8px 16px 8px;
    border-bottom: 1px solid #eee; }
  .editorBody-editor {
    padding: 8px 8px 16px 8px;
    border-bottom: 1px solid #eee; }
  .editorBody-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 8px 16px 8px;
    border-bottom: 1px solid #eee; }
  .editorBody-img img {
    margin-top: 8px;
    width: 200px !important;
    height: auto; }

.files {
  margin-top: 40px;
  padding: 0 8px; }
  .files-file {
    margin-top: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 280px;
    border: 1px dashed #ccc; }
    .files-file__txt {
      margin-bottom: 16px;
      font-size: 16px;
      color: #ccc;
      font-weight: bold; }
  .files-th_list {
    width: 100%;
    margin: 0;
    padding: 0 8px;
    text-align: center;
    font-size: 0;
    list-style-type: none; }
    .files-th_list__item {
      display: inline-block;
      width: 256px;
      margin: 24px 4px 0 4px;
      border: 1px solid #aaa;
      padding: 8px;
      background-color: #fff; }
      .files-th_list__item figure {
        position: relative;
        margin: 0;
        padding: 0; }
      .files-th_list__item img {
        display: block;
        width: 100%;
        height: auto; }
    .files-th_list__sort {
      position: absolute;
      top: 4px;
      left: 4px;
      display: block;
      height: 32px;
      width: 32px;
      border: 1px solid #ccc;
      background-color: #fff;
      font-size: 14px;
      text-align: center;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
    .files-th_list__ext {
      position: absolute;
      top: 4px;
      left: 4px;
      padding: 2px 4px 4px 4px;
      font-size: 12px;
      font-weight: bold;
      background-color: #fff;
      color: #000;
      border: 1px solid #000;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
    .files-th_list__check {
      position: absolute;
      top: 2px;
      left: 36px; }
      .files-th_list__check label {
        position: relative; }
        .files-th_list__check label:before {
          background: #fff;
          border: 2px solid #7a7a7a;
          content: '';
          top: 0;
          left: 0;
          display: block;
          width: 32px;
          height: 32px;
          position: absolute;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
        .files-th_list__check label:after {
          border-right: 4px solid #000;
          border-bottom: 4px solid #000;
          content: '';
          top: 3px;
          left: 10px;
          display: block;
          width: 12px;
          height: 20px;
          opacity: 0;
          position: absolute;
          transform: rotate(45deg); }
      .files-th_list__check input[type="checkbox"] {
        display: none; }
        .files-th_list__check input[type="checkbox"]:checked + label:after {
          opacity: 1; }
    .files-th_list__btn {
      position: absolute;
      bottom: 4px;
      left: 0;
      width: 100%;
      text-align: center; }
    .files-th_list__ttl {
      display: flex;
      width: 100%;
      margin-top: 8px; }
      .files-th_list__ttl input {
        display: block;
        height: 32px;
        width: 100%;
        border: 1px solid #ccc;
        background-color: #fff;
        padding: 0 2px;
        font-size: 14px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px; }
      .files-th_list__ttl button {
        display: block;
        font-size: 12px;
        width: 32px;
        height: 32px;
        border: none;
        color: #fff;
        background-color: #ccc;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
        text-decoration: none;
        -webkit-appearance: none;
        outline: none;
        cursor: pointer;
        background-image: url("../images/icn_writing.svg");
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: 24px auto;
        background-size: 24px auto; }
    .files-th_list__alt {
      margin-top: 8px;
      font-size: 14px;
      line-height: 1.5; }
    .files-th_list__delete {
      position: absolute;
      top: 4px;
      right: 4px;
      width: 24px;
      height: 24px;
      border: 1px solid #fff;
      background-color: #db2828;
      padding-top: 2px;
      font-size: 16px;
      color: #fff;
      text-align: center;
      cursor: pointer; }
    .files-th_list__msg {
      position: absolute;
      top: 64px;
      left: 0;
      width: 100%;
      padding: 0 10px;
      text-align: center; }
      .files-th_list__msg div {
        display: inline-block; }
        .files-th_list__msg div img {
          max-width: 100%; }
  .files-pdf {
    margin-top: 48px;
    padding: 8px;
    border: 1px solid #aaa;
    background-color: #f8f8f8; }
    .files-pdf__ttl {
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold; }
      .files-pdf__ttl span {
        font-size: 14px;
        font-weight: normal; }
    .files-pdf__list {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    .files-pdf__item {
      margin-top: 8px;
      border: 1px solid #ccc;
      background-color: #fff;
      width: 100%;
      display: flex;
      font-size: 14px;
      justify-content: space-between;
      align-items: center; }
    .files-pdf__date {
      width: 180px;
      font-size: 12px;
      padding: 8px 4px;
      border-right: 1px solid #ccc;
      text-align: center; }
      .files-pdf__date span {
        display: inline-block;
        padding: 2px 6px 4px 6px;
        background-color: #db2828;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        margin-right: 8px; }
    .files-pdf__name {
      padding: 8px 4px;
      font-size: 14px;
      line-height: 1.5;
      font-weight: bold; }
      .files-pdf__name a {
        color: #000;
        text-decoration: underline; }
        .files-pdf__name a:hover {
          text-decoration: none; }
    .files-pdf__radio {
      width: 120px;
      padding: 8px 4px;
      text-align: center;
      border-left: 1px solid #ccc; }
    .files-pdf--violet {
      background-color: #6435c9; }
      .files-pdf--violet .files-pdf__ttl {
        color: #fff; }
    .files-pdf--green {
      background-color: #21ba45; }
      .files-pdf--green .files-pdf__ttl {
        color: #fff; }
  .files-search {
    text-align: center; }
    .files-search__ttl {
      font-size: 16px;
      font-weight: bold; }
    .files-search__block {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 300px;
      margin: 16px auto 0 auto; }
      .files-search__block input {
        display: block;
        width: 268px;
        height: 32px;
        border: 1px solid #ccc;
        background-color: #fff;
        padding: 0 8px;
        font-size: 16px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px; }
      .files-search__block button {
        display: block;
        width: 32px;
        height: 32px;
        border: none;
        background-color: #ccc;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
        background-image: url("../images/icn_search.svg");
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px; }
  .files-btn {
    margin-top: 40px;
    text-align: center; }
    .files-btn__txt1 {
      margin-top: 8px;
      font-size: 12px;
      font-weight: bold; }

.faqCategory {
  margin: 24px 0;
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap; }
  .faqCategory-btn {
    margin: 4px 8px; }

.thPhoto {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .thPhoto--icon li {
    width: 120px !important; }
  .thPhoto li {
    position: relative;
    width: 252px;
    margin: 4px; }
    .thPhoto li img {
      display: block;
      width: 100%;
      height: auto;
      cursor: move; }
    .thPhoto li p {
      position: absolute;
      top: 4px;
      right: 4px;
      width: 24px;
      height: 24px;
      border: 1px solid #fff;
      background-color: #db2828;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      color: #fff;
      cursor: pointer; }

.facilityIcon {
  margin: 40px 0 0 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .facilityIcon li {
    position: relative;
    width: 112px;
    margin: 8px; }
    .facilityIcon li img {
      display: block;
      width: 100%;
      height: auto; }
  .facilityIcon-check {
    position: absolute;
    top: 2px;
    left: 2px; }
    .facilityIcon-check label {
      position: relative; }
      .facilityIcon-check label:before {
        background: #fff;
        border: 2px solid #7a7a7a;
        content: '';
        top: 0;
        left: 0;
        display: block;
        width: 32px;
        height: 32px;
        position: absolute;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
      .facilityIcon-check label:after {
        border-right: 4px solid #000;
        border-bottom: 4px solid #000;
        content: '';
        top: 3px;
        left: 10px;
        display: block;
        width: 12px;
        height: 20px;
        opacity: 0;
        position: absolute;
        transform: rotate(45deg); }
    .facilityIcon-check input[type="checkbox"] {
      display: none; }
      .facilityIcon-check input[type="checkbox"]:checked + label:after {
        opacity: 1; }

.blogPreview {
  margin: 48px auto;
  max-width: 708px;
  padding: 24px;
  border: 1px solid #000;
  background-color: #fff; }
  .blogPreview-date {
    display: inline-block;
    font-size: 16px;
    margin-left: 16px; }
  .blogPreview-ttl {
    margin-top: 16px;
    font-size: 20px;
    line-height: 1.8;
    padding-bottom: 8px;
    border-bottom: 2px solid #000; }
  .blogPreview-content {
    margin-top: 24px;
    line-height: 1.8; }
    .blogPreview-content img {
      max-width: 100%;
      height: auto; }

.tinyMceBody img {
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 800px) {
  .tox-dialog__footer table {
    display: none; } }

.ogp {
  position: relative;
  margin-top: 24px;
  max-width: 512px;
  padding: 4px;
  border: 1px solid #888;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  text-align: left; }
  .ogp a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }
  .ogp-img {
    display: block;
    width: 100px;
    height: 100px;
    object-fit: cover; }
  .ogp-body {
    width: calc(100% - 108px); }
  .ogp-ttl {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .ogp-content {
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.5;
    color: #555;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .ogp-url {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.5;
    color: #66b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .ogp-url img {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin-right: 2px;
      vertical-align: middle; }

div.yyi-rinker-contents {
  margin: 1.5em 0;
  border: solid 1px #dbdbdb;
  background-color: #fff;
  box-shadow: 2px 3px 8px -5px rgba(0, 0, 0, 0.25); }
  div.yyi-rinker-contents a {
    border: none; }
  div.yyi-rinker-contents div.yyi-rinker-box {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    box-sizing: border-box;
    padding: 12px; }
  div.yyi-rinker-contents div.yyi-rinker-image {
    padding: 0;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center; }

.yyi-rinker-img-s .yyi-rinker-image {
  width: 75px;
  min-width: 75px; }

.yyi-rinker-img-m .yyi-rinker-image {
  width: 175px;
  min-width: 175px; }

.yyi-rinker-img-l div.yyi-rinker-image {
  width: 200px;
  min-width: 200px; }

/* for IE widthに合わせる*/
div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info {
  width: calc(100% - 75px); }
div.yyi-rinker-contents div.yyi-rinker-info {
  width: calc(100% - 175px); }
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info {
  width: calc(100% - 200px); }
div.yyi-rinker-contents div.yyi-rinker-title a {
  color: #333;
  text-decoration: none; }
div.yyi-rinker-contents div.yyi-rinker-title p {
  margin: 5px; }
div.yyi-rinker-contents div.yyi-rinker-detail {
  font-size: 0.8em;
  color: #999;
  padding-left: 15px; }
  div.yyi-rinker-contents div.yyi-rinker-detail a {
    text-decoration: underline; }
  div.yyi-rinker-contents div.yyi-rinker-detail .price-box, div.yyi-rinker-contents div.yyi-rinker-detail .free-text {
    color: #aaa; }
div.yyi-rinker-contents ul.yyi-rinker-links {
  border: none;
  list-style-type: none;
  display: inline-flex;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px auto;
  padding: 0;
  width: 100%; }
  div.yyi-rinker-contents ul.yyi-rinker-links li {
    content: '';
    position: static;
    margin: 2px 5px;
    padding: 0;
    border-radius: 2px;
    border: none;
    box-shadow: 0 6px 12px -5px rgba(0, 0, 0, 0.3);
    -ms-flex: 0 0 auto; }
    div.yyi-rinker-contents ul.yyi-rinker-links li:before {
      content: '';
      position: static; }
    div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
      box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.3); }
    div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
      background: #f6a306; }
    div.yyi-rinker-contents ul.yyi-rinker-links li a {
      position: relative;
      display: block;
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      font-size: 0.9em;
      height: 30px;
      line-height: 30px;
      padding: 0 18px; }
      div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
        border: none;
        opacity: 0.7; }
      div.yyi-rinker-contents ul.yyi-rinker-links li a:before {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: white;
        text-align: center;
        border: none; }
    div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
      order: 20; }
      div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before {
        content: ''; }
    div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink {
      background: #666;
      order: 15; }
      div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a:before {
        content: ''; }
    div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
      background: #cf4944;
      order: 30; }
      div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before {
        content: ''; }
    div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
      background: #51a7e8;
      order: 40; }
      div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before {
        content: ''; }
    div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 {
      background: #4072b3;
      order: 10; }
    div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
      background: #4dc0b2;
      order: 50; }
    div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 {
      background: #6f63ad;
      order: 15; }
    div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 {
      background: #63ad87;
      order: 55; }
  div.yyi-rinker-contents ul.yyi-rinker-links img {
    display: none; }
div.yyi-rinker-contents div.yyi-rinker-title img, div.yyi-rinker-contents div.yyi-rinker-image a + img {
  display: none; }
div.yyi-rinker-detail .credit-box {
  font-size: 75%; }

ul.yyi-rinker-links li::before {
  background-color: transparent; }

@media all and (max-width: 420px) and (min-width: 321px) {
  body div.yyi-rinker-contents ul.yyi-rinker-links li a {
    padding: 0 0 0 15px; }

  div.yyi-rinker-contents ul.yyi-rinker-links {
    -webkit-flex-flow: column;
    flex-direction: column; }

  .yyi-rinker-img-s .yyi-rinker-image {
    width: 75px;
    min-width: 75px; }

  .yyi-rinker-img-m .yyi-rinker-image {
    width: 125px;
    min-width: 125px; }

  .yyi-rinker-img-l div.yyi-rinker-image {
    width: 150px;
    min-width: 150px; }

  div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info {
    width: calc(100% - 75px); }
  div.yyi-rinker-contents div.yyi-rinker-info {
    width: calc(100% - 125px); }
  div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info {
    width: calc(100% - 150px); } }
@media all and (max-width: 320px) {
  div.yyi-rinker-contents ul.yyi-rinker-links {
    -webkit-flex-flow: column;
    flex-direction: column; }
    div.yyi-rinker-contents ul.yyi-rinker-links li a {
      padding: 0 0 0 7px; }

  .yyi-rinker-img-s .yyi-rinker-image {
    width: 75px;
    min-width: 75px; }

  .yyi-rinker-img-m .yyi-rinker-image {
    width: 100px;
    min-width: 100px; }

  .yyi-rinker-img-l div.yyi-rinker-image {
    width: 125px;
    min-width: 125px; }

  div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info {
    width: calc(100% - 75px); }
  div.yyi-rinker-contents div.yyi-rinker-info {
    width: calc(100% - 100px); }
  div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info {
    width: calc(100% - 125px); } }
body div.yyi-rinker-contents ul.yyi-rinker-links li {
  list-style: none; }
  body div.yyi-rinker-contents ul.yyi-rinker-links li:before {
    position: absolute; }

div.yyi-rinker-contents p {
  padding: 0; }
div.yyi-rinker-contents img {
  margin-bottom: 0; }
div.yyi_rinker-gutenberg input.rinkerg-richtext {
  width: 300px; }

/* for Gutengerg */
input.rinkerg-richtext {
  width: 70%; }

/**
For count down
 */
div.yyi-rinker-contents div.yyi-rinker-detail .free-text .count-in {
  color: #333; }

/**
For Gutenberg
 */
.editor-styles-wrapper div.yyi-rinker-contents .count-top p {
  margin-top: 0; }

div.yyi-rinker-contents.yyi-rinker-design-tate div.yyi-rinker-box {
  flex-direction: column; }
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box .yyi-rinker-links {
  flex-direction: column; }
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info {
  width: 100%; }
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-title, div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-links {
  text-align: center; }
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-image {
  margin: auto; }
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li {
  align-self: stretch; }
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box {
  flex-direction: column;
  padding: 14px 5px 0; }
  div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
    padding: 0; }

.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
  text-align: center; }
.yyi-rinker-design-slim div.price-box span.price {
  display: block; }

div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info div.yyi-rinker-title a {
  font-size: 16px; }
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonkindlelink:before, div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonlink:before, div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.rakutenlink:before, div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.yahoolink:before {
  font-size: 12px; }
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li a {
  font-size: 13px; }

.yyi-rinker-main-img {
  max-width: 100%;
  height: auto; }

.maxButtons {
  display: block;
  margin-top: 16px;
  border-radius: 4px;
  line-height: 1.5;
  padding: 16px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  background-color: #00b133; }
  .maxButtons:hover {
    background-color: #287e43; }

.tablepress-table-description {
  clear: both;
  display: block; }

.tablepress {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 1em;
  border: none; }
  .tablepress th, .tablepress td {
    padding: 8px;
    border: none;
    background: none;
    text-align: left;
    line-height: 1.75;
    float: none !important; }
  .tablepress tbody td {
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .tablepress tfoot th {
    border-top: 1px solid #ddd; }
  .tablepress tbody tr:first-child td {
    border-top: 0; }
  .tablepress thead th {
    border-bottom: 1px solid #ddd;
    background-color: #d9edf7;
    font-weight: bold;
    vertical-align: middle; }
  .tablepress tfoot th {
    background-color: #d9edf7;
    font-weight: bold;
    vertical-align: middle; }
  .tablepress .odd td {
    background-color: #f9f9f9; }
  .tablepress .even td {
    background-color: #fff; }
  .tablepress .row-hover tr:hover td {
    background-color: #f3f3f3; }
  .tablepress img {
    margin: 0;
    padding: 0;
    border: none;
    max-width: none; }

/*# sourceMappingURL=style.css.map */