/* デフォルト
--------------------------------------------------*/

html {
  width: 100%;
  height: 100%;
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 5px;
  background-color: #000;
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, img, ol, ul, li {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

body {
  display: none;
}

img {
  vertical-align: bottom;
}

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

.clear {
  clear: both;
}

/* ポップアップ
--------------------------------------------------*/

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: .85;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close-btn-in .mfp-close {
  z-index: 1047;
  position: fixed;
  top: 28px;
  right: 28px;
  width: 30px;
  height: 30px;
  background-image: url(../image/close_icon.png);
  background-position: right top;
  background-repeat: no-repeat;
  border-radius: 30px;
  font-size: 0;
}

@media screen and (max-width: 700px) {

.mfp-fade.mfp-wrap .mfp-arrow:hover, .mfp-fade.mfp-wrap .mfp-arrow:focus {
  opacity: 1;
}

.mfp-close-btn-in .mfp-close {
  top: 18px;
  right: 18px;
}
}

/* 背景
--------------------------------------------------*/
.back {
  position: fixed;
  width: 100%;
  height: 100%;
  background-image: url(../image/rinko_back.png);
  background-position: center;
  z-index: -1;
}

/* パンクズリスト
--------------------------------------------------*/
.navi {
  width: 100%;
  margin-top: 100px;
  padding: 4px 0 40px;
  color: #FFF;
  border: solid #FFF;
  border-width: 1px 0 0;
}

ol.breadcrumbs {
  width: 95%;
  margin: auto;
  text-align: center;
  font-size: 0;
  list-style: none;
}

ol.breadcrumbs li {
  display: inline-block;
  margin: 0.4em 0.6em;
}

.space {
  background: url(../image/breadcrumbs.png) right;
  background-repeat: no-repeat;
  background-size: contain;
}

li.breadcrumbs a {
  margin-right: 2.0em;
  color: #FFF;
  text-decoration: none;
  position: relative;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

li.breadcrumbs a:hover {
  color: #FFF;
}

li.breadcrumbs a::before {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 100%;
  background-color: #E50065;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1
}

li.breadcrumbs a:hover::before {
  width: 100%;
  padding: 0 7px;
}

/* テキスト
--------------------------------------------------*/
.text10 {
  font-size: 10px;
  line-height: 1.6em;
}

.text13 {
  font-size: 13px;
  line-height: 1.6em;
}

.text14 {
  font-size: 14px;
  line-height: 1.8em;
}

.text15 {
  font-size: 15px;
  line-height: 1.6em;
}

.text16 {
  font-size: 16px;
  line-height: 1.6em;
}

.text18 {
  font-size: 18px;
  line-height: 1.5em;
}

.text20 {
  font-size: 20px;
  line-height: 1.4em;
}

.text22 {
  font-size: 22px;
  line-height: 1.4em;
}

.text40 {
  font-size: 40px;
  line-height: 1.3em;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}

@media screen and (max-width: 1000px) {

.text40 {
  font-size: 38px;
}
}

@media screen and (max-width: 800px) {

.text18 {
  font-size: 17px;
}

.text40 {
  font-size: 36px;
}
}

@media screen and (max-width: 600px) {

.text40 {
  font-size: 34px;
}
}

@media screen and (max-width: 400px) {

.text18 {
  font-size: 16px;
}

.text40 {
  font-size: 32px;
}
}

.purple {
  color: #8F65D3;
}

.purple_pale {
  color: #A07CDA;
}

/* パンクズリスト
--------------------------------------------------*/
.navi {
  width: 100%;
  margin-top: 100px;
  padding: 4px 0 40px;
  color: #FFF;
  border: solid #FFF;
  border-width: 1px 0 0;
}

ol.breadcrumbs {
  width: 95%;
  margin: auto;
  text-align: center;
  font-size: 0;
  list-style: none;
}

ol.breadcrumbs li {
  display: inline-block;
  margin: 0.4em 0.6em;
}

.space {
  background: url(../image/breadcrumbs.png) right;
  background-repeat: no-repeat;
  background-size: contain;
}

li.breadcrumbs a {
  margin-right: 2.0em;
  color: #FFF;
  text-decoration: none;
  position: relative;
  display: inline-block;
  -webkit-transition: .3s;
  transition: .3s;
}

li.breadcrumbs a:hover {
  color: #FFF;
}

li.breadcrumbs a::before {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 100%;
  background-color: #C2C1CA;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1
}

li.breadcrumbs a:hover::before {
  width: 100%;
  padding: 0 7px;
}

/* テキスト
--------------------------------------------------*/
.text10 {
  font-size: 10px;
  line-height: 1.6em;
}

.text13 {
  font-size: 13px;
  line-height: 1.6em;
}

.text14 {
  font-size: 14px;
  line-height: 1.8em;
}

.text18 {
  font-size: 18px;
  line-height: 1.5em;
}

.text20 {
  font-size: 17px;
  line-height: 1.5em;
}

.text30 {
  font-size: 25px;
  line-height: 1.4em;
}

.text40 {
  font-size: 30px;
  line-height: 1.3em;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}

.text50 {
  font-size: 40px;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}

.text60 {
  font-size: 50px;
  line-height: 1.2em;
  letter-spacing: 0;
  font-feature-settings: "palt";
}

.green_b {
  color: #23C4B5;
}

.key_color {
  color: #27CDBD;
}

/* リンク
--------------------------------------------------*/
a, a:link, a:active, a:visited {
  color: #FFF;
  font-style: normal;
  text-decoration: none;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.event_info a, .event_info a:link, .event_info a:active, .event_info a:visited {
  color: #FFF;
  text-decoration: none;
  border-bottom: solid 1px #C2C1CA;
}

.goods_info a, .goods_info a:link, .goods_info a:active, .goods_info a:visited {
  color: #FFF;
  text-decoration: none;
}

.more_info a, .more_info a:link, .more_info a:active, .more_info a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: solid 1px #000;
}

.bottom_skip a {
  color: #FFF;
  text-decoration: none;
  position: relative;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.bottom_skip a:hover {
  color: #FFF;
}

.bottom_skip a::before {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 100%;
  background-color: #27CDBD;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1
}

.bottom_skip a:hover::before {
  width: 100%;
  padding: 0 7px;
}

a:hover, a:active {
  border: none;
  outline: none;
}

a:focus, *:focus {
  outline: none;
}

a.opacity {
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

a.opacity:hover {
  opacity: 0.6;
}

/* スペース調整
--------------------------------------------------*/
.mt8 {
  margin-top: 8px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt50 {
  margin-top: 50px;
}

.mr5 {
  margin-right: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pt70 {
  padding-top: 70px;
}

.pt80 {
  padding-top: 80px;
}

.pt90 {
  padding-top: 90px;
}

.pt100 {
  padding-top: 100px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb100 {
  padding-bottom: 100px;
}

@media screen and (max-width: 1000px) {

/* テキスト
--------------------------------------------------*/	
.left {
  text-align: left;
}

/* 非表示
--------------------------------------------------*/

.goods_info p:not(.number) br {
  display: none;
}

.novelty_info p br {
  display: none;
}

.none1000 {
  display: none;
}
}

@media screen and (max-width: 900px) {

.none900 {
  display: none;
}
}

@media screen and (max-width: 800px) {

.none800 {
  display: none;
}
}

@media screen and (max-width: 700px) {

a.opacity:hover {
  opacity: 1;
}

.contents_title p br {
  display: none;
}

.imitation p br {
  display: none;
}

.none700 {
  display: none;
}
}

@media screen and (max-width: 600px) {

.none600 {
  display: none;
}
}

@media screen and (max-width: 1200px) {

.name br {
  display: none;
}
}

@media screen and (min-width: 400px) {

/* テキスト
--------------------------------------------------*/
.text20 {
  font-size: 18px;
}

.text30 {
  font-size: 26px;
}

.text40 {
  font-size: 32px;
}

.text50 {
  font-size: 42px;
}

.text60 {
  font-size: 52px;
}
}

@media screen and (min-width: 600px) {

/* テキスト
--------------------------------------------------*/
.text30 {
  font-size: 27px;
}

.text40 {
  font-size: 34px;
}

.text50 {
  font-size: 44px;
}

.text60 {
  font-size: 54px;
}
}

@media screen and (min-width: 800px) {

/* テキスト
--------------------------------------------------*/
.text20 {
  font-size: 19px;
}

.text30 {
  font-size: 28px;
}

.text40 {
  font-size: 36px;
}

.text50 {
  font-size: 46px;
}

.text60 {
  font-size: 56px;
}
}

@media screen and (min-width: 1000px) {

/* テキスト
--------------------------------------------------*/
.text30 {
  font-size: 29px;
}

.text40 {
  font-size: 38px;
}

.text50 {
  font-size: 48px;
}

.text60 {
  font-size: 58px;
}
}

@media screen and (min-width: 1200px) {

/* テキスト
--------------------------------------------------*/
.text20 {
  font-size: 20px;
}

.text30 {
  font-size: 30px;
}

.text40 {
  font-size: 40px;
}

.text50 {
  font-size: 50px;
}

.text60 {
  font-size: 60px;
}
}