@charset "EUC-JP";
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Light-cstm.woff2) format('woff2'),
       url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Light-cstm.woff) format('woff'),
       url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Light-cstm.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Regular-cstm.woff2) format('woff2'),
        url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Regular-cstm.woff) format('woff'),
        url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Regular-cstm.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Medium-cstm.woff2) format('woff2'),
        url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Medium-cstm.woff) format('woff'),
        url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Medium-cstm.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   font-display: swap;
   src: url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Black-cstm.woff2) format('woff2'),
        url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Black-cstm.woff) format('woff'),
        url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSansJP-Black-cstm.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Serif Japanese';
   font-style: normal;
   font-weight: 400;
   src: url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSerifCJKjp-Regular-cstm.woff) format('woff'),
        url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSerifCJKjp-Regular-cstm.woff2) format('woff2'),
        url(https://www.rakuten.ne.jp/gold/ayano-koji/font/NotoSerifCJKjp-Regular-cstm.otf) format('opentype');
 }
/* clearfix */
.cf:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;font-size:0;}
html,body{font-family: Arial,'Noto Sans Japanese',"Meiryo","MS P Gothic", sans-serif;font-weight: normal;color: #000;font-size: 14px;line-height: 1.5;-webkit-text-size-adjust: 100%;margin: 0;padding: 0;width: 100%;}

/* font */
.mincho {font-family: 'Noto Serif Japanese' !important;}
p.center {text-align: center;}
.bold {font-weight: bold;}
.normal {font-weight: normal !important;}
.txt_c{text-align: center;}
.lh1{line-height: 1;}
.lh12{line-height: 1.2;}
.lh15{line-height: 1.5;}
.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important;}
.f24 {font-size: 24px !important;}
.f30 {font-size: 30px !important;}
.f32 {font-size: 32px !important;}
.f34 {font-size: 34px !important;}
.f36 {font-size: 36px !important;}
.f40 {font-size: 40px !important;}
.f44 {font-size: 44px !important;}
.f48 {font-size: 48px !important;}
.f50 {font-size: 50px !important;}
.f52 {font-size: 52px !important;}
.f54 {font-size: 54px !important;}
.f56 {font-size: 56px !important;}
.f60 {font-size: 60px !important;}
.red{color: #ff0000;}

/* link */
a{color: #000;text-decoration: none;}

h1,h2,h3{font-weight: normal;margin: 0;padding: 0;}
ul,li{list-style: none;margin: 0;padding: 0;}
p{margin: 0;padding: 0;}
img{vertical-align: bottom;border: none;}

.sp{display: none !important;}
@media only screen and (max-width: 840px) {
    .pc{display: none !important;}
    .sp{display: block !important;}
}
.link_over{opacity: 1;transition: opacity,0.4s color,0.4s;display: inline-block;}
.link_over:hover{opacity: 0.7;color: #00b8ee !important;}

.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}

.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}
.mb150{margin-bottom: 150px !important;}

/* iOS reset */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* slick */
.slider {display:none;}
.slider.slick-initialized {display: block;}
.slick-dots{position: static;bottom: auto;}
.slick-dots li button {width: 10px;height: 10px;padding: 0;}
.slick-dots li button:before {content: "" !important;width: 10px !important;height: 10px !important;border-radius: 10px;background: #cdcdcd;position: static !important;opacity: 1 !important;transition: background-color,0.4s;display: inline-block;}
.slick-dots li.slick-active button:before {background-color: #000; opacity: 1 !important;}
.slick-dots li{margin: 10px 10px 0 !important;width: 10px;height: 10px;}

/* 2nd */
#guide_slide {margin: 50px auto 10px;}
.slick-prev:before {content: url(https://www.rakuten.ne.jp/gold/ayano-koji/common/images/slick-left.gif);}
.slick-next:before {content: url(https://www.rakuten.ne.jp/gold/ayano-koji/common/images/slick-right.gif);}
#scrollUp {display: none !important;}
#pan {margin: 30px 0 10px;}

/* column */
.slide3{font-size: 14px;font-family: 'Noto Serif Japanese' !important;text-align: center;margin: 0 auto;}
.slide5{font-size: 12px;line-height: 20px; text-align: center;margin: 0 auto;}
.slide3 li,.slide5 li{padding: 0 10px;box-sizing: border-box;}
.slide3 img,.slide5 img{display: block;margin-bottom: 12px;width: 100%;}
.slide3 .slick-dots li,.slide5 .slick-dots li{margin: 30px 10px 0 !important;padding: 0;}
.slide5 .date{font-weight: bold;}
.column5,.column3{text-align: center;font-size: 0;width: 100%;margin: 0 auto;}
.column5 li{padding: 0 10px;margin: 30px 0 0;display: inline-block;font-size: 12px;width: 220px;vertical-align: top;}
.column3 li img,.column5 li img{display: block;}
.column5 p{letter-spacing: 0.05em !important;}
.column5 .name{font-weight: bold;margin-top: 10px;}
.column5 .brand{color: #666666;margin-top: 5px;}
.column5 .date{color: #fff;background: #ff5a5a;padding: 5px 10px;margin-top: 0;}
.column5 .late{color: #fff;background: #ccc;padding: 5px 10px;margin-top: 0;}
.btn-gray{display: inline-block;margin: 60px auto 0;padding: 16px 20px;font-size: 14px;letter-spacing: 0.05em !important;background: #ededed;cursor: pointer;}
.column3 li{padding: 0 10px;margin: 30px 0 0;display: inline-block;font-size: 14px;width: 380px;vertical-align: top;font-family: 'Noto Serif Japanese' !important;}
.column3 li img{width: 100%;display: block;margin-bottom: 10px;}
@media only screen and (max-width: 1680px) {
    .slide3,.column3{width: 800px;}
}
@media only screen and (max-width: 1440px) {
    .slide5,.column5{width: 720px;}
}
@media only screen and (max-width: 840px) {
    .slide3,.column3,.slide5,.column5,.column3 li,.column5 li{width: 100%;box-sizing: border-box;}
    .slide3 li,.slide5 li{padding: 0 4vw;}
    .mt100{margin-top: 70px !important;}
    .column5 li{padding: 0 2vw 0 0;width: 50%;}
    .column5 li:nth-child(2n){padding: 0 0 0 2vw;}
    .btn-gray{margin: 40px auto 0;}
}

/* 200227 return bn */
.bn_other{display: block;width: 400px;margin: 0 auto 100px;}
.bn_other img{width: 100%;}

/* IE11 left common_20.css common_rms_20.css*/
#left_20{width: 240px;height: 100vh;padding-top: 70px;box-sizing: border-box;background: #fff;position: fixed;top: 0;left: 0;z-index: 998;}
#left_20 #search{position: relative;}
#left_20 #search input[type="text"]{width: 100%;height: 50px;background: #ededed;padding: 0 60px 0 20px;box-sizing: border-box;font-size: 12px;line-height: 50px;border: 0;}
#left_20 #search input[type="submit"]{width: 50px;height: 50px;background: #000;color: #fff;font-size: 12px;font-weight: bold;position: absolute;top: 0;right: 0;border: 0;cursor: pointer;}
#left_20 > ul{margin-top: 20px;}
#left_20 > ul > li{cursor: pointer;transition: background-clor,0.4s;background: #fff;height: 50px;line-height: 50px;font-size: 14px;letter-spacing: 0.05em !important;}
#left_20 > ul > li:hover{background-color: #ededed;}
#left_20 > ul > li a{display: block;}
#left_20 > ul > li a h3{background: url(https://www.rakuten.ne.jp/gold/ayano-koji/images/renew2020/common/arrow-menu.png) right bottom no-repeat;}
#left_20 > ul > li h3{position: relative;z-index: 1;padding: 0 0 0 20px;line-height: inherit;}
#left_20 > ul > li h3 span.date{font-size: 12px;padding: 7px;margin-left: 5px;background: #ededed;}
#left_20 > ul > li h3 span:last-child{position: absolute;bottom: 0;left: 175px;font-size: 11px;font-family: 'Noto Serif Japanese' !important;}
#left_20 > ul div ul{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;}
#left_20 > ul ul li{cursor: pointer;transition: background-clor,0.4s;background-color: #ededed;height: auto;line-height: 40px;font-size:12px;}
#left_20 > ul ul li:hover{background-color: #fff;}
#left_20 > ul ul li a{display: block;padding: 0 20px;}
#left_20 > ul div{position: fixed;top: 0;left: -240px;width: 175px;height: 100vh;background: #ededed;transition: left,0.8s;z-index: 2;}
#left_20 > ul > li:hover div{left: 0;}
#tab-left{display: none;position: absolute;cursor: pointer;top: 50%;transform: translateY(-50%);left: 240px;}
@media (min-width: 840px) and (max-height: 780px) {
    #left_20 > ul{margin-top: 10px;}
	#left_20 > ul > li{height: 5.8vh;line-height: 5.8vh;font-size: 12px;}
	#left_20 > ul ul li{line-height: 5.8vh;}
}