@charset "UTF-8";
@media screen and (min-width: 769px) {
  .spv {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcv {
    display: none;
  }
}
html,
body {
  font-size: 14px;
  line-height: 1.73;
  color: #404040;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400;
}

a {
  color: #646464;
  text-decoration: none;
}

a:hover {
  opacity: 0.7;
}

p.note {
  font-size: 0.8em;
}

.font-din {
  font-family: din-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2px;
}

/***アニメーション***/
.animated {
  opacity: 0;
  animation-delay: 0.2s;
  margin-bottom: 0 !important;
}

.inview {
  animation-delay: 0.4s !important;
}

.fadeIn {
  opacity: 1;
}

.fadeInUp {
  opacity: 1;
}

/***コンテンツ共通***/
.l-container {
  position: relative;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  max-width: 320px;
}
@media screen and (min-width: 769px) {
  .l-container {
    width: 800px;
    max-width: 800px;
  }
}
@media screen and (max-width: 320px) {
  .l-container {
    width: 100%;
    max-width: 280px;
  }
}
.l-container h2 {
  text-align: center;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.75;
  font-weight: 600;
  margin-bottom: 40px;
  color: #000;
}
.l-container h2 span {
  font-size: 20px;
  font-weight: bold;
  padding: 12px 0;
  position: relative;
  display: block;
}
.l-container h2 span::after {
  content: "";
  background: #707070;
  width: 5em;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
}

/***ボタン共通***/
.redBtn {
  margin: 30px auto 0;
  text-align: center;
  width: 45%;
}
@media screen and (min-width: 769px) {
  .redBtn {
    width: 320px;
  }
}
.redBtn a,
.redBtn span {
  background: #ce0000;
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  font-size: 1rem;
  height: 34px;
  line-height: 34px;
  border-radius: 8px;
}
@media screen and (min-width: 769px) {
  .redBtn a,
  .redBtn span {
    height: 50px;
    line-height: 50px;
  }
}
.redBtn a.unreleased,
.redBtn span.unreleased {
  background: #999;
}

/***header***/
header {
  position: fixed;
  width: 100%;
  height: 43px;
  background: none;
  z-index: 99999;
}
@media screen and (min-width: 769px) {
  header {
    height: 73px;
  }
}
header .headInner {
  width: 100%;
  margin: auto;
  position: relative;
}
@media screen and (min-width: 769px) {
  header .headInner {
    width: 1000px;
  }
}
header .logo {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 72px;
  height: auto;
}
@media screen and (min-width: 769px) {
  header .logo {
    top: 10px;
    left: 10px;
  }
}
header .logo img {
  width: auto;
  height: 38px;
}
header .headBtn {
  position: absolute;
  top: 10px;
  right: 5px;
  display: inline-block;
  margin: 0;
}
@media screen and (min-width: 769px) {
  header .headBtn {
    top: 23px;
    right: 12px;
  }
}
header .headBtn a {
  display: block;
  width: 120px;
  height: 27px;
  font-size: 0.9333333333rem;
  color: #fff;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  background: #ce0000;
  border-radius: 13.5px;
}

/***mv***/
#mv {
  width: 100%;
  z-index: 100;
  text-align: center;
  margin: 0 auto 40px;
}
#mv .mvImgArea {
  margin-top: 12vw;
}
@media screen and (min-width: 769px) {
  #mv .mvImgArea {
    margin-top: 0;
  }
}
#mv .mvImgArea video {
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 769px) {
  #mv .mvImgArea video {
    max-width: 800px;
  }
}
#mv h1 {
  position: absolute;
  top: 20vw;
  left: 0;
  width: 100%;
  font-size: 9vw;
  text-shadow: 1px 1px 5px #ffffff;
  color: #000000;
  line-height: 1.2;
  letter-spacing: 4px;
}
@media screen and (min-width: 769px) {
  #mv h1 {
    top: 275px;
    font-size: 56px;
    letter-spacing: 8px;
  }
}
#mv h1 span {
  font-size: 10vw;
  letter-spacing: 4px;
}
@media screen and (min-width: 769px) {
  #mv h1 span {
    font-size: 65px;
    letter-spacing: 8px;
  }
}

/***#firstView***/
#firstView .topline {
  position: relative;
  margin: 30px auto 60px;
  color: #000;
}
@media screen and (min-width: 769px) {
  #firstView .topline {
    /*margin-top: 0;*/
    margin: 100px auto;
    width: 520px;
  }
}
#firstView h2 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  #firstView h2 {
    margin-bottom: 10px;
  }
}
#firstView p {
  margin: 0 auto;
  font-size: 14px;
  line-height: 2.17;
  text-align: left;
  letter-spacing: 1px;
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  #firstView p {
    line-height: 1.94;
  }
}

/***.summary***/
.summary {
  margin: 50px auto 60px;
}
.summary__lead {
  max-width: 520px;
  margin: 0 auto 3rem;
}
.summary li {
  margin-bottom: 10px;
  display: block;
}
.summary a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.summary img {
  width: 40%;
}
.summary .summaryTextArea {
  width: 60%;
}
.summary .summaryTextArea p {
  font-weight: bold;
  line-height: 1.4;
}
.summary .summaryTextArea .summaryItemName {
  font-size: 1rem;
  font-weight: bold;
}
.summary .summaryTextArea .summaryItemPrice {
  font-size: 1rem;
  font-weight: bold;
}
.summary .summaryTextArea .summaryItemPrice span {
  font-size: 1.1rem;
}
.summary .summaryTextArea ul.summaryItemPattern {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.summary .summaryTextArea ul.summaryItemPattern li {
  width: 20%;
  margin-bottom: 0;
}
.summary .summaryTextArea ul.summaryItemPattern li img {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .summary ul.summaryList {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 90%;
    max-width: 800px;
    margin: auto;
    gap: 1%;
    /*&:after{
      content: "";
      display: block;
      width: 32%;
    }*/
  }
  .summary ul.summaryList li {
    width: 24%;
    text-align: center;
  }
  .summary ul.summaryList li img {
    width: 100%;
  }
  .summary a {
    display: block;
  }
  .summary .summaryTextArea {
    width: 100%;
    margin-top: 10px;
  }
  .summary ul.summaryItemPattern li {
    width: 20%;
  }
}
/***#pickupArea***/
@media screen and (min-width: 769px) {
  #pickupArea {
    width: 800px;
    margin: 0 auto 80px;
  }
}
#pickupArea .pickupTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background: linear-gradient(135deg, #e60012 0%, #e60012 50%, #c64c38 50%, #c64c38 100%);
}
#pickupArea .pickupTitle h3 {
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-weight: 400;
}
#pickupArea .pickupTitle h3 span {
  font-size: 23px;
  font-weight: 400;
}
#pickupArea .pickupTitleSub {
  margin: 0 auto 60px;
  background: #efefef;
  padding: 20px 0;
}
#pickupArea .pickupTitleSub p {
  text-align: center;
}
#pickupArea .pickup {
  margin-bottom: 50px;
}
@media screen and (min-width: 769px) {
  #pickupArea .pickup .itemText {
    width: 420px;
    margin: auto;
  }
}
#pickupArea .itemSummary {
  /*background: #efefef;
  padding: 20px 0;*/
  text-align: center;
  margin: 50px auto 0;
}
@media screen and (min-width: 769px) {
  #pickupArea .itemSummary {
    margin: 100px auto 60px;
  }
}
#pickupArea .itemSummary .itemName {
  font-size: 16px;
  font-weight: 600;
}
#pickupArea .itemSummary .itemText {
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  #pickupArea .itemCont {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
}
#pickupArea .itemPattern {
  margin-bottom: 10px;
}
#pickupArea .itemPattern p {
  margin-bottom: 5px;
  font-weight: bold;
}
#pickupArea .itemPattern ul {
  display: flex;
  justify-content: space-between;
}
#pickupArea .itemPattern ul li {
  width: 24%;
}
#pickupArea .item360 {
  padding: 0 0 20px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #pickupArea .item360 {
    width: 45%;
  }
}
#pickupArea .item360 iframe {
  width: 100%;
  border: none;
  height: 378px;
}
#pickupArea .item360 .item360Note {
  background: #f5f2f2;
  text-align: center;
  font-size: 0.8rem;
  padding: 10px 0;
  margin: auto;
}
#pickupArea .item360 .item360Note img {
  margin-bottom: 5px;
}
#pickupArea .itemLineup {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  #pickupArea .itemLineup {
    margin-top: 60px;
  }
}
#pickupArea .itemLineup .itemLineupTitle {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  #pickupArea .itemLineup .itemLineupTitle {
    margin-bottom: 40px;
  }
}
#pickupArea .itemLineup .itemLineupTitle span {
  border-bottom: 2px solid #707070;
  letter-spacing: 0;
  padding: 0 10px 5px;
}
@media screen and (min-width: 769px) {
  #pickupArea .itemLineup ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
}
#pickupArea .itemLineup li {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  margin-bottom: 26px;
}
@media screen and (min-width: 769px) {
  #pickupArea .itemLineup li {
    width: 45%;
  }
}
#pickupArea .itemLineup li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px 10px 10px;
}
#pickupArea .itemLineup li a img {
  width: 32%;
  margin-right: 6%;
}
#pickupArea .itemLineup li a p {
  width: 62%;
}
#pickupArea .itemLineup li:after {
  position: absolute;
  right: 0;
  top: -6px;
  color: #707070;
  content: ">";
  font-size: 33px;
  display: block;
}

/***itemSlideArea***/
.itemSlideArea {
  position: relative;
}

.itemThumbArea {
  margin-bottom: 30px;
}

/* サムネイルリスト */
.itemThumbArea .thumbnail-list {
  display: flex;
  flex-wrap: wrap;       /* 複数行対応 */
  gap: 2%;               /* 要素間の隙間 */
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* サムネイルアイテム */
.itemThumbArea .thumbnail-item {
  flex: 1 0 23%;         /* 最小幅23%、要素数に応じて自動拡大 */
  box-sizing: border-box;
  border: 3px solid #fff; /* 枠は白で統一 */
}

/* 現在選択中のサムネイルも枠を白に統一 */
.itemThumbArea .thumbnail-current {
  border-color: #fff !important;
}

/* サムネイル画像 */
.itemThumbArea .thumbnail-item img {
  width: 100%;
  display: block;
  cursor: pointer;
}

/* サムネイル下テキスト */
.itemThumbArea p {
  font-size: 0.8rem;
  margin-bottom: 0 !important;
  line-height: 1.3;
}


/***itemDetail***/
@media screen and (min-width: 769px) {
  .itemDetail {
    width: 45%;
  }
}
.itemDetail p {
  margin: 10px auto 40px;
}
.itemDetail dl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 20px;
  line-height: 1.14;
}
.itemDetail dl dt {
  width: 65px;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 20px;
}
.itemDetail dl dt.itemPrice {
  padding-top: 3px;
}
.itemDetail dl dd {
  width: calc(100% - 65px);
  margin-bottom: 20px;
}
.itemDetail dl dd.itemPrice {
  font-size: 13px;
}
.itemDetail dl dd.itemPrice span {
  font-size: 18px;
  margin-right: 5px;
}
.itemDetail dl dd ul {
  display: flex;
  flex-wrap: wrap;
}
.itemDetail dl dd .material {
  margin-bottom: 0;
}
.itemDetail dl dd .material dt {
  font-weight: normal;
}
.itemDetail dl dd .material dt:last-child {
  margin-bottom: 0;
}
.itemDetail dl dd .material dd:last-child {
  margin-bottom: 0;
}
.itemDetail .itemFeature li {
  width: 46px;
  margin: 0 5px 5px 0;
}
.itemDetail .itemColor {
  /*width: 170px;*/
  max-width: 260px;
}
.itemDetail .itemColor li {
  width: 30px;
  margin: 0 8px 10px 0;
}
.itemDetail .itemColor li span {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #707070;
  border-radius: 50%;
}
.itemDetail .itemColor li .black {
  background: #000;
}
.itemDetail .itemColor li .white {
  background: #fff;
}
.itemDetail .itemColor li .navy {
  background: #244971;
}
.itemDetail .itemColor li .navy2 {
  background: #26353c;
}
.itemDetail .itemColor li .red {
  background: #d60000;
}
.itemDetail .itemColor li .magenta {
  background: #c71585;
}
.itemDetail .itemColor li .mint {
  background: #a9cfb5;
}
.itemDetail .itemColor li .gray {
  background: #b4b4b4;
}
.itemDetail .itemColor li .darknavy {
  background: #002063;
}
.itemDetail .itemColor li .darknavy2 {
  background: #29334c;
}
.itemDetail .itemColor li .pink {
  background: #e1c6cc;
}
.itemDetail .itemColor li .yellow {
  background: #CCCC33;
}
.itemDetail .itemColor li .yellow2 {
  background: #feb96c;
}
.itemDetail .itemColor li .grayishpurple {
  background: #c8caeb;
}
.itemDetail .itemColor li .darkgreen {
  background: #466b28;
}
.itemDetail .itemColor li .darkgreen2 {
  background: #286b67;
}
.itemDetail .itemColor li .purple {
  background: #625ba0;
}
.itemDetail .itemColor li .purple2 {
  background: #47273c;
}
.itemDetail .itemColor li .blue {
  background: #194999;
}
.itemDetail .itemColor li .blue2 {
  background: #44aeea;
}
.itemDetail .itemColor li .skyblue {
  background: #0780c8;
}
.itemDetail .itemColor li .lightblue {
  background: #b2c7c0;
}
.itemDetail .itemColor li .redchili {
  background: #b52326;
}
.itemDetail .itemColor li .green {
  background: #466a28;
}
.itemDetail .itemColor li .green2 {
  background: #808000;
}
.itemDetail .itemColor li .silvergray {
  background: #959595;
}
.itemDetail .itemColor li .sumikuro {
  background: #525050;
}
.itemDetail .itemColor li .mustard {
  background: #eeae32;
}
.itemDetail .itemColor li .orange {
  background: #f76b38;
}
.itemDetail .itemColor li .brown {
  background: #8B4513;
}
.itemDetail .itemColor li .bluegreen {
  background: #2e9499;
}
.itemDetail .itemColor li .charcoalgray {
  background: #68635f;
}
.itemDetail .itemColor li .darkred {
  background: #df3c2d;
}
.itemDetail .itemColor li .bluegray {
  background: #75adea;
}
.itemDetail .itemColor li .graygreen {
  background: #98beb3;
}
.itemDetail .itemColor li .yorkyellow {
  background: #f0da6b;
}
.itemDetail .itemColor li .abk {
  background: url("../img/color/color_bxa010_abk.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .anv {
  background: url("../img/color/color_bxa010_anv.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .bbk {
  background: url("../img/color/color_bxa010_bbk.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .bnv {
  background: url("../img/color/color_bxa010_bnv.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .cnv {
  background: url("../img/color/color_bxa010_cnv.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .ow {
  background: url("../img/color/color_bxa010_ow.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .giraffe {
  background: url("../img/color/color_rt450_giraffe.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .dalmatian {
  background: url("../img/color/color_rt450_dalmatian.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .snake {
  background: url("../img/color/color_rt450_snake.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .leopard {
  background: url("../img/color/color_rt450_leopard.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .crocodile {
  background: url("../img/color/color_rt450_crocodile.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .bison {
  background: url("../img/color/color_rt450_bison.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .tiger {
  background: url("../img/color/color_rt450_tiger.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .jaguar {
  background: url("../img/color/color_rt450_jaguar.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .taidai {
  background: url("../img/color/color_rt450_taidai.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .triangle {
  background: url("../img/color/color_rt450_triangle.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .animal {
  background: url("../img/color/color_rt450_animal.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .dotcamo {
  background: url("../img/color/color_rt450_dotcamo.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .flower {
  background: url("../img/color/color_rt450_flower.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .rainbow {
  background: url("../img/color/color_rt450_rainbow.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .abstractscamo {
  background: url("../img/color/color_rt450_abstractscamo.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .cell {
  background: url("../img/color/color_rt450_cell.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .pblue {
  background: url("../img/color/color_rt181_pblue.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .pgray {
  background: url("../img/color/color_rt181_pgray.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .pwhite {
  background: url("../img/color/color_rt181_pwhite.jpg");
  background-size: contain;
}
.itemDetail .itemColor li .yg {
  background: linear-gradient(135deg, #feb96c 60%, #465133 40%) !important;
}
.itemDetail .itemColor li .gy {
  background: linear-gradient(135deg, #465133 60%, #feb96c 40%) !important;
}
.itemDetail .itemColor li .gb {
  background: linear-gradient(135deg, #d5d5d5 60%, #3d6fc2 40%) !important;
}
.itemDetail .itemColor li .bn {
  background: linear-gradient(135deg, #3d6fc2 60%, #2c316a 40%) !important;
}
.itemDetail .itemColor li .on {
  background: linear-gradient(135deg, #fd9848 60%, #2c316a 40%) !important;
}
.itemDetail .itemColor li .no {
  background: linear-gradient(135deg, #2c316a 60%, #fd9848 40%) !important;
}
.itemDetail .itemColor li .by {
  background: linear-gradient(135deg, #000000 60%, #feb96c 40%) !important;
}
.itemDetail .itemSize li {
  width: 20%;
  margin-right: 1.5%;
  margin-bottom: 5px;
  background: #d8d8d8;
  border-radius: 6px;
  text-align: center;
  line-height: 1.8;
  font-size: 12px;
  font-weight: bold;
}
.itemDetail .sizeChart {
  font-size: 13px;
}
.itemDetail .sizeChart > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 10px;
}
.itemDetail .sizeChart p {
  margin: 0;
}
.itemDetail .sizeChart table {
  width: 100%;
  border-top: 1px solid #a5acba;
  background: #efefef;
  color: #000;
  margin-bottom: 10px;
}
.itemDetail .sizeChart table tr {
  border-bottom: 1px solid #a5acba;
}
.itemDetail .sizeChart table th {
  padding: 5px 0;
  font-size: 0.9em;
  text-align: center;
  width: 14%;
}
.itemDetail .sizeChart table td {
  padding: 5px 0;
  font-size: 0.86em;
  text-align: center;
  width: 14%;
}
.itemDetail .sizeChart table td:first-child {
  text-align: left;
  padding-left: 1.8%;
  width: 15%;
  font-size: 0.8em;
}

/***#ranking***/
#ranking {
  /*.itemDetail{
  	dl{
  		display: flex;
  		flex-wrap: wrap;
  		align-items: flex-start;
  		margin-bottom: 20px;
  		line-height: 1.14;
  		dt{
  			width: 65px;
  			font-size: 13px;
  			font-weight: bold;
  			margin-bottom: 20px;
  			&.itemPrice{
  				padding-top: 3px;
  			}
  		}
  		dd{
  			width: calc(100% - 65px);
  			margin-bottom: 20px;
  			&.itemPrice {
  				font-size: 13px;
  			}
  			&.itemPrice span{
  				font-size: 18px;
  				margin-right: 5px;
  			}
  			ul{
  				display: flex;
  				flex-wrap: wrap;
  			}
  			.material{
  				margin-bottom: 0;
  				dt{
  					font-weight: normal;
  					&:last-child{margin-bottom: 0;}
  				}
  				dd{&:last-child{margin-bottom: 0;}}
  			}
  		}
  	}
  	.itemFeature{
  		li{
  			width: 46px;
  			margin: 0 5px 5px 0;
  		}
  	}
  	.itemColor{
  		width: 170px;
  		li{
  			width: 20px;
  			margin: 0 8px 10px 0;
  			span{
  				display: block;
  				width: 20px;
  				height: 20px;
  				border: 1px solid #707070;
  				border-radius: 50%;
  			}
  			.black{background: #000;}
  			.white{background: #fff;}
  			.navy{background: #244971;}
  			.red{background: #d60000;}
  			.mint{background: #a9cfb5;}
  			.gray{background: #b4b4b4;}
  			.darknavy{background: #002063;}
  			.pink{background: #e1c6cc;}
  			.yellow{background: #f0fca7;}
  			.grayishpurple{background: #c8caeb;}
  			.darkgreen{background: #466b28;}
  			.purple{background: #625ba0;}
  			.blue{background: #194999;}
  			.blue2{background: #44aeea;}
  			.skyblue{background: #0780c8;}
  			.redchili{background: #7e1218;}
  			.green{background: #466a28;}
  			.silvergray{background: #959595;}
  			.sumikuro{background: #525050;}
  		}
  	}
  	.itemSize{
  		li{
  			width:  20%;
  			margin-right: 1.5%;
  			margin-bottom: 5px;
  			background: #d8d8d8;
  			border-radius: 6px;
  			text-align: center;
  			line-height: 1.8;
  			font-size: 12px;
  			font-weight: bold;
  		}
  	}
  	.sizeChart{
  		font-size: 13px;
  		> div{
  			display: flex;
  			flex-wrap: wrap;
  			justify-content: space-between;
  			align-items: baseline;
  			margin-bottom: 10px;
  		}
  		p{margin: 0;}
  		table{
  			width: 100%;
  			border-top:1px solid #a5acba;
  			background: #efefef;
  			color: #000;
  			margin-bottom: 10px;
  			tr{
  				border-bottom: 1px solid #a5acba;
  			}
  			th{
  				padding: 5px 0;
  				font-size: .9em;
  				text-align: center;
  				width: 14%;
  			}
  			td{
  				padding: 5px 0;
  				font-size: .86em;
  				text-align: center;
  				width: 14%;
  				&:first-child{text-align: left;padding-left: 1.8%;width: 15%;font-size: .8em;}
  			}
  		}
  	}
  }*/
}
@media screen and (min-width: 769px) {
  #ranking {
    width: 800px;
    margin: 0 auto 80px;
  }
}
#ranking .rank {
  margin-bottom: 50px;
}
#ranking .rank:first-child .rankTitle {
  background: linear-gradient(135deg, #ae9d70 0%, #ae9d70 50%, #cbb479 50%, #cbb479 100%);
}
#ranking .rank:nth-child(2) .rankTitle {
  background: linear-gradient(135deg, #625ba0 0%, #625ba0 50%, #8a80ad 50%, #8a80ad 100%);
}
#ranking .rank:nth-child(3) .rankTitle {
  background: linear-gradient(135deg, #774651 0%, #774651 50%, #955564 50%, #955564 100%);
}
#ranking .rank:nth-child(4) .rankTitle {
  background: linear-gradient(135deg, #416026 0%, #416026 50%, #5b7743 50%, #5b7743 100%);
}
#ranking .rank:nth-child(5) .rankTitle {
  background: linear-gradient(135deg, #013c8e 0%, #013c8e 50%, #4166a7 50%, #4166a7 100%);
}
#ranking .rank:nth-child(6) .rankTitle {
  background: linear-gradient(135deg, #d9798b 0%, #d9798b 50%, #d9a7b0 50%, #d9a7b0 100%);
}
#ranking .rankTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
}
#ranking .rankTitle h3 {
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-weight: 400;
  position: relative;
}
#ranking .rankTitle h3:before {
  content: "";
  display: inline-block;
  height: 21px;
  vertical-align: middle;
  margin-right: 10px;
}
#ranking .rankTitle h3 span {
  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
  font-size: 23px;
}
#ranking .itemSummary {
  background: #efefef;
  padding: 20px 0;
  text-align: center;
}
#ranking .itemSummary .itemName {
  font-size: 17px;
  margin-bottom: 5px;
  font-weight: 600;
}
#ranking .itemSummary .itemText {
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  #ranking .itemCont {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
}
#ranking .item360 {
  padding: 0 0 20px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #ranking .item360 {
    width: 45%;
  }
}
#ranking .item360 iframe {
  width: 100%;
  border: none;
  height: 378px;
}
#ranking .item360 .item360Note {
  background: #f5f2f2;
  text-align: center;
  font-size: 0.8rem;
  padding: 10px 0;
  margin: auto;
}
#ranking .item360 .item360Note img {
  margin-bottom: 5px;
}
#ranking .itemLineup {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  #ranking .itemLineup {
    margin-top: 60px;
  }
}
#ranking .itemLineup .itemLineupTitle {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  #ranking .itemLineup .itemLineupTitle {
    margin-bottom: 40px;
  }
}
#ranking .itemLineup .itemLineupTitle span {
  border-bottom: 2px solid #707070;
  letter-spacing: 0;
  padding: 0 10px 5px;
}
@media screen and (min-width: 769px) {
  #ranking .itemLineup ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
}
#ranking .itemLineup li {
  position: relative;
  border-bottom: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  margin-bottom: 26px;
}
@media screen and (min-width: 769px) {
  #ranking .itemLineup li {
    width: 45%;
  }
}
#ranking .itemLineup li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px 10px 10px;
}
#ranking .itemLineup li a img {
  width: 32%;
  margin-right: 6%;
}
#ranking .itemLineup li a p {
  width: 62%;
}
#ranking .itemLineup li:after {
  position: absolute;
  right: 0;
  top: -6px;
  color: #707070;
  content: ">";
  font-size: 33px;
  display: block;
}

/***#lineup***/
#lineup h2 span {
  font-size: 25px;
}
#lineup ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2.5%;
}
@media screen and (min-width: 769px) {
  #lineup ul:after {
    content: "";
    display: block;
    width: 23%;
    /*width: 48.66666%;*/
  }
}
#lineup li {
  width: 48%;
  font-size: 12px;
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
  #lineup li {
    width: 23%;
  }
}
#lineup li img {
  margin-bottom: 5px;
  border: 1px solid #c1c1c1;
}
#lineup li p {
  line-height: 1.2;
  margin-bottom: 5px;
}
#lineup li p.lineup-itemPrice span {
  font-size: 15px;
}

/***footer***/
footer {
  background-color: #e5e5e5;
  border-bottom: 2px solid #e60012;
  padding: 30px 0;
  font-weight: 400;
  margin-top: 80px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  footer {
    padding: 40px 0 0;
  }
}
footer > div {
  width: 79%;
  max-width: 1000px;
  margin: auto;
}
footer .fLogo {
  display: block;
  text-align: center;
}
@media screen and (min-width: 769px) {
  footer .fLogo {
    display: flex;
    align-items: center;
  }
}
footer .fLogo img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  footer .fLogo img {
    width: 60px;
  }
}
footer .fLogo p {
  width: 78%;
  margin: 20px auto;
  font-size: 12px;
  line-height: 1.8;
  text-align: center;
}
@media screen and (min-width: 769px) {
  footer .fLogo p {
    font-size: 0.85rem;
    margin-left: 30px;
    text-align: left;
  }
}
footer .fLogo a {
  width: 78px;
  height: auto;
  margin: 0 auto;
  display: block;
}
footer .copy {
  font-size: 12px;
  margin: 10px 0 40px;
}
@media screen and (min-width: 769px) {
  footer .copy {
    font-size: 0.71rem;
  }
}/*# sourceMappingURL=style.css.map */