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

grandindex用css
モンスターハンター_PC用

============================*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
  font-family:'NSJP_Regular';
  src: url("/img/grand_index/dynaction/fonts/NotoSerifJP-Regular.otf");
}
@font-face {
  font-family:'NSJP_Medium';
  src: url("/img/grand_index/dynaction/fonts/NotoSerifJP-Medium.otf");
}
@font-face {
  font-family:'NSJP_Bold';
  src: url("/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";}

/*全体
==============================*/
.sawarabi {font-family: "Sawarabi Mincho";}
.cf {color:#ffffff;}
/*背景
==============================*/
#main, #tw2022_slider{
  background: #000000 url(/img/grand_index/monsterhunter/bg_page.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
}
#monsterhunter.gi_contentsarea {
  background: #000000 url(/img/grand_index/monsterhunter/bg_page.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  margin-bottom:50px;
  padding-bottom:50px;
}
#monsterhunter .gi_contents_bgarea{
  background: none;
}

/*見出し
==============================*/
#monsterhunter.gi_contentsarea .gi_title {
    padding: 20px 0 0;
}
#monsterhunter.gi_contentsarea .gi_title span {
    color: #fff;
}

#monsterhunter.gi_contentsarea #gi_productlist h2,
#monsterhunter.gi_contentsarea #gi_relationarea h2 {
    color: #fff;
}
/*スライド
==============================*/
#monsterhunter .slick-dots li button:before {
  opacity:.25;
  color:#ffffff;
}
#monsterhunter .slick-dots li.slick-active button:before {
  color:#0098ac;
  opacity:1;
}
/*スライド下フリーエリア
==============================*/
#monsterhunter .logo{
  text-align: center;
  padding-top: 60px;
}
#monsterhunter .under-slide {
  text-align:center;
  padding-top: 30px;
}
/*ブランド背景
==============================*/
/*ブランド説明
============================*/
#monsterhunter #gi_explanation {
    display: none;
}
/*更新履歴
============================*/
/*ページ内リンク
==============================*/
#monsterhunter #gi_plbtn .btn_link a {
  color: #fff;
  background: #0098ac!important;
}
#monsterhunter #gi_plbtn .btn_link a:after{
  background: #fff;
}
#monsterhunter #gi_plbtn .btn_link a:hover{
    background: #92836c!important;
}

/*訴求エリア
==============================*/
#monsterhunter .gi_appealarea{
  font-size: 16px;
  line-height: 1.5;
}
/*-- about --*/
#monsterhunter .mh_aboutarea {
  background:url(/img/grand_index/monsterhunter/bg_h_aboutshm.png) no-repeat center top;
  background-size:100%;
  margin-bottom:45px;
  padding:70px 70px 70px
}
#monsterhunter .mh_aboutarea h3 {
  text-align:center;
  margin:0 auto 25px;
  width:42%;
}
#monsterhunter .mh_aboutarea p {
  font-size:1.3em;
  color:#351c09;
}

/*-- コメント --*/
#monsterhunter .mh_commentarea {
  background:url(/img/grand_index/monsterhunter/bg_d_comment.png) no-repeat center top;
  background-size:cover;
  padding:45px 30px 45px 40px;
  color:#351c09;
  margin-bottom:145px;
}
#monsterhunter .mh_commentarea .fl {
  float:left;
  width:74%;
}
#monsterhunter .mh_commentarea .fl h3 {
  font-family:'NSJP_Bold';
  font-size:1.5em;
  margin-bottom:20px;
}
#monsterhunter .mh_commentarea .fl p {
  font-size:1.2em;
}
#monsterhunter .mh_commentarea .fr {
  float:right;
  width:25%;
}

/*-- アイテム --*/
#monsterhunter .mh_itemarea {
  margin-bottom:100px;
}
#monsterhunter .mh_itemarea h3 {
  font-family:'NSJP_Bold';
  font-size:4em;
  margin-bottom:45px;
  text-align:center;
  color:#ffffff;
}
#monsterhunter .mh_itemarea .textarea {
  color:#ffffff;
  width:47%;
  font-family:'NSJP_Regular';
  margin-top:-240px;
}
#monsterhunter .mh_itemarea .textarea .brand {
  font-size:1.1em;
  font-family:'NSJP_Bold';
  line-height:1;
  margin-bottom:10px;
}
#monsterhunter .mh_itemarea .textarea .item {
  font-size:3em;
  font-family:'NSJP_Bold';
  line-height:1;
  margin-bottom:10px;
}
#monsterhunter .mh_itemarea .textarea .price {
  font-size:1.1em;
}
#monsterhunter .mh_itemarea .textarea .date {
  font-size:1.5em;
  margin-bottom:10px;
}

/* 商品詳細ページはこちらボタン */
#monsterhunter .mh_itemarea .textarea .btn_itemdetail a {
    display: inline-block;
    background: url(/img/grand_index/monsterhunter/btn_item_KhGLhfyw.png) no-repeat center center;
    background-size: 100% 100%;
    color: #fff;
    margin-top: 5px;
    padding: 1em 2.4em 1em 2em;
    -webkit-transition: .4s cubic-bezier(.19,1,.22,1);
    -moz-transition: .4s cubic-bezier(.19,1,.22,1);
    -ms-transition: .4s cubic-bezier(.19,1,.22,1);
    -o-transition: .4s cubic-bezier(.19,1,.22,1);
    transition: .4s cubic-bezier(.19,1,.22,1);
}
#monsterhunter .mh_itemarea .textarea .btn_itemdetail a:hover {
    transform: scale(1.04);
}

/* タマミツネ */
#monsterhunter .mh_itemarea .mizutsune {
    margin-top: -130px;
}


/*-- 動画 --*/
#monsterhunter .mh_moviearea {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:100px;
}
#monsterhunter .mh_moviearea iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*-- ブログリンク --*/
#monsterhunter .mh_bloglink {
  text-align:center;
  margin-bottom:50px;
}
#monsterhunter .mh_bloglink img {
  width:80%;
}
/*バックナンバー
==============================*/
#monsterhunter .btn_bn  {
  margin:0 auto;
  width:50%;
  text-align:center;
  padding-bottom:50px;
}
#monsterhunter .btn_bn a {
  display:block;
  width:100%;
  border:1px solid rgba(255,255,255,1);
  padding:10px;
  color:rgba(255,255,255,1);
  font-weight:bold;
}
#monsterhunter .btn_bn a:hover {
  color:#ffffff;
  background:rgba(106,16,10,1);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;  
}
/*商品など
==============================*/
#monsterhunter #gi_productlist .search_result,
#monsterhunter #gi_productlist .search_result .result {
    color: #fff;
}
#monsterhunter .pagenavi li.active a,
#monsterhunter .pagenavi li a:hover,
#monsterhunter .pagenavi li a:active {
  border-color:#ffffff;
}
#monsterhunter #category_search,
#monsterhunter #gi_productlist .search_result {
  color: #fff;
}
#monsterhunter #category_search .search_main_wrap .order_wrap label span{
  border-color: #fff;
}
#monsterhunter .search_modal .search_modal-window{
  color: #3B3B3B;
}
#monsterhunter #gi_productlist .search_result .txt{
  border-color: #fff;
}
#category_search .search_main_wrap .order_wrap label span:hover,
#category_search .search_main_wrap .order_wrap label input:checked + span{
    background: rgba(255,255,255,0.4);
}
/*サブカテゴリ
==============================*/
/*関連情報
==============================*/
#monsterhunter #gi_relationarea {
  margin-bottom:110px;
}
#monsterhunter #gi_relationarea p {
  text-align:center;
}
/*関連情報下
==============================*/
/*ランキング
==============================*/
#monsterhunter.gi_contentsarea #gi_ranking * {
  color:#ffffff;
}
/*特設サイト・記事
==============================*/
/*コピーライト
==============================*/
#monsterhunter .gi_copyright {
  display:none;
}
#monsterhunter .gi_free_copyright {
  color:#ffffff;
}

/*PUSH通知関連
========================*/