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

grandindex用css
S.H.MonsterArts_PC用

============================*/
@font-face {
  font-family:'NSJP_Bold';
  src: url("https://tamashiiweb.com/css/grand_index/fonts/NotoSerifJP-Bold.otf");
}
@font-face {
  font-family:'NSJP_Black';
  src: url("https://tamashiiweb.com/css/grand_index/fonts/NotoSerifJP-Black.otf");
}

#shmonsterarts {
    font-family: "A-OTF 新ゴ Pro", "源ノ角ゴシック", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    overflow-x: hidden;
}
#shmonsterarts .dis_sp {
    display: none;
}
/*背景
==============================*/
#main > div,
#tw2022_wrapper > div:first-child {
    z-index: 0!important;
    background-size: cover;
    background-attachment: fixed;
}
#shmonsterarts.gi_contentsarea {
    position: relative;
    padding-top: 130px;
}
#shmonsterarts.gi_contentsarea .gi_contents_bgarea {
    background: none;
    padding-bottom: 1px;
}
/*見出し
==============================*/
/*スライド
==============================*/
/*スライド下フリーエリア
==============================*/
/*ブランド説明
==============================*/
/* 作品ロゴ白くする */
#shmonsterarts #gi_explanation dl dt img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
#shmonsterarts #gi_explanation dl dd {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 1.2em;
    letter-spacing: 0.14em;
    line-height: 2.4em;
    margin-top: 50px;
}
/*ページ内リンク
==============================*/
#shmonsterarts #gi_plbtn .btn_link a {
    color: #fff;
}
#shmonsterarts #gi_plbtn .btn_link a:after {
    background: #fff;
}
#shmonsterarts #gi_plbtn .btn_link a:hover {
    opacity: .9;
    background: none;
}
/*更新履歴
==============================*/
/*ブランド背景
==============================*/
/*訴求エリア
==============================*/
/* PICK UP CHARACTERS */
#shmonsterarts #pickup_characters {
    margin: 100px 0 50px;
}
#shmonsterarts #pickup_characters h2 {
    width: 66%;
    margin: 10px auto 75px;
}
#shmonsterarts #pickup_characters ul.link-list {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
#shmonsterarts #pickup_characters ul.link-list li {
    margin: 0 -1%;
}
#shmonsterarts #pickup_characters ul.link-list li:hover {
    animation: gaogao .2s cubic-bezier(.19,1,.22,1) 2;
}
#shmonsterarts #pickup_characters ul.link-list li a:hover img {
    opacity: 1;
}
/* ホバーアニメーション がおがお*/
@keyframes gaogao {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

/* ブルーアイズ */
#newitem._bed{
    background: url(https://tamashiiweb.com/img/grand_index/shmonsterarts/20230621/bg_w5ygm7x3.png) no-repeat center center;
    background-size: 100%;
    position: relative;
    padding-top: 77%;
    color: #000;
}
#newitem._bed h2{
    font-family:'NSJP_Black';
    font-size: 40px;
    font-weight: 900;
    line-height: 1.5em;
    letter-spacing: .05em;
    position: absolute;
    top: 4%;
    left: 10%;
}
#newitem._bed ._catch {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 20%;
    position: absolute;
    bottom: 2%;
    left: 51%;
    transform: translateX(-50%);
    font-family: 'NSJP_Bold';
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5em;
    letter-spacing: .05em;
    text-align: center;
}
#newitem._bed ._catch ._ruby{
    position: relative;
    display: inline-block;
}
#newitem._bed ._catch ._ruby span {
    display: inline-block;
    font-size: 10px;
    position: absolute;
    top: -2em;
    left: 50%;
    width: 180px;
    letter-spacing: 0;
    transform: translateX(-50%);
}

/* 2023/11/16 レッドアイズ */
#newitem._red{
    background: url(https://tamashiiweb.com/img/grand_index/shmonsterarts/20231116/bg_gY2BXuhe.png) no-repeat center center;
    background-size: 100%;
    position: relative;
    padding-top: 80.5%;
    color: #000;
}
#newitem._red h2{
    font-family:'NSJP_Black';
    font-size: 40px;
    font-weight: 900;
    line-height: 1.5em;
    letter-spacing: .05em;
    position: absolute;
    top: 4%;
    right: 60px;
}
#newitem._red ._catch {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: auto;
    position: absolute;
    bottom: 55px;
    left: 51%;
    transform: translateX(-50%);
    font-family: 'NSJP_Bold';
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5em;
    letter-spacing: .05em;
    text-align: center;
}
#newitem._red ._catch ._ruby{
    position: relative;
    display: inline-block;
}
#newitem._red ._catch ._ruby span {
    display: inline-block;
    font-size: 10px;
    position: absolute;
    top: -2em;
    left: 50%;
    width: 180px;
    letter-spacing: 0;
    transform: translateX(-50%);
}

/*バックナンバー
==============================*/
/*商品など
==============================*/
#shmonsterarts.gi_contentsarea #gi_productlist .gi_subtitle._underline {
    color: #fff;
}
#shmonsterarts #category_search .search_main_wrap .order_wrap label span {
    border-color: #fff;
    color: #fff;
}
#shmonsterarts #category_search .search_main_wrap .order_wrap label input:checked + span {
    border-color: #fff;
}
#shmonsterarts #gi_productlist .search_result .result {
    color: #fff;
}
#shmonsterarts #gi_productlist .search_result .txt {
    border-color: #fff;
    color: #fff;
}

#shmonsterarts.gi_contentsarea .gi_subtitle._underline::before {
    background-color: #3d3737;
}
#shmonsterarts #gi_productlist .pagenavi li.active a, 
#shmonsterarts #gi_productlist .pagenavi li a:hover, 
#shmonsterarts #gi_productlist .pagenavi li a:active {
    background-color: #3d3737;
}
/*商品下フリーエリア
==============================*/
/*サブカテゴリ
==============================*/
/*関連情報
==============================*/
/*関連情報下
==============================*/
/*コピーライト
==============================*/
#shmonsterarts .gi_copyright {
    display: none;
}
#shmonsterarts .gi_free_copyright {
    color: #fff;
    font-size: 12px;
}

/* 英語 */
html[lang=en] #newitem._red ._catch {
    width: 50%;
    bottom: 50px;
    left: 50%;
    font-size: 21px;
}

/* ラテン */
html[lang=es] #newitem._red ._catch {
    width: 60%;
    bottom: 50px;
    left: 50%;
    font-size: 21px;
}