@charset "utf-8";
/*============================

grandindex用css
スーパー戦隊シリーズ_PC用

============================*/
#super_sentai_series span.in-blk {
    display: inline-block;
}
/*背景
==============================*/
#main, #tw2022_slider{
    background: url(/img/grand_index/super_sentai_series/img_bg_UfsbsEfM.jpg) no-repeat center center;
    background-size: 100% 100%;
    background-attachment: fixed;
}
#super_sentai_series.gi_contentsarea {
    background: url(/img/grand_index/super_sentai_series/img_bg_UfsbsEfM.jpg) no-repeat center center;
    background-size: 100% 100%;
    background-attachment: fixed;
    padding-bottom: 1px;
}
#super_sentai_series .gi_contents_bgarea{
    background: none;
}
/*見出し
==============================*/
/*スライド
==============================*/
/*スライド下フリーエリア
==============================*/
#super_sentai_series ul.logolist {
    text-align: center;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#super_sentai_series ul.logolist li{
    margin-right: 30px;
    width: 18%;
}
#super_sentai_series ul.logolist li:last-of-type{
    margin-right: 0;
}
#super_sentai_series .what {
    background: url(/img/grand_index/super_sentai_series/img_intro_bg_2RkWHKG8.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
    color: #fff;
    font-family: 游ゴシック, sans-serif;
    font-weight: bold;
    width: 85%;
    margin: auto;
    padding: 40px 2%;
}
#super_sentai_series .what p {
  line-height: 1.75;
  margin-top: 20px;
  font-feature-settings: "palt";
}
/*ブランド背景
==============================*/
/*ブランド説明
==============================*/
/*更新履歴
==============================*/
/*ページ内リンク
==============================*/
#super_sentai_series #gi_plbtn .btn_link a {
  color: #fff;
  background: #e60012!important;
  border: 1px solid #fff;
}
#super_sentai_series #gi_plbtn .btn_link a:after{
  background: #fff;
}
#super_sentai_series #gi_plbtn .btn_link a:hover{
    background: #fff!important;
    border: 1px solid #e60012;
    color: #e60012;
}
#super_sentai_series #gi_plbtn .btn_link a:hover:after{
    background: #e60012;
}

/*訴求エリア
==============================*/
#super_sentai_series .gi_contents_bgarea .gi_appealarea .newitems h3{
    text-align: center;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .newitems h3 img {
  margin-left: auto;
  margin-right: auto;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .brand_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: relative; */
    font-family: 游ゴシック, sans-serif;
    font-weight: bold;
    margin: 70px auto;
}
/* #super_sentai_series .gi_contents_bgarea .gi_appealarea .brand_ttl:hover {
    background: #fff;
    opacity: 0.6;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .brand_ttl a {
    color: rgba(255,255,255,0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
} */
#super_sentai_series .gi_contents_bgarea .gi_appealarea .brand_ttl p {
  margin: 0 15px;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .brand_ttl p:first-of-type {
  width: 250px;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .brand_ttl p:last-of-type {
/*  width: 100%;*/
  line-height: 1.5;
}


/* アイテム */
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents {
    font-family: 源ノ角ゴシック, 游ゴシック, sans-serif;
    width: 850px;
    margin: 0 auto 100px;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_top {
    padding: 24px 2%;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_top h4 {
    color: #fff;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.02em;
    line-height: 1.4em;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_top h4 span.fsize_l {
    font-size: 1.2em;
    margin: 0.1em;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_mid {
    position: relative;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_mid .notes {
    position: absolute;
    bottom: 7px;
    left: 10px;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.02em;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_bottom {
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
    padding: 30px 2%;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_bottom p.item_name {
    font-family: 游ゴシック, 源ノ角ゴシック, sans-serif;
    font-size: 30px;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_bottom p.item_date,
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_bottom p.item_price {
    font-family: 游ゴシック, 源ノ角ゴシック, sans-serif;
    font-size: 22px;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_bottom p.item_btn a {
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 24px;
    margin-top: 15px;
    padding: 0.6em 1.8em;
    -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;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_bottom p.item_btn a:hover {
    transform: translateY(-5px);
    -ms-filter: drop-shadow(0px 2px 5px rgba(0,0,0,0.3));
    filter: drop-shadow(0px 2px 5px rgba(0,0,0,0.3));
}

/* ゼンカイジャー商品 */
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_bottom.zenkai {
    position: relative;
    padding: 65px 2% 30px;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_bottom.zenkai::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(/img/grand_index/super_sentai_series/20220804/contents_bg_bottom_icon_top_dMwS2aGZ.png) no-repeat center top;
    background-size: 100%;
    width: 100%;
    height: 50px;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_bottom.zenkai p.item_btn a {
    background: url(/img/grand_index/super_sentai_series/20220804/btn_detail_bg_zN62DLRz.png) no-repeat center center;
    background-size: 100% 100%;
    padding: 1.1em 1.8em;
}

/* ツーカイザー */
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents.tsuiker {
    background: #bf9400;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents.tsuiker .contents_bottom {
    background: url(/img/grand_index/super_sentai_series/20220804/contents_bg_bottom_icon_l_TRHhfLBG.png) no-repeat left -20px bottom -25px,
                url(/img/grand_index/super_sentai_series/20220804/contents_bg_bottom_icon_r_Z3fCfGuT.png) no-repeat right bottom;
    background-size: auto, auto calc(100% - 20px);
}



#super_sentai_series .gi_contents_bgarea .gi_appealarea .btn_blog {
    text-align: center;
    width: 850px;
    margin: 100px auto 150px;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .btn_blog img{
    max-width: 100%;
    width: auto;
    margin: auto;
}
#super_sentai_series .gi_contents_bgarea .gi_appealarea .contents_yt {
    text-align: center;
    margin: 80px 0;
}

/*バックナンバー
==============================*/
/*作品紹介
==============================*/
#gi_explanation {
    display: none;
}
/*商品など
==============================*/
/*商品下フリーエリア
==============================*/
/*サブカテゴリ
==============================*/
/*関連情報
==============================*/
/*関連情報下
==============================*/
/*コピーライト
==============================*/
#super_sentai_series .gi_copyright {
    display: none;
}
#super_sentai_series .gi_free_copyright {
    font-size: 12px;
}

#super_sentai_series .gi_free_copyright li{
    display: inline-block;
    margin: 0 5px;
}


/*20230101 年賀*/
#hny2023modal_wrap{
    padding: 20px;
    margin: 10px auto;
    position: relative;
    background: none;
    max-width: 700px;
    width: auto;
}
#hny2023modal_wrap img{
    max-height: calc(100vh - 80px);
}
#hny2023modal_wrap .remodal-close{
    top: 10px;
    right: 5px;
    border-radius: 0;
    background: #f00;
    border: 1px solid #f00;
    width: 35px;
    height: 35px;
}
#hny2023modal_wrap .remodal-close:before{
    width: 35px;
    line-height: 35px;
    font-size: 28px;
}
#hny2023modal_wrap .remodal-close:hover,
#hny2023modal_wrap .remodal-close:focus{
    background: #fff;
    color: #f00;
}

/* 200230125 */
.dis-pc {
  display: block;
}
.dis-sp {
  display: none;
}
/* ゴーカイレッド */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
/* font-family: 'Noto Serif JP', serif; */

.item_area {
  background: #000;
  color: #fff;
  margin-top: 40px;
}

.item_area .item_new.grad {
  position: relative;
  padding: 10px 25px;
  font-size: 2.2em;
  font-weight: bold;
  transform: skew(-10deg);
}

.item_area .item_img {
  position: relative;
}

.item_area .item_img img {
  display: block;
  width: 100%;
}

.item_area .item_img p {
/*  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 0.7em;
  text-shadow: 0 0 10px #000;*/
}

.item_area .item_info {
  padding: 20px 40px;
  letter-spacing: 2px;
  font-family: 'Noto Serif JP', serif;
}

.item_area .item_info .brand {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.item_area .item_info .name {
  font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.item_area .item_info .date {
  font-size: 1.1em;
    text-align: center;
    margin-bottom: 40px;
}

.item_area .item_info .text {
  font-size: 17px;
  margin-bottom: 10px;
  line-height: 1.75;
  text-align: justify;
  font-feature-settings: "palt";
}

.gokai-red .item_info .text {
  text-align: center;
}

.item_area .btn_wrap {
  display: flex;
  justify-content: center;
  width: 75%;
  margin: 0 auto;
  padding-bottom: 30px;
}
.item_area .link_btn {
  width: 48%;
  margin: 10px;
}
#birth.item_area .link_btn a {
  background: #038145;
  transition: all .2s;
}
.item_area .link_btn a:before, .item_area .dc_in_item .dc_btn a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
  background-color: transparent;
  transform: initial;
  -webkit-mask: none;
}
.item_area .link_btn a:after {
  content: '＞';
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .2s;
}
.item_area .btn_wrap {
  display: flex;
  justify-content: center;
  width: 75%;
  margin: 0 auto;
  padding-bottom: 30px;
}
.item_area .link_btn {
  width: 48%;
  margin: 10px;
}
.item_area .link_btn a {
  position: relative;
  display: block;
  color: #fff;
  text-align: center;
  font-weight: bold;
  width: 100%;
  padding: 15px 35px 13px 17px;
  overflow: hidden;
  background: #d80101 !important;
  font-size: 16px;
  line-height: 1.5;
}
.item_area .link_btn a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
  background-color: transparent;
  transform: initial;
  -webkit-mask: none;
  mask: none;
}
.item_area .link_btn a:after {
  content: '＞';
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.kuwagata.item_area{
    background: none;
    font-family: 'Noto Serif JP', serif
}
.kuwagata .item_catch{
    background: #d10909;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.5;
    padding: 20px;
    text-align: center;
}
.kuwagata .item_catch span{
    font-size: .9em;
}
.kuwagata .item_seriese{
    background: rgba(0,0,0,.8);
    display: flex;
    padding: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.kuwagata .item_seriese_txt {
    width: 80%;
    line-height: 1.8;
}
.kuwagata .item_seriese_txt p:first-of-type {
    font-size: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-right: 0;
}
.kuwagata .item_seriese_txt p {
    font-size: 16px;
    padding-right: 10px;
}
.kuwagata .item_seriese_img{
    margin-top: -70px;
    width: 20%;
}
.kuwagata .item_info{
    background: url(/img/grand_index/super_sentai_series/20230528/20230528_bg_s3mrw452.jpg) no-repeat center center;
    background-size: cover;
    font-weight: 900;
    padding: 30px 40px 20px;
}
.kuwagata.item_area .item_info .name {
    font-size: 2em;
}
.kuwagata.item_area .item_info .date{
    margin-bottom: 10px;
    font-size: 1.2em;
}
.kuwagata.item_area .item_info .text{
    text-align: center;
    font-size: 1.2em;
}
.kuwagata.item_area .btn_wrap{
    padding-bottom: 0;
}
.kuwagata.item_area .link_btn{
    clip-path: polygon(3% 0, 97% 0, 100% 15%, 100% 85%, 97% 100%, 3% 100%, 0 85%, 0 15%);
    padding: 2px;
    background: #b8bf00;
    transition: all .2s;
}
.kuwagata.item_area .link_btn a{
    background: #d00000;
    clip-path: polygon(3% 0, 97% 0, 100% 15%, 100% 85%, 97% 100%, 3% 100%, 0 85%, 0 15%);
}
.kuwagata.item_area .link_btn:hover{
    background: #d00000;
}
.kuwagata.item_area .link_btn:hover a:after{
    right: 5px;
}