@charset "utf-8";
/*============================

grandindex用css
spy-family_PC用

============================*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@font-face {
  font-family: 'NSJP_Regular';
  src: url("https://tamashiiweb.com/img/grand_index/dynaction/fonts/NotoSerifJP-Regular.otf");
}

@font-face {
  font-family: 'NSJP_Medium';
  src: url("https://tamashiiweb.com/img/grand_index/dynaction/fonts/NotoSerifJP-Medium.otf");
}

@font-face {
  font-family: 'NSJP_Bold';
  src: url("https://tamashiiweb.com/img/grand_index/dynaction/fonts/NotoSerifJP-Bold.otf");
}

.font_nsR {
  font-family: "NSJP_Regular";
}

.font_nsM {
  font-family: "NSJP_Medium";
}

.font_nsB {
  font-family: "NSJP_Bold";
}

.dis-pc {
  display: block;
}

.dis-sp {
  display: none;
}

/*背景
==============================*/
#main,
#tw2022_slider {
  background: url(https://tamashiiweb.com/img/grand_index/spy-family/20211218/bg_v5e7rpqm.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
}
header,
#spy-family.gi_contentsarea {
  background: url(https://tamashiiweb.com/img/grand_index/spy-family/20211218/bg_v5e7rpqm.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
/*  padding-bottom: 10px;*/
/*  margin-bottom: 50px;*/
  overflow: hidden;
  margin-bottom: -1px;
}

#spy-family .gi_contents_bgarea {
  background: none;
}

/*見出し
==============================*/
/* #spy-family .gi_title {
  text-align: center;
  margin: 30px 0;
}
#spy-family .gi_title span {
  display: none;
} */

/* 20211223追加 見出しの赤背景 */
#spy-family.gi_contentsarea #gi_productlist h2,
#spy-family.gi_contentsarea #gi_subcatearea h2,
#spy-family.gi_contentsarea #gi_relationarea h2,
#spy-family.gi_contentsarea #gi_explanation h2,
#spy-family.gi_contentsarea #gi_salessite h2,
#spy-family.gi_contentsarea #gi_specialarea h2 {
  background: url(https://tamashiiweb.com/img/grand_index/spy-family/20211218/bg_ttl_d4pekcmt.jpg) no-repeat center center;
  /* background-size: cover; */
  background-size: 100% 100%;
  color: #fff;
  font-family: "NSJP_Regular";
  padding: 30px;
}

#spy-family.gi_contentsarea .gi_subtitle._underline::before {
  display: none;
}

#spy-family #gi_salessite .gi_contents_inner {
  padding: 0 0 40px;
}

#spy-family #gi_specialarea .gi_contents_inner {
  padding: 0;
}

#spy-family #gi_salessite .howtobuy {
  width: calc(90% - 90px);
}

#spy-family #gi_salessite .map_tab {
  margin: 0 45px;
}

#spy-family #gi_specialarea #gi_relatedarea {
  margin: 0 auto;
  padding: 40px 0 70px;
}

/*スライド
==============================*/
/* #spy-family .gi_slidearea {
  margin-bottom:180px;
}
#spy-family .slick-dots li button:before {
  color:#525252;
}
#spy-family ul.slick-dots {
  border:none;
}
#spy-family .slick-dots li.slick-active button:before {
  color:#e60012;
} */

/*スライド下フリーエリア
==============================*/
/*ブランド背景
==============================*/
/*ブランド説明
==============================*/
#spy-family #storyarea {
  width: 1000px;
  margin: 0 auto 100px;
  position: relative;
  z-index: 1;
}

#spy-family #storyarea::after {
  content: '';
  display: block;
  background: url(https://tamashiiweb.com/img/grand_index/spy-family/20211218/bg_story_q7pgsh5x.png) no-repeat left 80%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

#spy-family #storyarea * {
  line-height: 1.8;
}

#spy-family #storyarea .area_ttl,
#spy-family #appeal_brand .area_ttl {
  position: relative;
  text-align: center;
  margin-bottom: 25px;
  padding: 31px;
  z-index: 1;
  font-size: 35px;
  line-height: 1em;
  color: #fff;
}

#spy-family .area_ttl::after {
  content: '';
  display: block;
  background: url(https://tamashiiweb.com/img/grand_index/spy-family/20230829/bg_ttl_amrbqzku.jpg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

#spy-family #storyarea .inner {
  width: 900px;
  margin: 0 auto;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic";
}

#spy-family #storyarea .inner h4 {
  color: #9b222a;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 30px;
}

#spy-family #storyarea .inner p {
  font-weight: bold;
  color: #000;
}

#spy-family #storyarea .inner p+p {
  margin-top: 20px;
}

/* #spy-family #gi_explanation {
    display: none;
}
 */

#spy-family #gi_explanation dl dd,
#spy-family.gi_contentsarea #gi_explanation .btn_link a {
  color: #000;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic";
  font-weight: bold;
}

#spy-family.gi_contentsarea #gi_explanation .btn_link a:hover {
  color: #fff;
}

/*更新履歴
==============================*/
/*ページ内リンク
==============================*/
/* #spy-family .gi_plbtn{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
} */
/* #spy-family .gi_plbtn li {
  width:49%;
} */
#spy-family #gi_plbtn li.btn_link a {
  color: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#spy-family #gi_plbtn .btn_link a:after {
  background: #fff;
}

#spy-family #gi_plbtn .btn_link a:hover {
  opacity: .8;
  background: #292c17;
}

/*訴求エリア
==============================*/
.appeal_item {
  position: relative;
}
.appeal_item + .appeal_item{
  margin-top: 100px;
}

.appeal_item img {
  width: 100%;
}

#appeal_brand .inner h3 {
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
  background: #a2212b;
  position: absolute;
  top: 30px;
  width: 100%;
  margin: 2px 0;
  line-height: 1.5;
  padding: 20px 0 25px 0;
}

#appeal_brand .inner h3 span {
  display: block;
  margin-top: 5px;
  font-size: 24px;
}

#appeal_brand .inner h3::before,
#appeal_brand .inner h3::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  display: inline-block;
  height: 2px;
  background-color: #a2212b;
}

#appeal_brand .inner h3::before {
  top: -5px;
}

#appeal_brand .inner h3::after {
  bottom: -5px;
}

#appeal_brand .inner h3._bl {
  background: #2a3f76;
}

#appeal_brand .inner h3._bl::before,
#appeal_brand .inner h3._bl::after {
  background-color: #2a3f76;
}

#appeal_brand .inner>p {
  color: #000;
  text-align: center;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic";
  font-size: 30px;
  font-weight: bold;
  width: 970px;
  margin: 0 auto 80px;
}


#appeal_brand .appeal_camp {
  position: relative;
  background: #eaf2ee;
  margin-top: 60px;
  /* padding: 140px 40px 30px; */
  padding: 110px 40px 30px;

}

#appeal_brand .appeal_camp h3 {
  top: 0;
  left: 0;
}

#appeal_brand .appeal_camp h3 span {
  font-size: 25px;
}

#appeal_brand .camp_txt {
  font-weight: bold;
  font-size: 19px;
  letter-spacing: 0.1em;
  line-height: 1.8em;
  margin-top: 15px;
}

#appeal_brand .camp_txt:last-of-type {
  font-size: 15px;
  /* margin-top: 5px; */
}

#appeal_brand .camp_txt a {
  color: #b90816;
  text-decoration: underline;
}

#spy-family .gi_contents_bgarea .gi_appealarea .contents_yt {
  text-align: center;
  margin: 80px 0;
}

/* 20211220 任務達成 */
#appeal_brand .appeal_camp .flexbox {
  display: flex;
  align-items: center;
}

#appeal_brand .appeal_camp .flexbox div:first-of-type {
  position: relative;
}

#appeal_brand .appeal_camp .flexbox div:first-of-type p {
  position: absolute;
  top: calc(50% + 0.2em);
  left: calc(50% + 0.2em);
  transform: translate(-50%, -50%) rotate(-20deg);
  color: #fff;
  font-size: 4em;
  text-shadow: 1px 1px 10px #b90816, -1px -1px 10px #b90816;
  text-align: center;
  width: 100%;
}

#appeal_brand .appeal_camp .flexbox div:last-of-type {
  width: 45.8%;
  margin-left: 25px;
}

/* 20211223 商品詳細公開 */
.appeal_item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.appeal_item:hover {
  /* opacity: 0.8; */
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


/* アイテム */
#spy-family .brand_intro {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-family: "源ノ角ゴシック", YuGothic, "Yu Gothic Medium", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  margin: 60px 0;
}

#spy-family .brand_intro .brand_logo {
  text-align: right;
  width: 43%;
  margin-right: 4%;
}

#spy-family .brand_intro .brand_logo img {
  width: 70%;
}

#spy-family .brand_intro .brand_txt {
  font-size: 16px;
  line-height: 2em;
  width: 53%;
}

#spy-family #spy-fzero.brand_intro .brand_logo img {
  width: 50%;
}

#spy-family .lineup ul {
  display: flex;
  justify-content: center;
}

#spy-family .lineup ul li {
  width: 32%;
  margin-left: 2%;
}

#spy-family .lineup ul li:first-of-type {
  margin-left: 0;
}

#spy-family .lineup .lineup_img {
  background: #789688;
  text-align: center;
}

#spy-family .lineup .lineup_img img {
  width: 100%;
}

#spy-family .lineup .lineup_txt {
  background: #000;
  color: #fff;
  text-align: center;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", "源ノ角ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 900;
  padding: 1.4em 0.6em;
}

#spy-family .lineup .itemname {
  font-size: 1.4em;
  letter-spacing: -0.03em;
}

#spy-family .lineup .itemdate {
  margin-top: 0.2em;
}

#spy-family .contents_item {
  position: relative;
}

/* ▼▼▼ 20230519 ▼▼▼ */
#spy-family .contents_item.loid_20230519,
#spy-family .contents_item.yor_20230519,
#spy-family .contents_item.bond-anya_20230519 {
  width: 1000px;
}

/* loid */
#spy-family .contents_item.loid_20230519 .contents_item_img {
  width: 960px;
  margin: 0 0 150px auto;
}

#spy-family .contents_item.loid_20230519 .item_detail {
  width: 610px;
  top: 670px;
  left: inherit;
  right: 0;
}

/* yor */
#spy-family .contents_item.yor_20230519 .contents_item_img {
  width: 940px;
  margin: 0 0 150px auto;
}

#spy-family .contents_item.yor_20230519 .item_detail {
  width: 670px;
  top: 670px;
  left: inherit;
  right: 0;
}

/* bond-anya */
#spy-family .contents_item.bond-anya_20230519 .contents_item_img {
  width: 1000px;
}

/* ▲▲▲ 20230519 ▲▲▲ */

#spy-family .contents_item .contents_item_img {
  text-align: center;
}

#spy-family .contents_item .contents_item_img img {
  width: 100%;
}

#spy-family .contents_item .item_detail {
  width: 50%;
  position: absolute;
  top: 65%;
  left: 47%;
  color: #000;
  font-family: "源ノ角ゴシック", YuGothic, "Yu Gothic Medium", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}

#spy-family .contents_item .item_name {
  font-size: 32px;
  font-weight: 900;
}

#spy-family .contents_item .item_name span {
  font-size: 22px;
}

#spy-family .contents_item .item_date {
  font-size: 18px;
  line-height: 1.4;
  margin-top: 0.8em;
}

#spy-family .contents_item .item_price {
  font-size: 18px;
  line-height: 1.4;
  margin-top: 0.2em;
}

#spy-family .contents_item .item_btn a {
  width: 100%;
  display: inline-block;
  position: relative;
  line-height: 1.8;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin-top: 0.8em;
  padding: 20px 20px;
}

#spy-family .contents_item .item_btn a::after {
  display: block;
  content: "＞";
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
}

#spy-family .contents_item .item_btn a:hover {
  opacity: 1;
  /* opacity: 0.8; */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#spy-family .contents_item.anya {
  margin-top: 90px;
  margin-bottom: 130px;
}

#spy-family .contents_item.anya .item_detail {
  top: 67%;
  left: 58%;
}

/*バックナンバー
==============================*/
/*商品など
==============================*/
/* #spy-family #gi_productlist .search_result .txt {
  color: #000;
  border-left: 2px solid #000;
} */

#spy-family #category_search .search_main_wrap .order_wrap label span,
#spy-family #gi_productlist .search_result .txt {
  border-color: #000;
  color: #000;
}

#spy-family #category_search .search_main_wrap .order_wrap label input:checked+span,
#spy-family #category_search .search_main_wrap .order_wrap label span:hover {
  border-color: #000;
  color: #fff;
}

#spy-family #gi_productlist .search_result .result {
  color: #000;
}

/*商品下フリーエリア
==============================*/
/*サブカテゴリ
==============================*/
/*関連情報
==============================*/
/*関連情報下
==============================*/
/*コピーライト
==============================*/
#spy-family .gi_copyright {
  display: none;
}

#spy-family .gi_free_copyright {
  color: #000;
}

/*20230720　ジャンプ下層化　調整*/
.block-news .newsSwiper .swiper-wrapper .swiper-slide{
  background: #292c17;
}
.block-news .newsSwiper .swiper-wrapper .swiper-slide .textbox .day span{
  background: #9b222a;
}
.block-news .newsSwiper .swiper-wrapper .swiper-slide .textbox{
  color: #fff;
}

/*20230829　spy-family*/
.sf-container{
  display: flex;
  align-items: center;
  margin: 80px 0px;
}

.sf-container-img img{
  margin: 0 -80px 0 -30px;
  max-width: calc(100% + 110px);
}
.inner .sf-container:nth-of-type(even) .sf-container-img img{
  margin: 0 -30px 0 -80px;
}

.sf-container .sf-container-txt{
  line-height: 2em;
  width: 39%;
  font-weight: 900;
}
.inner .sf-container:nth-of-type(even) .sf-container-txt{
  text-align: right;
}
.sf-container-txt > img{
  margin-bottom: 30px;
}

.sf-black a{
  background: #000;
  padding: 15px 60px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  color: #fff;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 2px;
  display: inline-block;
}
.sf-black a:after{
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 13px;
  transition: .1s;
}
.sf-black a:hover:after{
  right: 11px;
}

.item_all{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
}

.item_all .sf-black{
  margin: 0 auto;
  display: block;
  margin-bottom: 60px;
}
.item_all .sf-black a{
  font-weight: 900;
  font-size: 15px;
  letter-spacing: 1px;
}

#gi_productlist {
  margin: unset;
}

html[lang="es"] #spy-family.gi_contentsarea #gi_productlist h2{
  background: url(https://tamashiiweb.com/img/grand_index/spy-family/20230829/bg_ttl_amrbqzku.jpg) no-repeat center;
  background-size: contain;
}


/* TN2023 */
.tn-area {
  width: 1000px;
  position: relative;
  margin: 0 auto 100px;
  border: 6px solid #a3212b;
  background: url(https://tamashiiweb.com/img/grand_index/spy-family/20231027/20231027_bg_k8LpNPVA.png) no-repeat center top;
  background-size: cover;
}
.tn-area ul {
  display: flex;
  justify-content: space-between;
  padding: 35px 75px;
  background: #a3212b;
}
.tn-area ul li.logo {
  width: 520px;
}
.tn-area ul li.day {
  width: 315px;
}
.tn-area ._wrap {
  padding-bottom: 50px;
}
.tn-area ._wrap p {
  text-align: center;
  line-height: 1.5;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
.tn-area ._wrap .l-text {
  margin: 10px auto 17.5px;
  font-size: 50px;
  color: #eceee0;
}
.tn-area ._wrap .img {
  width: 910px;
  margin: 0 auto 30px;
}
.tn-area ._wrap .btn {
  width: 475px;
  height: 80px;
  margin: 30px auto 0;
}
.tn-area ._wrap .btn a {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
  border: 1px solid #a3212b;
  background: #a3212b;
  transition: .2s;
}
.tn-area ._wrap .btn a:hover {
  transition: .2s;
  opacity: .7;
}
.tn-area ._wrap .btn a:after {
  content: "";
  width: 24px;
  height: 18px;
  position: absolute;
  top:50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 30px;
  background: url(https://tamashiiweb.com/img/grand_index/spy-family/20231027/20231027_btn-arrow_k8LpNPVA.png) no-repeat center top;
  background-size: contain;
}