@charset "UTF-8";
/*---------------- ▼全幅共通CSS▼ --------------------*/
/*.yuminR {
	//font-family: "yuminR";
	//font-weight: normal;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
	font-weight: 500;
}
.yuminDb {
	//font-family: "yuminDb";
	//font-weight: normal;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
	font-weight: bold;
}
.yugothM {
	//font-family: "yugothM";
	//font-weight: normal;
	font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 500;
}
.yugothB {
	//font-family: "yugothB";
	//font-weight: normal;
	font-family: "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
}*/
.noto-serifR {
  font-family: 'Noto Serif JP', sans-serif;
  font-weight: 400;
}

.noto-serifM {
  font-family: 'Noto Serif JP', sans-serif;
  font-weight: 500;
}

.noto-serifSb {
  font-family: 'Noto Serif JP', sans-serif;
  font-weight: 600;
}

.noto-sans {
  font-family: 'Noto Sans JP', sans-serif;
}

/*---------------- ▼other▼ --------------------*/
.centerPos {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.accordContent,
.accordContent_sp2 {
  display: none;
}

.is-rubyAfter,
.rubyText {
  display: inline-block;
}

.is-rubyAfter {
  position: relative;
}

.rubyText {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 0;
  white-space: nowrap;
}

.tJustify {
  text-align: justify;
  text-justify: inter-ideograph;
}

.layoutWrap {
  margin: auto;
}

/*---------------- ▼module▼ --------------------*/
.disNone {
  display: none;
}

.inBlock {
  display: inline-block;
}

.textUline {
  text-decoration: underline;
}

.textSkew {
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
}

.colorPink1 {
  color: #de426e;
}

.colorPink2 {
  color: #e05f78;
}

.colorBlue1 {
  color: #30bcd2;
}

.colorGold1 {
  color: #9a6a00;
}

.colorYellow1 {
  color: #f2fd4a;
}

.conversionBtn-inner {
  position: relative;
  display: inline-block;
  background: #30bcd2;
  color: #ffffff;
  border: solid 2px transparent;
  overflow: hidden;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  -moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, 0.3);
}
.conversionBtn-inner:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  z-index: 1;
  height: auto;
  background: #ffffff;
  width: 100%;
  margin: auto;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.conversionBtn-inner:hover {
  color: #30bcd2;
  border: solid 2px #30bcd2;
}
.conversionBtn-inner:hover:after {
  left: 0;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.conversionBtn-inner:hover .conversionBtn:before {
  background: url(../img/icn_cart01_ov.png) no-repeat center;
}

.conversionBtn {
  position: relative;
  z-index: 3;
  display: inline-block;
  padding: .2em 0 .1em 2em;
}
.conversionBtn:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 0;
  background: url(../img/icn_cart01.png) no-repeat center;
  -moz-background-size: contain !important;
  -o-background-size: contain !important;
  -webkit-background-size: contain !important;
  background-size: contain !important;
  width: 1.5em;
  padding-bottom: 1.35em;
}

/*---------------- ▲全幅共通CSS▲ --------------------*/
/*---------------- ▼PCのみCSS▼ --------------------*/
@media screen and (min-width: 769px) {
  .hoverOp:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }

  .layoutWrap {
    max-width: 1200px;
  }

  .conversionBtn-inner {
    padding: .5em 0 .7em;
  }
}
/*---------------- ▼PCのみ（1000～）CSS▼ --------------------*/
/*---------------- ▼PCのみ（900～769）CSS▼ --------------------*/
/*---------------- ▲PCのみCSS▲ --------------------*/
/*---------------- ▼タブレット以降CSS▼ --------------------*/
/*---------------- ▼タブレット以降(1100～)CSS▼ --------------------*/
/*---------------- ▼タブレット以降(768～)CSS▼ --------------------*/
@media screen and (max-width: 768px) {
  .conversionBtn-inner {
    padding: .5em 0 .7em;
  }
}
/*---------------- ▲タブレット以降CSS▲ --------------------*/
/*---------------- ▼タブレット以降（768～601）CSS▼ --------------------*/
/*---------------- ▼タブレット以降（768～601）CSS▼ --------------------*/
/*---------------- ▲タブレット以降（768～481）CSS▲ --------------------*/
/*---------------- ▼タブレット以降（600～320）CSS▼ --------------------*/
/*---------------- ▲タブレット以降（600～320）CSS▲ --------------------*/
/*---------------- ▼スマホ以降CSS▼ --------------------*/
/*---------------- ▲スマホ以降CSS▲ --------------------*/
/*---------------- ▼スマホ最小CSS▼ --------------------*/
/*---------------- ▲スマホ最小CSS▲ --------------------*/