@charset "UTF-8";
/*---------- 共通設定 ----------*/
body {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

@media (max-width: 767px) {
  body {
    font-size: 3.2vw;
  }
}

h1, h2, h3, h4, div, p, ul, li, a {
  word-break: break-all;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4 {
  font-weight: 400;
}

ul, li {
  list-style: none;
}

img {
  vertical-align: bottom;
}
img.pc {display: block;}
img.sp {display: none;}

@media (max-width: 767px) {
  img.pc {display: none;}
  img.sp {display: block;}
}

a {
  position: relative;
  color: #000;
}

a.noUnderline {
  text-decoration: none;
}

a.icon {
  padding-left: 20px;
}

a.icon::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 13px;
  height: 17px;
  content: '';
  background-color: #000;
  -webkit-mask-image: url("../img/common/icon_anchor.svg");
  mask-image: url("../img/common/icon_anchor.svg");
}

@media (max-width: 767px) {
  a.icon {
    padding-left: 2.66667vw;
  }
  a.icon::before {
    top: 2vw;
    width: 1.73333vw;
    height: 2.26667vw;
  }
}

a.animation {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

a.animation.icon::before {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

a.animation svg polygon {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
/* オンマウス 半透明(70%) */
a.hover-Opacity:hover {
  opacity: .7;
}

svg path, svg rect, svg polygon, svg ellipse {
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.pcfont-settings_palt {
  font-feature-settings: "palt" 1;
}
.spfont-settings_palt {
  font-feature-settings: "palt" 0;
}
@media (max-width: 767px) {
  .pcfont-settings_palt {
    font-feature-settings: "palt" 0;
  }
  .spfont-settings_palt {
    font-feature-settings: "palt" 1;
  }
}

/*---------- 余白（Padding）設定 ----------*/
/* Top */
.padding-T10 {
  padding-top: 10px;
}

.padding-T20 {
  padding-top: 20px;
}

.padding-T30 {
  padding-top: 30px;
}

.padding-T40 {
  padding-top: 40px;
}

.padding-T50 {
  padding-top: 50px;
}

.padding-T60 {
  padding-top: 60px;
}

.padding-T70 {
  padding-top: 70px;
}

.padding-T80 {
  padding-top: 80px;
}

@media (max-width: 767px) {
  .padding-T10 {
    padding-top: 1.33333vw;
  }
  .padding-T20 {
    padding-top: 2.66667vw;
  }
  .padding-T30 {
    padding-top: 4vw;
  }
  .padding-T40 {
    padding-top: 5.33333vw;
  }
  .padding-T50 {
    padding-top: 6.66667vw;
  }
  .padding-T60 {
    padding-top: 8vw;
  }
  .padding-T70 {
    padding-top: 9.33333vw;
  }
  .padding-T80 {
    padding-top: 10.66667vw;
  }
}

/* Bottom */
.padding-B10 {
  padding-bottom: 10px;
}

.padding-B20 {
  padding-bottom: 20px;
}

.padding-B30 {
  padding-bottom: 30px;
}

.padding-B40 {
  padding-bottom: 40px;
}

.padding-B50 {
  padding-bottom: 50px;
}

.padding-B60 {
  padding-bottom: 60px;
}

.padding-B70 {
  padding-bottom: 70px;
}

.padding-B80 {
  padding-bottom: 80px;
}

@media (max-width: 767px) {
  .padding-B10 {
    padding-bottom: 1.33333vw;
  }
  .padding-B20 {
    padding-bottom: 2.66667vw;
  }
  .padding-B30 {
    padding-bottom: 4vw;
  }
  .padding-B40 {
    padding-bottom: 5.33333vw;
  }
  .padding-B50 {
    padding-bottom: 6.66667vw;
  }
  .padding-B60 {
    padding-bottom: 8vw;
  }
  .padding-B70 {
    padding-bottom: 9.33333vw;
  }
  .padding-B80 {
    padding-bottom: 10.66667vw;
  }
}

/*---------- 余白（Margin）設定 ----------*/
/* Bottom */
.margin-B10 {
  margin-bottom: 10px;
}

.margin-B20 {
  margin-bottom: 20px;
}

.margin-B30 {
  margin-bottom: 30px;
}

.margin-B40 {
  margin-bottom: 40px;
}

.margin-B50 {
  margin-bottom: 50px;
}

.margin-B60 {
  margin-bottom: 60px;
}

.margin-B70 {
  margin-bottom: 70px;
}

.margin-B80 {
  margin-bottom: 80px;
}

.margin-B120 {
  margin-bottom: 120px;
}

.margin-B-line-2{
  margin-bottom:86px;
}
.margin-B-line-6{
  margin-bottom:86px
}


@media (max-width: 767px) {
  .margin-B10 {
    margin-bottom: 1.33333vw;
  }
  .margin-B20 {
    margin-bottom: 2.66667vw;
  }
  .margin-B30 {
    margin-bottom: 4vw;
  }
  .margin-B40 {
    margin-bottom: 5.33333vw;
  }
  .margin-B50 {
    margin-bottom: 6.66667vw;
  }
  .margin-B60 {
    margin-bottom: 8vw;
  }
  .margin-B70 {
    margin-bottom: 9.33333vw;
  }
  .margin-B80 {
    margin-bottom: 10.66667vw;
  }
  .margin-B120 {
    margin-bottom: 12.66667vw;
  }
  .margin-B-line-2{
    margin-bottom:0px;
  }
  .margin-B-line-6{
    margin-bottom:0px
  }

}

/*---------- コンテンツWRAP FullSize用 内コンテンツ幅設定 ----------*/
.width-960 {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  .width-960 {
    width: calc(100% - 16vw);
  }
}

/*---------- 文字サイズ設定 ----------*/
.textSize-12 {
  font-size: 12px;
}

.textSize-14 {
  font-size: 14px;
}

.textSize-17 {
  font-size: 17px;
}

.textSize-24 {
  font-size: 24px;
}

@media (max-width: 767px) {
  .textSize-12 {
    font-size: 2.66667vw;
  }
  .textSize-14 {
    font-size: 3.2vw;
  }
  .textSize-17 {
    font-size: 3.46667vw;
  }
  .textSize-24 {
    font-size: 3.73333vw;
  }
}

/*---------- 文字位置設定 ----------*/
/* 左詰め */
.textAlign-left {
  text-align: left;
}
.textAlign-center {
  text-align: center;
}
.textAlign-right {
  text-align: right;
}

/*---------- 文字色設定 ----------*/
/* 黒色～白色 */
.textColor-Black {
  color: #000;
}

.textColor-Black.icon::before {
  background-color: #000;
}

.textColor-Darkgray {
  color: #333;
}

.textColor-Darkgray.icon::before {
  background-color: #333;
}

.textColor-Gray {
  color: #999;
}

.textColor-Gray.icon::before {
  background-color: #999;
}

.textColor-Palegray {
  color: #e8e8e8;
}

.textColor-Palegray.icon::before {
  background-color: #e8e8e8;
}

.textColor-White {
  color: #fff;
}

.textColor-White.icon::before {
  background-color: #fff;
}

/* 赤色 */
.textColor-Darkred {
  color: #6b0000;
}

.textColor-Darkred.icon::before {
  background-color: #6b0000;
}

.textColor-Red {
  color: #f00;
}

.textColor-Red.icon::before {
  background-color: #f00;
}

.textColor-Palered {
  color: #fadbda;
}

.textColor-Palered.icon::before {
  background-color: #fadbda;
}

/* 桃色 */
.textColor-Darkpink {
  color: #663d41;
}

.textColor-Darkpink.icon::before {
  background-color: #663d41;
}

.textColor-Pink {
  color: #f09199;
}

.textColor-Pink.icon::before {
  background-color: #f09199;
}

.textColor-Palepink {
  color: #f0c0c4;
}

.textColor-Palepink.icon::before {
  background-color: #f0c0c4;
}

/* 橙色 */
.textColor-Darkorange {
  color: #8c4a00;
}

.textColor-Darkorange.icon::before {
  background-color: #8c4a00;
}

.textColor-Orange {
  color: #fd7e00;
}

.textColor-Orange.icon::before {
  background-color: #fd7e00;
}

.textColor-Paleorange {
  color: #ffd199;
}

.textColor-Paleorange.icon::before {
  background-color: #ffd199;
}

/* 黄色 */
.textColor-Darkyellow {
  color: #650;
}

.textColor-Darkyellow.icon::before {
  background-color: #650;
}

.textColor-Yellow {
  color: #ffd800;
}

.textColor-Yellow.icon::before {
  background-color: #ffd800;
}

.textColor-Paleyellow {
  color: #ffc;
}

.textColor-Paleyellow.icon::before {
  background-color: #ffc;
}

/* 黄緑色 */
.textColor-Darkgreen-y {
  color: #495525;
}

.textColor-Darkgreen-y.icon::before {
  background-color: #495525;
}

.textColor-Green-y {
  color: #8dbb01;
}

.textColor-Green-y.icon::before {
  background-color: #8dbb01;
}

.textColor-Palegreen-y {
  color: #f0f9e0;
}

.textColor-Palegreen-y.icon::before {
  background-color: #f0f9e0;
}

/* 緑色 */
.textColor-Darkgreen {
  color: #050;
}

.textColor-Darkgreen.icon::before {
  background-color: #050;
}

.textColor-Green {
  color: #0f0;
}

.textColor-Green.icon::before {
  background-color: #0f0;
}

.textColor-Palegreen {
  color: #efe;
}

.textColor-Palegreen.icon::before {
  background-color: #efe;
}

/* 水色 */
.textColor-Darklightblue {
  color: #006f86;
}

.textColor-Darklightblue.icon::before {
  background-color: #006f86;
}

.textColor-Lightblue {
  color: #00a4ac;
}

.textColor-Lightblue.icon::before {
  background-color: #00a4ac;
}

.textColor-Palelightblue {
  color: #cfeff4;
}

.textColor-Palelightblue.icon::before {
  background-color: #cfeff4;
}

/* 青色 */
.textColor-Darkblue {
  color: #00004b;
}

.textColor-Darkblue.icon::before {
  background-color: #00004b;
}

.textColor-Blue {
  color: #00f;
}

.textColor-Blue.icon::before {
  background-color: #00f;
}

.textColor-Paleblue {
  color: #d3def1;
}

.textColor-Paleblue.icon::before {
  background-color: #d3def1;
}

/* 紫色 */
.textColor-Darkpurple {
  color: #4d134d;
}

.textColor-Darkpurple.icon::before {
  background-color: #4d134d;
}

.textColor-Purple {
  color: #a260bf;
}

.textColor-Purple.icon::before {
  background-color: #a260bf;
}

.textColor-Palepurple {
  color: #f0e4f5;
}

.textColor-Palepurple.icon::before {
  background-color: #f0e4f5;
}

/*---------- 背景色設定 ----------*/
/* 黒色～白色 */
.bgColor-Black {
  background-color: #000;
}

.bgColor-Darkgray {
  background-color: #7db329;
}

.bgColor-Gray {
  background-color: #999;
}

.bgColor-Palegray {
  background-color: #e8e8e8;
}

.bgColor-White {
  background-color: #fff;
}

/* 赤色 */
.bgColor-Darkred {
  background-color: #6b0000;
}

.bgColor-Red {
  background-color: #f00;
}

.bgColor-Palered {
  background-color: #fadbda;
}

/* 桃色 */
.bgColor-Darkpink {
  background-color: #663d41;
}

.bgColor-Pink {
  background-color: #f09199;
}

.bgColor-Palepink {
  background-color: #f0c0c4;
}

/* 橙色 */
.bgColor-Darkorange {
  background-color: #8c4a00;
}

.bgColor-Orange {
  background-color: #fd7e00;
}

.bgColor-Paleorange {
  background-color: #ffd199;
}

/* 黄色 */
.bgColor-Darkyellow {
  background-color: #650;
}

.bgColor-Yellow {
  background-color: #ffd800;
}

.bgColor-Paleyellow {
  background-color: #ffc;
}

/* 黄緑色 */
.bgColor-Darkgreen-y {
  background-color: #495525;
}

.bgColor-Green-y {
  background-color: #d30e18;
}

.bgColor-Palegreen-y {
  background-color: #f0f9e0;
}

/* 緑色 */
.bgColor-Darkgreen {
  background-color: #050;
}

.bgColor-Green {
  background-color: #0f0;
}

.bgColor-Palegreen {
  background-color: #efe;
}

/* 水色 */
.bgColor-Darklightblue {
  background-color: #006f86;
}

.bgColor-Lightblue {
  background-color: #00a4ac;
}

.bgColor-Palelightblue {
  background-color: #cfeff4;
}

/* 青色 */
.bgColor-Darkblue {
  background-color: #00004b;
}

.bgColor-Blue {
  background-color: #00f;
}

.bgColor-Paleblue {
  background-color: #d3def1;
}

/* 紫色 */
.bgColor-Darkpurple {
  background-color: #4d134d;
}

.bgColor-Purple {
  background-color: #a260bf;
}

.bgColor-Palepurple {
  background-color: #f0e4f5;
}

/*---------- ヘッダー設定 ----------*/
header {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 960px;
  height: 120px;
  text-align: center;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  background-color: #000;
}

@media (max-width: 767px) {
  header {
    min-width: 100%;
    height: 16vw;
    -webkit-box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.23);
    box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.23);
  }
}

header span {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
}

header.fixed {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

/*---------- キービジュアル設定 ----------*/
.tpl__keyvisual {
  width: 100%;
  text-align: center;
}
.tpl__keyvisual.full img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .tpl__keyvisual.full img,
  .tpl__keyvisual img {
    width: 100%;
    height: 100%;
  }
}

/*---------- 全体コンテンツ枠設定 ----------*/
.tpl__contents-wrap {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.tpl__contents-wrap.fullWidth {
  width: 100%;
}

@media (max-width: 767px) {
  .tpl__contents-wrap {
    width: calc(100% - 16vw);
    margin-right: 8vw;
    margin-left: 8vw;
  }
  .tpl__contents-wrap.fullWidth {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

/*---------- タイトル設定 ----------*/
/* 大タイトル */
.tpl__title_h1 {
  position: relative;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  /* padding-bottom: 30px; */
}
.tpl__title_h1 img {
  width: 100%;
  height: 100%;
}

.tpl__title_h1 .underline {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 6px;
  background-color: #000;
  margin: auto;
}

@media (max-width: 767px) {
  .tpl__title_h1 {
    font-size: 5.06667vw;
    /* padding-bottom: 4vw; */
    line-height: 1.25;
    word-break: normal;
  }
  .tpl__title_h1 .underline {
    width: 10.66667vw;
    height: 0.8vw;
  }
}

.tpl__title_h1.textColor-Black .underline {
  background-color: #000;
}

.tpl__title_h1.textColor-Darkgray .underline {
  background-color: #333;
}

.tpl__title_h1.textColor-Gray .underline {
  background-color: #999;
}

.tpl__title_h1.textColor-Palegray .underline {
  background-color: #e8e8e8;
}

.tpl__title_h1.textColor-White .underline {
  background-color: #fff;
}

.tpl__title_h1.textColor-Darkred .underline {
  background-color: #6b0000;
}

.tpl__title_h1.textColor-Red .underline {
  background-color: #f00;
}

.tpl__title_h1.textColor-Palered .underline {
  background-color: #fadbda;
}

.tpl__title_h1.textColor-Darkpink .underline {
  background-color: #663d41;
}

.tpl__title_h1.textColor-Pink .underline {
  background-color: #f09199;
}

.tpl__title_h1.textColor-Palepink .underline {
  background-color: #f0c0c4;
}

.tpl__title_h1.textColor-Darkorange .underline {
  background-color: #8c4a00;
}

.tpl__title_h1.textColor-Orange .underline {
  background-color: #fd7e00;
}

.tpl__title_h1.textColor-Paleorange .underline {
  background-color: #ffd199;
}

.tpl__title_h1.textColor-Darkyellow .underline {
  background-color: #650;
}

.tpl__title_h1.textColor-Yellow .underline {
  background-color: #ffd800;
}

.tpl__title_h1.textColor-Paleyellow .underline {
  background-color: #ffc;
}

.tpl__title_h1.textColor-Darkgreen-y .underline {
  background-color: #495525;
}

.tpl__title_h1.textColor-Green-y .underline {
  background-color: #8dbb01;
}

.tpl__title_h1.textColor-Palegreen-y .underline {
  background-color: #f0f9e0;
}

.tpl__title_h1.textColor-Darkgreen .underline {
  background-color: #050;
}

.tpl__title_h1.textColor-Green .underline {
  background-color: #0f0;
}

.tpl__title_h1.textColor-Palegreen .underline {
  background-color: #efe;
}

.tpl__title_h1.textColor-Darklightblue .underline {
  background-color: #006f86;
}

.tpl__title_h1.textColor-Lightblue .underline {
  background-color: #00a4ac;
}

.tpl__title_h1.textColor-Palelightblue .underline {
  background-color: #cfeff4;
}

.tpl__title_h1.textColor-Darkblue .underline {
  background-color: #00004b;
}

.tpl__title_h1.textColor-Blue .underline {
  background-color: #00f;
}

.tpl__title_h1.textColor-Paleblue .underline {
  background-color: #d3def1;
}

.tpl__title_h1.textColor-Darkpurple .underline {
  background-color: #4d134d;
}

.tpl__title_h1.textColor-Purple .underline {
  background-color: #a260bf;
}

.tpl__title_h1.textColor-Palepurple .underline {
  background-color: #f0e4f5;
}

/* 中タイトル */
.tpl__title_h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  border-bottom: 2px solid #e9e9e9;
  padding-bottom: 10px;
  margin-right: 0;
  margin-left: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .tpl__title_h2 {
    font-size: 4.26667vw;
    border-bottom: 0.26667vw solid #e9e9e9;
    padding-bottom: 2.66667vw;
  }
}

.tpl__title_h2.textColor-Black {
  border-bottom: 2px solid #000;
}

.tpl__title_h2.textColor-Darkgray {
  border-bottom: 2px solid #333;
}

.tpl__title_h2.textColor-Gray {
  border-bottom: 2px solid #999;
}

.tpl__title_h2.textColor-Palegray {
  border-bottom: 2px solid #e8e8e8;
}

.tpl__title_h2.textColor-White {
  border-bottom: 2px solid #fff;
}

.tpl__title_h2.textColor-Darkred {
  border-bottom: 2px solid #6b0000;
}

.tpl__title_h2.textColor-Red {
  border-bottom: 2px solid #f00;
}

.tpl__title_h2.textColor-Palered {
  border-bottom: 2px solid #fadbda;
}

.tpl__title_h2.textColor-Darkpink {
  border-bottom: 2px solid #663d41;
}

.tpl__title_h2.textColor-Pink {
  border-bottom: 2px solid #f09199;
}

.tpl__title_h2.textColor-Palepink {
  border-bottom: 2px solid #f0c0c4;
}

.tpl__title_h2.textColor-Darkorange {
  border-bottom: 2px solid #8c4a00;
}

.tpl__title_h2.textColor-Orange {
  border-bottom: 2px solid #fd7e00;
}

.tpl__title_h2.textColor-Paleorange {
  border-bottom: 2px solid #ffd199;
}

.tpl__title_h2.textColor-Darkyellow {
  border-bottom: 2px solid #650;
}

.tpl__title_h2.textColor-Yellow {
  border-bottom: 2px solid #ffd800;
}

.tpl__title_h2.textColor-Paleyellow {
  border-bottom: 2px solid #ffc;
}

.tpl__title_h2.textColor-Darkgreen-y {
  border-bottom: 2px solid #495525;
}

.tpl__title_h2.textColor-Green-y {
  border-bottom: 2px solid #8dbb01;
}

.tpl__title_h2.textColor-Palegreen-y {
  border-bottom: 2px solid #f0f9e0;
}

.tpl__title_h2.textColor-Darkgreen {
  border-bottom: 2px solid #050;
}

.tpl__title_h2.textColor-Green {
  border-bottom: 2px solid #0f0;
}

.tpl__title_h2.textColor-Palegreen {
  border-bottom: 2px solid #efe;
}

.tpl__title_h2.textColor-Darklightblue {
  border-bottom: 2px solid #006f86;
}

.tpl__title_h2.textColor-Lightblue {
  border-bottom: 2px solid #00a4ac;
}

.tpl__title_h2.textColor-Palelightblue {
  border-bottom: 2px solid #cfeff4;
}

.tpl__title_h2.textColor-Darkblue {
  border-bottom: 2px solid #00004b;
}

.tpl__title_h2.textColor-Blue {
  border-bottom: 2px solid #00f;
}

.tpl__title_h2.textColor-Paleblue {
  border-bottom: 2px solid #d3def1;
}

.tpl__title_h2.textColor-Darkpurple {
  border-bottom: 2px solid #4d134d;
}

.tpl__title_h2.textColor-Purple {
  border-bottom: 2px solid #a260bf;
}

.tpl__title_h2.textColor-Palepurple {
  border-bottom: 2px solid #f0e4f5;
}

/* 大型キャッシュバックキャンペーン */
.tpl__title_h2.cashback-campaign {
  border-bottom: none;
  padding: 0;
}
.tpl__title_h2.cashback-campaign img {
  width: 100%;
  height: 100%;
}
.tpl__title_h2.cashback-campaign img.pc {
  display: block;
}
.tpl__title_h2.cashback-campaign img.sp {
  display: none;
}

@media (max-width: 767px) {
  .tpl__title_h2.textColor-Black {
    border-bottom: 0.26667vw solid #000;
  }
  .tpl__title_h2.textColor-Darkgray {
    border-bottom: 0.26667vw solid #333;
  }
  .tpl__title_h2.textColor-Gray {
    border-bottom: 0.26667vw solid #999;
  }
  .tpl__title_h2.textColor-Palegray {
    border-bottom: 0.26667vw solid #e8e8e8;
  }
  .tpl__title_h2.textColor-White {
    border-bottom: 0.26667vw solid #fff;
  }
  .tpl__title_h2.textColor-Darkred {
    border-bottom: 0.26667vw solid #6b0000;
  }
  .tpl__title_h2.textColor-Red {
    border-bottom: 0.26667vw solid #f00;
  }
  .tpl__title_h2.textColor-Palered {
    border-bottom: 0.26667vw solid #fadbda;
  }
  .tpl__title_h2.textColor-Darkpink {
    border-bottom: 0.26667vw solid #663d41;
  }
  .tpl__title_h2.textColor-Pink {
    border-bottom: 0.26667vw solid #f09199;
  }
  .tpl__title_h2.textColor-Palepink {
    border-bottom: 0.26667vw solid #f0c0c4;
  }
  .tpl__title_h2.textColor-Darkorange {
    border-bottom: 0.26667vw solid #8c4a00;
  }
  .tpl__title_h2.textColor-Orange {
    border-bottom: 0.26667vw solid #fd7e00;
  }
  .tpl__title_h2.textColor-Paleorange {
    border-bottom: 0.26667vw solid #ffd199;
  }
  .tpl__title_h2.textColor-Darkyellow {
    border-bottom: 0.26667vw solid #650;
  }
  .tpl__title_h2.textColor-Yellow {
    border-bottom: 0.26667vw solid #ffd800;
  }
  .tpl__title_h2.textColor-Paleyellow {
    border-bottom: 0.26667vw solid #ffc;
  }
  .tpl__title_h2.textColor-Darkgreen-y {
    border-bottom: 0.26667vw solid #495525;
  }
  .tpl__title_h2.textColor-Green-y {
    border-bottom: 0.26667vw solid #8dbb01;
  }
  .tpl__title_h2.textColor-Palegreen-y {
    border-bottom: 0.26667vw solid #f0f9e0;
  }
  .tpl__title_h2.textColor-Darkgreen {
    border-bottom: 0.26667vw solid #050;
  }
  .tpl__title_h2.textColor-Green {
    border-bottom: 0.26667vw solid #0f0;
  }
  .tpl__title_h2.textColor-Palegreen {
    border-bottom: 0.26667vw solid #efe;
  }
  .tpl__title_h2.textColor-Darklightblue {
    border-bottom: 0.26667vw solid #006f86;
  }
  .tpl__title_h2.textColor-Lightblue {
    border-bottom: 0.26667vw solid #00a4ac;
  }
  .tpl__title_h2.textColor-Palelightblue {
    border-bottom: 0.26667vw solid #cfeff4;
  }
  .tpl__title_h2.textColor-Darkblue {
    border-bottom: 0.26667vw solid #00004b;
  }
  .tpl__title_h2.textColor-Blue {
    border-bottom: 0.26667vw solid #00f;
  }
  .tpl__title_h2.textColor-Paleblue {
    border-bottom: 0.26667vw solid #d3def1;
  }
  .tpl__title_h2.textColor-Darkpurple {
    border-bottom: 0.26667vw solid #4d134d;
  }
  .tpl__title_h2.textColor-Purple {
    border-bottom: 0.26667vw solid #a260bf;
  }
  .tpl__title_h2.textColor-Palepurple {
    border-bottom: 0.26667vw solid #f0e4f5;
  }

  /* 大型キャッシュバックキャンペーン */
  .tpl__title_h2.cashback-campaign img.pc {
    display: none;
  }
  .tpl__title_h2.cashback-campaign img.sp {
    display: block;
  }
}

/* 小タイトル */
.tpl__title_h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-right: 0;
  margin-left: 0;
}

@media (max-width: 767px) {
  .tpl__title_h3 {
    font-size: 3.73333vw;
  }
}

/*---------- 各要素（コンテンツ）設定 ----------*/
/* 横並び（1カラム）*/
.tpl__contents.column1 .tpl__contents_item-photo {
  margin-bottom: 25px;
}
.tpl__contents.column1 .tpl__contents_item-photo--anchor {
  transition: filter .7s;
}
.tpl__contents.column1 .tpl__contents_item-photo--anchor:hover {
  filter: brightness(1.2);
}
.tpl__contents.column1 .tpl__contents_item-photo--anchor.noHover {
  transition: filter .0s;
}
.tpl__contents.column1 .tpl__contents_item-photo--anchor.noHover:hover {
  filter: brightness(1.0);
}
.tpl__contents.column1 .tpl__contents_item-text {
  font-size: 17px;
  line-height: 2;
  text-align: left;
}
.tpl__contents.column1 .tpl__contents_item-photo.infection {
  width: 700px;
  margin-right: auto;
  margin-left: auto;
}
.tpl__contents.column1 .tpl__contents_item-photo.infection a:hover {
  opacity: .7;
}

/* 横並び（2カラム）*/
.tpl__contents.column2 {
  font-size: 0;
  margin-right: -30px;
  margin-left: -30px;
  text-align: left;
}

.tpl__contents.column2 .tpl__contents_item {
  display: inline-block;
  width: calc((100% / 2) - 60px);
  margin-right: 30px;
  margin-left: 30px;
  margin-top: 70px;
  vertical-align: top;
  /* height: 550px; */
  text-align: left;
}

.tpl__contents.column2 .tpl__contents_item-photo {
  margin-bottom: 15px;
}

.tpl__contents.column2 .tpl__contents_item-text {
  font-size: 12px;
  line-height: 2;
  /* height: 120px; */
  text-align: left;
}
.tpl__contents.column2 .tpl__contents_item-text span.accent {
  color: #199b37;
  font-weight: 700;
}
.tpl__contents.column2 .tpl__contents_item-text span.underline {
  text-decoration: underline;
}

.tpl__contents.column2 .tpl__contents_item-text a {
  text-decoration:underline
}
.tpl__contents.column2 .tpl__contents_item-text a:hover {
  text-decoration:none;
}
.tpl__contents.column2 .tpl__contents_item-text a.special-campaign:hover {
  color: #199b37;
  text-decoration:underline;
}


.box_ttl{
  display:block;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .box_ttl{
    font-size: 3.8vw;
    font-weight: bold;
  }
}
.box_sub-ttl{
  display:block;
  font-size: 14px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .box_sub-ttl{
    font-size: 3.4vw;
    font-weight: bold;
  }
}


/* 横並び（3カラム）*/
.tpl__contents.column3 {
  font-size: 0;
  margin-right: -15px;
  margin-left: -15px;
}

.tpl__contents.column3 .tpl__contents_item {
  display: inline-block;
  width: calc((100% / 3) - 30px);
  vertical-align: top;
  margin-right: 15px;
  margin-left: 15px;
}
.tpl__contents.column3 .tpl__contents_item > a {
  display: block;
}

.tpl__contents.column3 .tpl__contents_item-photo {
  margin-bottom: 15px;
}

.tpl__contents.column3 .tpl__contents_item-text {
  font-size: 14px;
  line-height: 2;
}

/* 横並び（4カラム）*/
.tpl__contents.column4 {
  font-size: 0;
  margin-right: -10px;
  margin-left: -10px;
}

.tpl__contents.column4 .tpl__contents_item {
  display: inline-block;
  width: calc((100% / 4) - 20px);
  margin-right: 10px;
  margin-left: 10px;
}

.tpl__contents.column4 .tpl__contents_item-photo {
  margin-bottom: 15px;
}

.tpl__contents.column4 .tpl__contents_item-text {
  font-size: 14px;
  line-height: 2;
}

.tpl__contents_item-photo img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .tpl__contents.column1 .tpl__contents_item-photo {
    margin-bottom: 4vw;
  }
  .tpl__contents.column1 .tpl__contents_item-photo.fullSize {
    margin-right: -8vw;
    margin-left: -8vw;
  }
  .tpl__contents.column1 .tpl__contents_item-text {
    font-size: 3.46667vw;
    line-height: 1.69231;
    text-align: left;
  }
  .tpl__contents.column1 .tpl__contents_item-photo.infection {
    width: 100%;
  }
  .tpl__contents.column2, .tpl__contents.column3, .tpl__contents.column4 {
    margin-right: 0;
    margin-left: 0;
  }
  .tpl__contents.column2 .tpl__contents_item, .tpl__contents.column3 .tpl__contents_item, .tpl__contents.column4 .tpl__contents_item {
    display: block;
    width: auto;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10.5vw;
    height: auto;
  }
  .tpl__contents.column2 .tpl__contents_item:first-child {
    margin-top: 5.33333vw;
  }
  .tpl__contents.column2 .tpl__contents_item-photo, .tpl__contents.column3 .tpl__contents_item-photo, .tpl__contents.column4 .tpl__contents_item-photo {
    margin-bottom: 3.33333vw;
  }
  .tpl__contents.column2 .tpl__contents_item-text, .tpl__contents.column3 .tpl__contents_item-text, .tpl__contents.column4 .tpl__contents_item-text {
    font-size: 3.2vw;
    line-height: 1.58333;
    height: auto;
    text-align: left;
  }
}

/* 横並び（画像・テキスト）*/
.tpl__contents.left, .tpl__contents.right {
  font-size: 0;
  height: 300px;
}

@media (max-width: 767px) {
.tpl__contents.left, .tpl__contents.right {
 height: 133vw;
}
}

.tpl__contents.left .tpl__contents_photo {
  margin-right: 20px;
}

.tpl__contents.right .tpl__contents_photo {
  margin-left: 20px;
}

.tpl__contents_photo, .tpl__contents_text {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.tpl__contents_photo {
  width: 420px;
}

.tpl__contents_text {
  width: 520px;
}
.tpl__contents_text p {
  font-size: 1.3rem;
  line-height: 2;
  text-align: left;
  margin-bottom: 40px;
  word-break: normal;
}
.tpl__contents_text p span {
  font-weight: 700;
}
.tpl__contents_text .btn {
  width: 380px;
  margin: 0 auto;
}
.tpl__contents_text .btn > a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50px;
  color: #000;
  text-align: center;
  border: 2px solid #000;
}
.tpl__contents_text .btn > a span {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
}
.tpl__contents_text .btn > a svg {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 15px;
  height: 26px;
  margin: auto;
}
.tpl__contents_text .btn > a svg polygon {
  fill: #000;
}

@media (max-width: 767px) {
  .tpl__contents.left .tpl__contents_photo {
    margin-right: 0;
    margin-bottom: 5.06667vw;
  }
  .tpl__contents.right .tpl__contents_photo {
    margin-top: 5.06667vw;
    margin-left: 0;
  }
  .tpl__contents_photo, .tpl__contents_text {
    display: block;
  }
  .tpl__contents_photo {
    width: auto;
  }
  .tpl__contents_photo img {
    width: 100%;
    height: 100%;
  }
  .tpl__contents_text {
    width: 100%;
  }
  .tpl__contents_text p {
    font-size: 3.46667vw;
    margin-top: 0;
    margin-bottom: 5.21512vw;
  }
  .tpl__contents_text .btn {
    width: 80%;
  }
  .tpl__contents_text .btn > a {
    height: 12vw;
  }
  .tpl__contents_text .btn > a svg {
    right: 4vw !important;
    width: 2vw !important;
    height: 3.46667vw !important;
  }
}

/* 注釈文 */
.tpl__contents.annotation {
  color: #666;
  font-size: 12px;
  text-align: right;
  line-height: 1.83333;
}

@media (max-width: 767px) {
  .tpl__contents.annotation {
    font-size: 2.66667vw;
    text-align: left;
    line-height: 1.6;
  }
}

/* リスト */
.tpl__contents.list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 960px;
  border: 6px solid #e7e7e7;
  margin-right: auto;
  margin-left: auto;
}

.tpl__contents.list > ul {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 930px;
  border: 1px solid #e7e7e7;
  padding: 40px 30px;
  margin: 8px auto;
}

.tpl__contents.list > ul > li {
  line-height: 1.71429;
  padding-left: 14px;
  text-indent: -14px;
}

.tpl__contents.list > ul > li::before {
  content: '・';
}

@media (max-width: 767px) {
  .tpl__contents.list {
    width: auto;
  }
  .tpl__contents.list > ul {
    width: calc(100% - 2.13333vw);
    border: 0 solid #e7e7e7;
    padding: 1vw;
    margin: 1vw auto;
  }
  .tpl__contents.list > ul > li {
    line-height: 1.71429;
    padding-left: 1.86667vw;
    text-indent: -3.73333vw;
  }
}

/* アンカー */
.tpl__contents.anchor > a {
  line-height: 2;
}

@media (max-width: 767px) {
  .tpl__contents.anchor > a {
    display: block;
    line-height: 1.78833;
  }
}
/* オンマウス */
/* 黒色～白色 */
.tpl__contents.anchor > a.hover-Black:hover {
  color: #000;
}

.tpl__contents.anchor > a.hover-Black:hover.icon::before {
  background-color: #000;
}

.tpl__contents.anchor > a.hover-Darkgray:hover {
  color: #333;
}

.tpl__contents.anchor > a.hover-Darkgray:hover.icon::before {
  background-color: #333;
}

.tpl__contents.anchor > a.hover-Gray:hover {
  color: #999;
}

.tpl__contents.anchor > a.hover-Gray:hover.icon::before {
  background-color: #999;
}

.tpl__contents.anchor > a.hover-Palegray:hover {
  color: #e8e8e8;
}

.tpl__contents.anchor > a.hover-Palegray:hover.icon::before {
  background-color: #e8e8e8;
}

.tpl__contents.anchor > a.hover-White:hover {
  color: #fff;
}

.tpl__contents.anchor > a.hover-White:hover.icon::before {
  background-color: #fff;
}

/* 赤色 */
.tpl__contents.anchor > a.hover-Darkred:hover {
  color: #6b0000;
}

.tpl__contents.anchor > a.hover-Darkred:hover.icon::before {
  background-color: #6b0000;
}

.tpl__contents.anchor > a.hover-Red:hover {
  color: #f00;
}

.tpl__contents.anchor > a.hover-Red:hover.icon::before {
  background-color: #f00;
}

.tpl__contents.anchor > a.hover-Palered:hover {
  color: #fadbda;
}

.tpl__contents.anchor > a.hover-Palered:hover.icon::before {
  background-color: #fadbda;
}

/* 桃色 */
.tpl__contents.anchor > a.hover-Darkpink:hover {
  color: #663d41;
}

.tpl__contents.anchor > a.hover-Darkpink:hover.icon::before {
  background-color: #663d41;
}

.tpl__contents.anchor > a.hover-Pink:hover {
  color: #f09199;
}

.tpl__contents.anchor > a.hover-Pink:hover.icon::before {
  background-color: #f09199;
}

.tpl__contents.anchor > a.hover-Palepink:hover {
  color: #f0c0c4;
}

.tpl__contents.anchor > a.hover-Palepink:hover.icon::before {
  background-color: #f0c0c4;
}

/* 橙色 */
.tpl__contents.anchor > a.hover-Darkorange:hover {
  color: #8c4a00;
}

.tpl__contents.anchor > a.hover-Darkorange:hover.icon::before {
  background-color: #8c4a00;
}

.tpl__contents.anchor > a.hover-Orange:hover {
  color: #fd7e00;
}

.tpl__contents.anchor > a.hover-Orange:hover.icon::before {
  background-color: #fd7e00;
}

.tpl__contents.anchor > a.hover-Paleorange:hover {
  color: #ffd199;
}

.tpl__contents.anchor > a.hover-Paleorange:hover.icon::before {
  background-color: #ffd199;
}

/* 黄色 */
.tpl__contents.anchor > a.hover-Darkyellow:hover {
  color: #650;
}

.tpl__contents.anchor > a.hover-Darkyellow:hover.icon::before {
  background-color: #650;
}

.tpl__contents.anchor > a.hover-Yellow:hover {
  color: #ffd800;
}

.tpl__contents.anchor > a.hover-Yellow:hover.icon::before {
  background-color: #ffd800;
}

.tpl__contents.anchor > a.hover-Paleyellow:hover {
  color: #ffc;
}

.tpl__contents.anchor > a.hover-Paleyellow:hover.icon::before {
  background-color: #ffc;
}

/* 黄緑色 */
.tpl__contents.anchor > a.hover-Darkgreen-y:hover {
  color: #495525;
}

.tpl__contents.anchor > a.hover-Darkgreen-y:hover.icon::before {
  background-color: #495525;
}

.tpl__contents.anchor > a.hover-Green-y:hover {
  color: #d30e18;
}

.tpl__contents.anchor > a.hover-Green-y:hover.icon::before {
  background-color: #d30e18;
}

.tpl__contents.anchor > a.hover-Palegreen-y:hover {
  color: #f0f9e0;
}

.tpl__contents.anchor > a.hover-Palegreen-y:hover.icon::before {
  background-color: #f0f9e0;
}

/* 緑色 */
.tpl__contents.anchor > a.hover-Darkgreen:hover {
  color: #050;
}

.tpl__contents.anchor > a.hover-Darkgreen:hover.icon::before {
  background-color: #050;
}

.tpl__contents.anchor > a.hover-Green:hover {
  color: #0f0;
}

.tpl__contents.anchor > a.hover-Green:hover.icon::before {
  background-color: #0f0;
}

.tpl__contents.anchor > a.hover-Palegreen:hover {
  color: #efe;
}

.tpl__contents.anchor > a.hover-Palegreen:hover.icon::before {
  background-color: #efe;
}

/* 水色 */
.tpl__contents.anchor > a.hover-Darklightblue:hover {
  color: #006f86;
}

.tpl__contents.anchor > a.hover-Darklightblue:hover.icon::before {
  background-color: #006f86;
}

.tpl__contents.anchor > a.hover-Lightblue:hover {
  color: #00a4ac;
}

.tpl__contents.anchor > a.hover-Lightblue:hover.icon::before {
  background-color: #00a4ac;
}

.tpl__contents.anchor > a.hover-Palelightblue:hover {
  color: #cfeff4;
}

.tpl__contents.anchor > a.hover-Palelightblue:hover.icon::before {
  background-color: #cfeff4;
}

/* 青色 */
.tpl__contents.anchor > a.hover-Darkblue:hover {
  color: #00004b;
}

.tpl__contents.anchor > a.hover-Darkblue:hover.icon::before {
  background-color: #00004b;
}

.tpl__contents.anchor > a.hover-Blue:hover {
  color: #00f;
}

.tpl__contents.anchor > a.hover-Blue:hover.icon::before {
  background-color: #00f;
}

.tpl__contents.anchor > a.hover-Paleblue:hover {
  color: #d3def1;
}

.tpl__contents.anchor > a.hover-Paleblue:hover.icon::before {
  background-color: #d3def1;
}

/* 紫色 */
.tpl__contents.anchor > a.hover-Darkpurple:hover {
  color: #4d134d;
}

.tpl__contents.anchor > a.hover-Darkpurple:hover.icon::before {
  background-color: #4d134d;
}

.tpl__contents.anchor > a.hover-Purple:hover {
  color: #a260bf;
}

.tpl__contents.anchor > a.hover-Purple:hover.icon::before {
  background-color: #a260bf;
}

.tpl__contents.anchor > a.hover-Palepurple:hover {
  color: #f0e4f5;
}

.tpl__contents.anchor > a.hover-Palepurple:hover.icon::before {
  background-color: #f0e4f5;
}

/* コンバージョンボタン */
/* 画像 */
.tpl__contents.btn-IMG {
  width: 380px;
  overflow: hidden;
  margin-right: auto;
  display: block;
  margin: 20px 40px;
}
.tpl__contents.btn-IMG a {
  display: block;
  transition: filter .7s;
}
.tpl__contents.btn-IMG a:hover {
  filter: brightness(1.2);
}
.tpl__contents.btn-IMG img {
  width: 100%;
  height: 100%;
}

/* 共通 */
.tpl__contents.btn-A, .tpl__contents.btn-B {
  width: 380px;
  overflow: hidden;
  margin-right: auto;
  display: block;
  margin: 40px;
}

.tpl__contents.btn-A > a, .tpl__contents.btn-B > a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
}

.tpl__contents.btn-A > a span, .tpl__contents.btn-B > a span {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
}

.tpl__contents.btn-A > a svg, .tpl__contents.btn-B > a svg {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 15px;
  height: 26px;
  margin: auto;
}

@media (max-width: 767px) {
.tpl__contents.btn-A, .tpl__contents.btn-B {
  width: 450px;
  overflow: hidden;
  margin-right: auto;
  margin-left: 32px;
  margin-top: 30px;
}
}


.tpl__contents.btn-A > a.rounded, .tpl__contents.btn-B > a.rounded {
  border-radius: 40px;
}

@media (max-width: 767px) {
  .tpl__contents.btn-A, .tpl__contents.btn-B {
    width: 80%;
  }
  .tpl__contents.btn-A > a, .tpl__contents.btn-B > a {
    height: 12vw;
  }
  .tpl__contents.btn-A > a svg, .tpl__contents.btn-B > a svg {
    right: 4vw !important;
    width: 2vw !important;
    height: 3.46667vw !important;
  }
  .tpl__contents.btn-A > a.rounded, .tpl__contents.btn-B > a.rounded {
    border-radius: 8vw;
  }
}

/*----- 塗りつぶしのボタン -----*/
.tpl__contents.btn-A > a {
  color: #fff;
  background-color: #000;
}

.tpl__contents.btn-A > a svg polygon {
  fill: #fff;
}

/* ボタンの色 */
/* 黒色～白色 */
.tpl__contents.btn-A > a.btnColor-Black {
  background-color: #000;
}

.tpl__contents.btn-A > a.btnColor-Darkgray {
  background-color: #333;
}

.tpl__contents.btn-A > a.btnColor-Gray {
  background-color: #999;
}

.tpl__contents.btn-A > a.btnColor-Palegray {
  background-color: #e8e8e8;
}

.tpl__contents.btn-A > a.btnColor-White {
  background-color: #fff;
}

/* 赤色 */
.tpl__contents.btn-A > a.btnColor-Darkred {
  background-color: #6b0000;
}

.tpl__contents.btn-A > a.btnColor-Red {
  background-color: #f00;
}

.tpl__contents.btn-A > a.btnColor-Palered {
  background-color: #fadbda;
}

/* 桃色 */
.tpl__contents.btn-A > a.btnColor-Darkpink {
  background-color: #663d41;
}

.tpl__contents.btn-A > a.btnColor-Pink {
  background-color: #f09199;
}

.tpl__contents.btn-A > a.btnColor-Palepink {
  background-color: #f0c0c4;
}

/* 橙色 */
.tpl__contents.btn-A > a.btnColor-Darkorange {
  background-color: #8c4a00;
}

.tpl__contents.btn-A > a.btnColor-Orange {
  background-color: #fd7e00;
}

.tpl__contents.btn-A > a.btnColor-Paleorange {
  background-color: #ffd199;
}

/* 黄色 */
.tpl__contents.btn-A > a.btnColor-Darkyellow {
  background-color: #650;
}

.tpl__contents.btn-A > a.btnColor-Yellow {
  background-color: #ffd800;
}

.tpl__contents.btn-A > a.btnColor-Paleyellow {
  background-color: #ffc;
}

/* 黄緑色 */
.tpl__contents.btn-A > a.btnColor-Darkgreen-y {
  background-color: #495525;
}

.tpl__contents.btn-A > a.btnColor-Green-y {
  background-color: #d30e18;
}

.tpl__contents.btn-A > a.btnColor-Palegreen-y {
  background-color: #f0f9e0;
}

/* 緑色 */
.tpl__contents.btn-A > a.btnColor-Darkgreen {
  background-color: #050;
}

.tpl__contents.btn-A > a.btnColor-Green {
  background-color: #0f0;
}

.tpl__contents.btn-A > a.btnColor-Palegreen {
  background-color: #efe;
}

/* 水色 */
.tpl__contents.btn-A > a.btnColor-Darklightblue {
  background-color: #006f86;
}

.tpl__contents.btn-A > a.btnColor-Lightblue {
  background-color: #00a4ac;
}

.tpl__contents.btn-A > a.btnColor-Palelightblue {
  background-color: #cfeff4;
}

/* 青色 */
.tpl__contents.btn-A > a.btnColor-Darkblue {
  background-color: #00004b;
}

.tpl__contents.btn-A > a.btnColor-Blue {
  background-color: #00f;
}

.tpl__contents.btn-A > a.btnColor-Paleblue {
  background-color: #d3def1;
}

/* 紫色 */
.tpl__contents.btn-A > a.btnColor-Darkpurple {
  background-color: #4d134d;
}

.tpl__contents.btn-A > a.btnColor-Purple {
  background-color: #a260bf;
}

.tpl__contents.btn-A > a.btnColor-Palepurple {
  background-color: #f0e4f5;
}

/* ボタンオンマウスの色 */
/* 黒色～白色 */
.tpl__contents.btn-A > a.btnHover-Black:hover {
  background-color: #000;
}

.tpl__contents.btn-A > a.btnHover-Darkgray:hover {
  background-color: #333;
}

.tpl__contents.btn-A > a.btnHover-Gray:hover {
  background-color: #999;
}

.tpl__contents.btn-A > a.btnHover-Palegray:hover {
  background-color: #e8e8e8;
}

.tpl__contents.btn-A > a.btnHover-White:hover {
  background-color: #fff;
}

/* 赤色 */
.tpl__contents.btn-A > a.btnHover-Darkred:hover {
  background-color: #6b0000;
}

.tpl__contents.btn-A > a.btnHover-Red:hover {
  background-color: #f00;
}

.tpl__contents.btn-A > a.btnHover-Palered:hover {
  background-color: #fadbda;
}

/* 桃色 */
.tpl__contents.btn-A > a.btnHover-Darkpink:hover {
  background-color: #663d41;
}

.tpl__contents.btn-A > a.btnHover-Pink:hover {
  background-color: #f09199;
}

.tpl__contents.btn-A > a.btnHover-Palepink:hover {
  background-color: #f0c0c4;
}

/* 橙色 */
.tpl__contents.btn-A > a.btnHover-Darkorange:hover {
  background-color: #8c4a00;
}

.tpl__contents.btn-A > a.btnHover-Orange:hover {
  background-color: #fd7e00;
}

.tpl__contents.btn-A > a.btnHover-Paleorange:hover {
  background-color: #ffd199;
}

/* 黄色 */
.tpl__contents.btn-A > a.btnHover-Darkyellow:hover {
  background-color: #650;
}

.tpl__contents.btn-A > a.btnHover-Yellow:hover {
  background-color: #ffd800;
}

.tpl__contents.btn-A > a.btnHover-Paleyellow:hover {
  background-color: #ffc;
}

/* 黄緑色 */
.tpl__contents.btn-A > a.btnHover-Darkgreen-y:hover {
  background-color: #495525;
}

.tpl__contents.btn-A > a.btnHover-Green-y:hover {
  background-color: #d30e18;
}

.tpl__contents.btn-A > a.btnHover-Palegreen-y:hover {
  background-color: #f0f9e0;
}

/* 緑色 */
.tpl__contents.btn-A > a.btnHover-Darkgreen:hover {
  background-color: #050;
}

.tpl__contents.btn-A > a.btnHover-Green:hover {
  background-color: #0f0;
}

.tpl__contents.btn-A > a.btnHover-Palegreen:hover {
  background-color: #efe;
}

/* 水色 */
.tpl__contents.btn-A > a.btnHover-Darklightblue:hover {
  background-color: #006f86;
}

.tpl__contents.btn-A > a.btnHover-Lightblue:hover {
  background-color: #00a4ac;
}

.tpl__contents.btn-A > a.btnHover-Palelightblue:hover {
  background-color: #cfeff4;
}

/* 青色 */
.tpl__contents.btn-A > a.btnHover-Darkblue:hover {
  background-color: #00004b;
}

.tpl__contents.btn-A > a.btnHover-Blue:hover {
  background-color: #00004b94;
}

.tpl__contents.btn-A > a.btnHover-Paleblue:hover {
  background-color: #d3def1;
}

/* 紫色 */
.tpl__contents.btn-A > a.btnHover-Darkpurple:hover {
  background-color: #4d134d;
}

.tpl__contents.btn-A > a.btnHover-Purple:hover {
  background-color: #a260bf;
}

.tpl__contents.btn-A > a.btnHover-Palepurple:hover {
  background-color: #f0e4f5;
}

/*----- 枠線のボタン -----*/
.tpl__contents.btn-B > a {
  color: #000;
  border: 2px solid #000;
}

.tpl__contents.btn-B > a svg polygon {
  fill: #000;
}

/* ボタンの色 */
/* 黒色～白色 */
.tpl__contents.btn-B > a.btnColor-Black {
  color: #000;
  border: 2px solid #000;
}

.tpl__contents.btn-B > a.btnColor-Black svg polygon {
  fill: #000;
}

.tpl__contents.btn-B > a.btnColor-Darkgray {
  color: #333;
  border: 2px solid #333;
}

.tpl__contents.btn-B > a.btnColor-Darkgray svg polygon {
  fill: #333;
}

.tpl__contents.btn-B > a.btnColor-Gray {
  color: #999;
  border: 2px solid #999;
}

.tpl__contents.btn-B > a.btnColor-Gray svg polygon {
  fill: #999;
}

.tpl__contents.btn-B > a.btnColor-Palegray {
  color: #e8e8e8;
  border: 2px solid #e8e8e8;
}

.tpl__contents.btn-B > a.btnColor-Palegray svg polygon {
  fill: #e8e8e8;
}

.tpl__contents.btn-B > a.btnColor-White {
  color: #fff;
  border: 2px solid #fff;
}

.tpl__contents.btn-B > a.btnColor-White svg polygon {
  fill: #fff;
}

/* 赤色 */
.tpl__contents.btn-B > a.btnColor-Darkred {
  color: #6b0000;
  border: 2px solid #6b0000;
}

.tpl__contents.btn-B > a.btnColor-Darkred svg polygon {
  fill: #6b0000;
}

.tpl__contents.btn-B > a.btnColor-Red {
  color: #f00;
  border: 2px solid #f00;
}

.tpl__contents.btn-B > a.btnColor-Red svg polygon {
  fill: #f00;
}

.tpl__contents.btn-B > a.btnColor-Palered {
  color: #fadbda;
  border: 2px solid #fadbda;
}

.tpl__contents.btn-B > a.btnColor-Palered svg polygon {
  fill: #fadbda;
}

/* 桃色 */
.tpl__contents.btn-B > a.btnColor-Darkpink {
  color: #663d41;
  border: 2px solid #663d41;
}

.tpl__contents.btn-B > a.btnColor-Darkpink svg polygon {
  fill: #663d41;
}

.tpl__contents.btn-B > a.btnColor-Pink {
  color: #f09199;
  border: 2px solid #f09199;
}

.tpl__contents.btn-B > a.btnColor-Pink svg polygon {
  fill: #f09199;
}

.tpl__contents.btn-B > a.btnColor-Palepink {
  color: #f0c0c4;
  border: 2px solid #f0c0c4;
}

.tpl__contents.btn-B > a.btnColor-Palepink svg polygon {
  fill: #f0c0c4;
}

/* 橙色 */
.tpl__contents.btn-B > a.btnColor-Darkorange {
  color: #8c4a00;
  border: 2px solid #8c4a00;
}

.tpl__contents.btn-B > a.btnColor-Darkorange svg polygon {
  fill: #8c4a00;
}

.tpl__contents.btn-B > a.btnColor-Orange {
  color: #fd7e00;
  border: 2px solid #fd7e00;
}

.tpl__contents.btn-B > a.btnColor-Orange svg polygon {
  fill: #fd7e00;
}

.tpl__contents.btn-B > a.btnColor-Paleorange {
  color: #ffd199;
  border: 2px solid #ffd199;
}

.tpl__contents.btn-B > a.btnColor-Paleorange svg polygon {
  fill: #ffd199;
}

/* 黄色 */
.tpl__contents.btn-B > a.btnColor-Darkyellow {
  color: #650;
  border: 2px solid #650;
}

.tpl__contents.btn-B > a.btnColor-Darkyellow svg polygon {
  fill: #650;
}

.tpl__contents.btn-B > a.btnColor-Yellow {
  color: #ffd800;
  border: 2px solid #ffd800;
}

.tpl__contents.btn-B > a.btnColor-Yellow svg polygon {
  fill: #ffd800;
}

.tpl__contents.btn-B > a.btnColor-Paleyellow {
  color: #ffc;
  border: 2px solid #ffc;
}

.tpl__contents.btn-B > a.btnColor-Paleyellow svg polygon {
  fill: #ffc;
}

/* 黄緑色 */
.tpl__contents.btn-B > a.btnColor-Darkgreen-y {
  color: #495525;
  border: 2px solid #495525;
}

.tpl__contents.btn-B > a.btnColor-Darkgreen-y svg polygon {
  fill: #495525;
}

.tpl__contents.btn-B > a.btnColor-Green-y {
  color: #d30e18;
  border: 2px solid #d30e18;
}

.tpl__contents.btn-B > a.btnColor-Green-y svg polygon {
  fill: #d30e18;
}

.tpl__contents.btn-B > a.btnColor-Palegreen-y {
  color: #f0f9e0;
  border: 2px solid #f0f9e0;
}

.tpl__contents.btn-B > a.btnColor-Palegreen-y svg polygon {
  fill: #f0f9e0;
}

/* 緑色 */
.tpl__contents.btn-B > a.btnColor-Darkgreen {
  color: #050;
  border: 2px solid #050;
}

.tpl__contents.btn-B > a.btnColor-Darkgreen svg polygon {
  fill: #050;
}

.tpl__contents.btn-B > a.btnColor-Green {
  color: #0f0;
  border: 2px solid #0f0;
}

.tpl__contents.btn-B > a.btnColor-Green svg polygon {
  fill: #0f0;
}

.tpl__contents.btn-B > a.btnColor-Palegreen {
  color: #efe;
  border: 2px solid #efe;
}

.tpl__contents.btn-B > a.btnColor-Palegreen svg polygon {
  fill: #efe;
}

/* 水色 */
.tpl__contents.btn-B > a.btnColor-Darklightblue {
  color: #006f86;
  border: 2px solid #006f86;
}

.tpl__contents.btn-B > a.btnColor-Darklightblue svg polygon {
  fill: #006f86;
}

.tpl__contents.btn-B > a.btnColor-Lightblue {
  color: #00a4ac;
  border: 2px solid #00a4ac;
}

.tpl__contents.btn-B > a.btnColor-Lightblue svg polygon {
  fill: #00a4ac;
}

.tpl__contents.btn-B > a.btnColor-Palelightblue {
  color: #cfeff4;
  border: 2px solid #cfeff4;
}

.tpl__contents.btn-B > a.btnColor-Palelightblue svg polygon {
  fill: #cfeff4;
}

/* 青色 */
.tpl__contents.btn-B > a.btnColor-Darkblue {
  color: #00004b;
  border: 2px solid #00004b;
}

.tpl__contents.btn-B > a.btnColor-Darkblue svg polygon {
  fill: #00004b;
}

.tpl__contents.btn-B > a.btnColor-Blue {
  color: #00f;
  border: 2px solid #00f;
}

.tpl__contents.btn-B > a.btnColor-Blue svg polygon {
  fill: #00f;
}

.tpl__contents.btn-B > a.btnColor-Paleblue {
  color: #d3def1;
  border: 2px solid #d3def1;
}

.tpl__contents.btn-B > a.btnColor-Paleblue svg polygon {
  fill: #d3def1;
}

/* 紫色 */
.tpl__contents.btn-B > a.btnColor-Darkpurple {
  color: #4d134d;
  border: 2px solid #4d134d;
}

.tpl__contents.btn-B > a.btnColor-Darkpurple svg polygon {
  fill: #4d134d;
}

.tpl__contents.btn-B > a.btnColor-Purple {
  color: #a260bf;
  border: 2px solid #a260bf;
}

.tpl__contents.btn-B > a.btnColor-Purple svg polygon {
  fill: #a260bf;
}

.tpl__contents.btn-B > a.btnColor-Palepurple {
  color: #f0e4f5;
  border: 2px solid #f0e4f5;
}

.tpl__contents.btn-B > a.btnColor-Palepurple svg polygon {
  fill: #f0e4f5;
}

/* ボタンオンマウスの色 */
/* 黒色～白色 */
.tpl__contents.btn-B > a.btnHover-Black:hover {
  color: #000;
  border: 2px solid #000;
}

.tpl__contents.btn-B > a.btnHover-Black:hover svg polygon {
  fill: #000;
}

.tpl__contents.btn-B > a.btnHover-Darkgray:hover {
  color: #333;
  border: 2px solid #333;
}

.tpl__contents.btn-B > a.btnHover-Darkgray:hover svg polygon {
  fill: #333;
}

.tpl__contents.btn-B > a.btnHover-Gray:hover {
  color: #999;
  border: 2px solid #999;
}

.tpl__contents.btn-B > a.btnHover-Gray:hover svg polygon {
  fill: #999;
}

.tpl__contents.btn-B > a.btnHover-Palegray:hover {
  color: #e8e8e8;
  border: 2px solid #e8e8e8;
}

.tpl__contents.btn-B > a.btnHover-Palegray:hover svg polygon {
  fill: #e8e8e8;
}

.tpl__contents.btn-B > a.btnHover-White:hover {
  color: #fff;
  border: 2px solid #fff;
}

.tpl__contents.btn-B > a.btnHover-White:hover svg polygon {
  fill: #fff;
}

/* 赤色 */
.tpl__contents.btn-B > a.btnHover-Darkred:hover {
  color: #6b0000;
  border: 2px solid #6b0000;
}

.tpl__contents.btn-B > a.btnHover-Darkred:hover svg polygon {
  fill: #6b0000;
}

.tpl__contents.btn-B > a.btnHover-Red:hover {
  color: #f00;
  border: 2px solid #f00;
}

.tpl__contents.btn-B > a.btnHover-Red:hover svg polygon {
  fill: #f00;
}

.tpl__contents.btn-B > a.btnHover-Palered:hover {
  color: #fadbda;
  border: 2px solid #fadbda;
}

.tpl__contents.btn-B > a.btnHover-Palered:hover svg polygon {
  fill: #fadbda;
}

/* 桃色 */
.tpl__contents.btn-B > a.btnHover-Darkpink:hover {
  color: #663d41;
  border: 2px solid #663d41;
}

.tpl__contents.btn-B > a.btnHover-Darkpink:hover svg polygon {
  fill: #663d41;
}

.tpl__contents.btn-B > a.btnHover-Pink:hover {
  color: #f09199;
  border: 2px solid #f09199;
}

.tpl__contents.btn-B > a.btnHover-Pink:hover svg polygon {
  fill: #f09199;
}

.tpl__contents.btn-B > a.btnHover-Palepink:hover {
  color: #f0c0c4;
  border: 2px solid #f0c0c4;
}

.tpl__contents.btn-B > a.btnHover-Palepink:hover svg polygon {
  fill: #f0c0c4;
}

/* 橙色 */
.tpl__contents.btn-B > a.btnHover-Darkorange:hover {
  color: #8c4a00;
  border: 2px solid #8c4a00;
}

.tpl__contents.btn-B > a.btnHover-Darkorange:hover svg polygon {
  fill: #8c4a00;
}

.tpl__contents.btn-B > a.btnHover-Orange:hover {
  color: #fd7e00;
  border: 2px solid #fd7e00;
}

.tpl__contents.btn-B > a.btnHover-Orange:hover svg polygon {
  fill: #fd7e00;
}

.tpl__contents.btn-B > a.btnHover-Paleorange:hover {
  color: #ffd199;
  border: 2px solid #ffd199;
}

.tpl__contents.btn-B > a.btnHover-Paleorange:hover svg polygon {
  fill: #ffd199;
}

/* 黄色 */
.tpl__contents.btn-B > a.btnHover-Darkyellow:hover {
  color: #650;
  border: 2px solid #650;
}

.tpl__contents.btn-B > a.btnHover-Darkyellow:hover svg polygon {
  fill: #650;
}

.tpl__contents.btn-B > a.btnHover-Yellow:hover {
  color: #ffd800;
  border: 2px solid #ffd800;
}

.tpl__contents.btn-B > a.btnHover-Yellow:hover svg polygon {
  fill: #ffd800;
}

.tpl__contents.btn-B > a.btnHover-Paleyellow:hover {
  color: #ffc;
  border: 2px solid #ffc;
}

.tpl__contents.btn-B > a.btnHover-Paleyellow:hover svg polygon {
  fill: #ffc;
}

/* 黄緑色 */
.tpl__contents.btn-B > a.btnHover-Darkgreen-y:hover {
  color: #495525;
  border: 2px solid #495525;
}

.tpl__contents.btn-B > a.btnHover-Darkgreen-y:hover svg polygon {
  fill: #495525;
}

.tpl__contents.btn-B > a.btnHover-Green-y:hover {
  color: #d30e18;
  border: 2px solid #d30e18;
}

.tpl__contents.btn-B > a.btnHover-Green-y:hover svg polygon {
  fill: #d30e18;
}

.tpl__contents.btn-B > a.btnHover-Palegreen-y:hover {
  color: #f0f9e0;
  border: 2px solid #f0f9e0;
}

.tpl__contents.btn-B > a.btnHover-Palegreen-y:hover svg polygon {
  fill: #f0f9e0;
}

/* 緑色 */
.tpl__contents.btn-B > a.btnHover-Darkgreen:hover {
  color: #050;
  border: 2px solid #050;
}

.tpl__contents.btn-B > a.btnHover-Darkgreen:hover svg polygon {
  fill: #050;
}

.tpl__contents.btn-B > a.btnHover-Green:hover {
  color: #0f0;
  border: 2px solid #0f0;
}

.tpl__contents.btn-B > a.btnHover-Green:hover svg polygon {
  fill: #0f0;
}

.tpl__contents.btn-B > a.btnHover-Palegreen:hover {
  color: #efe;
  border: 2px solid #efe;
}

.tpl__contents.btn-B > a.btnHover-Palegreen:hover svg polygon {
  fill: #efe;
}

/* 水色 */
.tpl__contents.btn-B > a.btnHover-Darklightblue:hover {
  color: #006f86;
  border: 2px solid #006f86;
}

.tpl__contents.btn-B > a.btnHover-Darklightblue:hover svg polygon {
  fill: #006f86;
}

.tpl__contents.btn-B > a.btnHover-Lightblue:hover {
  color: #00a4ac;
  border: 2px solid #00a4ac;
}

.tpl__contents.btn-B > a.btnHover-Lightblue:hover svg polygon {
  fill: #00a4ac;
}

.tpl__contents.btn-B > a.btnHover-Palelightblue:hover {
  color: #cfeff4;
  border: 2px solid #cfeff4;
}

.tpl__contents.btn-B > a.btnHover-Palelightblue:hover svg polygon {
  fill: #cfeff4;
}

/* 青色 */
.tpl__contents.btn-B > a.btnHover-Darkblue:hover {
  color: #00004b;
  border: 2px solid #00004b;
}

.tpl__contents.btn-B > a.btnHover-Darkblue:hover svg polygon {
  fill: #00004b;
}

.tpl__contents.btn-B > a.btnHover-Blue:hover {
  color: #00f;
  border: 2px solid #00f;
}

.tpl__contents.btn-B > a.btnHover-Blue:hover svg polygon {
  fill: #00f;
}

.tpl__contents.btn-B > a.btnHover-Paleblue:hover {
  color: #d3def1;
  border: 2px solid #d3def1;
}

.tpl__contents.btn-B > a.btnHover-Paleblue:hover svg polygon {
  fill: #d3def1;
}

/* 紫色 */
.tpl__contents.btn-B > a.btnHover-Darkpurple:hover {
  color: #4d134d;
  border: 2px solid #4d134d;
}

.tpl__contents.btn-B > a.btnHover-Darkpurple:hover svg polygon {
  fill: #4d134d;
}

.tpl__contents.btn-B > a.btnHover-Purple:hover {
  color: #a260bf;
  border: 2px solid #a260bf;
}

.tpl__contents.btn-B > a.btnHover-Purple:hover svg polygon {
  fill: #a260bf;
}

.tpl__contents.btn-B > a.btnHover-Palepurple:hover {
  color: #f0e4f5;
  border: 2px solid #f0e4f5;
}

.tpl__contents.btn-B > a.btnHover-Palepurple:hover svg polygon {
  fill: #f0e4f5;
}