#graduation-party@charset "utf-8";

#graduation-party {
  padding: 0 1.5vw;
}

#graduation-party h2 {
  border-bottom: none;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: rgb(255, 255, 255);
  margin: 0px 0px 4.5vw;
  border-radius: 1vw;
  padding: 1.5vw 0px;
  font-size: 6vw;
  background: rgb(108, 187, 90);
}

#graduation-party h3 {
  border-bottom: none;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding: 0 0 0;
  font-weight: bold;
  font-size: 5vw;
  background: url(../../images/contents/st-icon-check.png) no-repeat 10px 0;
}

#graduation-party h3 span {
  border-bottom: solid 5px #6cbb5a;
  margin: 0px 10vw 2vw;
}

#graduation-party .section {
  padding: 15px 35px;
  line-height: 1.65;
  font-size: 4vw;
}

/* リンク */
#graduation-party .link-set {
  overflow: hidden;
  margin-top: 5vw;
}

#graduation-party .link-set ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0 2.5vw;
  justify-content: space-between;
}

#graduation-party .link-set ul li {
  width: 47%;
  padding: 0 2vw 5vw;
}

#graduation-party .link-set ul li a {
  width: 100%;
  display: block;
  padding: 2vw 6vw 2vw 2vw;
  text-decoration: none;
  border-radius: 0.5vw;
  border: solid 1px #814721;
  font-weight: bold;
  font-size: 5vw;
  color: #814721;
  background: url("../../images/contents/common/icon-arr-under.png") no-repeat 93% 47.5%;
  background-size: 2.5vw auto;
}

#graduation-party .link-set2 {
  overflow: hidden;
}

#graduation-party .link-set2 ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0 2.5vw;
  justify-content: space-between;
}

#graduation-party .link-set2 ul li {
  width: 47%;
  padding: 0 0 5vw;
}

#graduation-party .link-set2 ul li a {
  width: 100%;
  display: block;
  padding: 2vw 6vw 2vw 2vw;
  text-decoration: none;
  border-radius: 0.5vw;
  border: solid 1px #814721;
  background: url("https://ktora.itembox.design/item/images/k-index-device/icon-arr-yosan-btn.png") no-repeat 93% 47.5%;
  background-size: 2.5vw auto;
}

/********** select1 **********/
#graduation-party .itemlist-sp .select1 {
  padding: 0 0 7vw;
}

#graduation-party .itemlist-sp .select1 h2 {
  padding: 0 0 5vw;
}

#graduation-party .intro {
  padding: 0 1vw 2.5vw;
}

#graduation-party .txt-set p {
  padding: 0 0 4vw;
  line-height: 1.7;
}

#graduation-party h2 {
  border-bottom: none;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: rgb(255, 255, 255);
  margin: 0px 0px 4.5vw;
  border-radius: 1vw;
  padding: 1.5vw 0px;
  font-size: 6vw;
  background: rgb(116, 85, 54);
}

#graduation-party .itemlist-sp h3 {
  border-bottom: none;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #745536;
  margin: 0px 0px 2vw;
  padding: 0 0 0;
  font-size: 7.8vw;
}

#graduation-party .itemlist-sp h3 span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #c5a437;
  font-weight: bold;
}

#graduation-party .itemlist-sp .select1 .s-title {
  margin: 0 0 5px;
  color: #745536;
  font-size: 5vw;
  font-weight: bold;
  background: url("../../images/contents/common-device/icon-tora1.png") no-repeat 0 50%;
  background-size: 10%;
}

#graduation-party .itemlist-sp .select1 .s-title span {
  padding: 1vw 0 1vw 11vw;
  display: block;
}

/* open close ボタン */
#graduation-party .itemlist-sp .select1 .btn-open-close {
  font-weight: bold;
  color: #fff;
  background: #7ebcd9;
}

#graduation-party .itemlist-sp .select1 .btn-open-close .btn-open-close-box {
  padding: 2.75vw 3.7vw;
  background: url("https://ktora.itembox.design/item/images/k-index-device/icon-arr-itemlist-down.png") no-repeat 95% 50%;
  background-size: 3.6vw auto;
}

#graduation-party .itemlist-sp .select1 .active .btn-open-close .btn-open-close-box {
  background-image: url("https://ktora.itembox.design/item/images/k-index-device/icon-arr-itemlist-up.png");
}

#graduation-party .itemlist-sp .select1 .btn-open-close .value-yen {
  font-size: 4.8vw;
}

#graduation-party .itemlist-sp .select1 .btn-open-close .mark-yen {
  font-size: 4.2vw;
}

/* section */
#graduation-party .itemlist-sp .select1 section {
  border-bottom: solid 1px #fff;
}

#graduation-party .itemlist-sp .select1 .select1-box {
  height: 0;
  overflow: hidden;
}

#graduation-party .itemlist-sp .select1 .active .select1-box {
  height: auto;
  border: solid 1vw #7ebcd9;
}

/* h4 */
#graduation-party .itemlist-sp .select1 h4 {
  padding: 6vw 0 2vw;
}

#graduation-party .itemlist-sp .select1 h4 .item-name {
  display: block;
  padding: 0 0 1vw;
  text-align: center;
  font-weight: bold;
  font-size: 5.6vw;
}

#graduation-party .itemlist-sp .select1 .select1-1 h4 .item-name {
  color: #599ed9;
}

#graduation-party .itemlist-sp .select1 .select1-2 h4 .item-name {
  color: #e79bcb;
}

#graduation-party .itemlist-sp .select1 .select1-3 h4 .item-name {
  color: #7dcc75;
}

#graduation-party .itemlist-sp .select1 .select1-4 h4 .item-name {
  color: #9e96cf;
}

#graduation-party .itemlist-sp .select1 h4 .item-txt {
  display: block;
  padding: 0 0 0;
  text-align: center;
  letter-spacing: -0.1vw;
  font-size: 3.6vw;
}

#graduation-party .itemlist-sp .select1 .select1-1 h4 .item-txt {
  color: #599ed9;
}

#graduation-party .itemlist-sp .select1 .select1-2 h4 .item-txt {
  color: #e79bcb;
}

#graduation-party .itemlist-sp .select1 .select1-3 h4 .item-txt {
  color: #7dcc75;
}

#graduation-party .itemlist-sp .select1 .select1-4 h4 .item-txt {
  color: #9e96cf;
}

/* リンク */
#graduation-party .itemlist-sp .select1 a {
  display: block;
  padding: 3vw 3vw 3vw;
}

/* 各スタイル設定 */
#graduation-party .itemlist-sp .select1 .select1-1 .btn-open-close {
  background: #7ebcd9;
}

#graduation-party .itemlist-sp .select1 .select1-1.active .btn-open-close {
  background: #7ebcd9 url("https://ktora.itembox.design/item/images/k-index-device/bg-yosan-blue.png") repeat 0 0;
  background-size: 5px auto;
}

#graduation-party .itemlist-sp .select1 .select1-1 .select1-box {
  border-color: #7ebcd9;
}

#graduation-party .itemlist-sp .select1 .select1-2 .btn-open-close {
  background: #e79bcb;
}

#graduation-party .itemlist-sp .select1 .select1-2.active .btn-open-close {
  background: #e79bcb url("https://ktora.itembox.design/item/images/k-index-device/bg-yosan-pink1.png") repeat 0 0;
  background-size: 5px auto;
}

#graduation-party .itemlist-sp .select1 .select1-2 .select1-box {
  border-color: #e79bcb;
}

#graduation-party .itemlist-sp .select1 .select1-3 .btn-open-close {
  background: #7dcc75;
}

#graduation-party .itemlist-sp .select1 .select1-3.active .btn-open-close {
  background: #7dcc75 url("https://ktora.itembox.design/item/images/k-index-device/bg-yosan-green.png") repeat 0 0;
  background-size: 5px auto;
}

#graduation-party .itemlist-sp .select1 .select1-3 .select1-box {
  border-color: #7dcc75;
}

#graduation-party .itemlist-sp .select1 .select1-4 .btn-open-close {
  background: #9e96cf;
}

#graduation-party .itemlist-sp .select1 .select1-4.active .btn-open-close {
  background: #9e96cf url("https://ktora.itembox.design/item/images/k-index-device/bg-yosan-purple.png") repeat 0 0;
  background-size: 5px auto;
}

#graduation-party .itemlist-sp .select1 .select1-4 .select1-box {
  border-color: #9e96cf;
}

/* サムネイル */
#graduation-party .itemlist-sp .select1 .thumb {
  display: block;
}

#graduation-party .itemlist-sp .select1 .thumb img {
  display: block;
  width: 45vw;
  margin: 0 auto 3vw;
}

/* キャッチ */
#graduation-party .itemlist-sp .select1 .item-catch {
  display: block;
  width: 67.5vw;
  margin: 0 auto 2vw;
  line-height: 1.7;
}

/* ボタン */
#graduation-party .itemlist-sp .select1 .item-btn {
  padding: 0 0 7vw;
}

#graduation-party .itemlist-sp .select1 .item-btn a {
  display: table;
  width: calc(83vw - 6vw - 9vw);
  margin: 0 auto;
  padding: 2vw 9vw 2vw 6vw;
  border-radius: 0.5vw;
  border: solid 0.25vw #c5a437;
  letter-spacing: -0.2vw;
  font-weight: bold;
  color: #c5a437;
  background: url("https://ktora.itembox.design/item/images/k-index-device/icon-arr-yosan-btn.png") no-repeat 93% 47.5%;
  background-size: 3vw auto;
}

/* 商品名称 */
#graduation-party .itemlist-sp .select1 .item-catch {
  width: 67.5vw;
  margin: 0 auto 4vw;
  font-weight: bold;
}

/* スライダー */
/* 矢印 */
#graduation-party .itemlist-sp .select1-slider .control {
  width: 100%;
  margin: 0 auto 0;
  position: relative;
  top: 4vw;
}

#graduation-party .itemlist-sp .select1-slider .slick-prev,
#graduation-party .itemlist-sp .select1-slider .slick-next {
  position: absolute;
  display: block;
  top: 50%;
  width: 10vw;
  height: 40vw;
  border: none;
  opacity: 1;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 2;
}

#graduation-party .itemlist-sp .select1-slider .slick-prev {
  left: 0;
  background: url("https://ktora.itembox.design/item/images/k-index-device/btn-slider-prev.png") no-repeat 0 50%;
  background-size: 100% auto;
}

#graduation-party .itemlist-sp .select1-slider .slick-next {
  right: 0;
  background: url("https://ktora.itembox.design/item/images/k-index-device/btn-slider-next.png") no-repeat 0 50%;
  background-size: 100% auto;
}

/* ボタン */
#graduation-party .item-btn2 {
  padding: 0 0 7vw;
}

#graduation-party .item-btn2 a {
  display: table;
  width: calc(83vw - 6vw - 9vw);
  margin: 0 auto;
  padding: 2vw 9vw 2vw 6vw;
  border-radius: 0.5vw;
  border: solid 0.25vw #c5a437;
  letter-spacing: -0.2vw;
  font-weight: bold;
  color: #c5a437;
  background-color: #f4f2ec;
  background-image: url("https://ktora.itembox.design/item/images/contents/common/icon-arr-right.png");
  background-size: 3vw auto;
  background-repeat: no-repeat;
  background-position: 93% 47.5%;
}

#graduation-party .omakase-inner {
  padding: 10vw 0 0;
}

#graduation-party .omakase-btn {
  position: relative;
}

#graduation-party .omakase-btn:before {
  content: url("https://ktora.itembox.design/item/images/contents/common-device/icon-tora2.png");
  position: absolute;
  top: -61px;
  left: 42%;
}

#graduation-party .omakase-btn a {
  display: table;
  width: 100%;
  margin: 0 auto 5vw;
  padding: 2vw;
  text-decoration: none;
  border-radius: 3px;
  border: solid 2px #c5a437;
  font-size: 3.5vw;
  background: url("https://ktora.itembox.design/item/images/contents/common-device/icon-arr-right.png") no-repeat 96% 47.5%;
  background-size: 3%;
}

#graduation-party .omakase-btn a span {
  color: #c5a437;
  font-size: 4vw;
  font-weight: bold;
}