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

grandindex用css
ブランド名or作品名_PC用

============================*/
#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;
}
/*背景
==============================*/
/* body黒にしてheaderfooter白く */
body#search_brand {
    background: #000;
    overflow-x: hidden;
}
body#search_brand header {
    background: #fff;
}
body#search_brand header #tw2019_header {
    margin-bottom: 0;
}
body#search_brand #headnav {
    background: #fff;
    padding-top: 18px;
}
body#search_brand #headnav::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    margin: -18px 0 0 -50%;
    background: #fff;
    z-index: -1;
}
#shmonsterarts.gi_contentsarea + footer {
    background: #fff;
}
#tw2019_header, #tw2019_footer {
    background: #fff;
}

#shmonsterarts.gi_contentsarea .gi_contents_bgarea {
    background: none;
    padding-bottom: 1px;
}
#headnav + div {
    background-size:cover;
    background-attachment:fixed;
    padding-bottom:0;
    margin-bottom:0;
}  
/*見出し
==============================*/
#shmonsterarts.gi_contentsarea .gi_title {
    padding: 100px 0 60px;
}
#shmonsterarts.gi_contentsarea .gi_title img {
    max-width: 54%;
}
#shmonsterarts.gi_contentsarea .gi_title span {
    display: none;
}

#shmonsterarts.gi_contentsarea #gi_productlist h2,
#shmonsterarts.gi_contentsarea #gi_subcatearea h2,
#shmonsterarts.gi_contentsarea #gi_relationarea h2,
#shmonsterarts.gi_contentsarea #gi_explanation h2,
#shmonsterarts.gi_contentsarea #gi_specialarea h2,
#shmonsterarts.gi_contentsarea #gi_salessite h2 {
    border: 1px solid #fff;
}

/*スライド
==============================*/
/*スライド下フリーエリア
==============================*/
/*ページ内リンク
==============================*/
#shmonsterarts .gi_plbtn li {
    width: 49%;
    margin: auto;
}
#shmonsterarts .gi_plbtn li a:after {
    font-size: 0.8em;
}
/*更新履歴
==============================*/
/*ブランド背景
==============================*/
/*ブランド説明
==============================*/
#shmonsterarts #gi_explanation {
    display: none;
}
#shmonsterarts #intro {
    margin-bottom: 100px;
}
#shmonsterarts #intro p {
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    letter-spacing: 0.14em;
    line-height: 2.4em;
}
/*訴求エリア
==============================*/

/* 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 2%;
}
#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)}
}

/*バックナンバー
==============================*/
/*商品など
==============================*/
#shmonsterarts #gi_productlist .search_result,
#shmonsterarts #gi_productlist .search_result .result,
#shmonsterarts .pagenavi li a {
    color: #fff;
}
#shmonsterarts #gi_productlist .search_result .txt {
    border-color: #fff;
}
#shmonsterarts .pagenavi li.active a,
#shmonsterarts .pagenavi li a:hover,
#shmonsterarts .pagenavi li a:active {
    background-color: #3d3737;
    border-color: #3d3737;
}

/*商品下フリーエリア
==============================*/
/*サブカテゴリ
==============================*/
/*関連情報
==============================*/
/*関連情報下
==============================*/
/*コピーライト
==============================*/
#shmonsterarts .gi_copyright {
    display: none;
}
#shmonsterarts .gi_free_copyright {
    color: #fff;
    font-size: 12px;
}