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

grandindex用css
ドラグナー_PC用

============================*/
/*背景
==============================*/
#tw2022_wrapper{
  margin-top: 66px;
}
#main{
  display: none;
}
#dragonar.gi_contentsarea {
  background:url(/img/grand_index/dragonar/bg_page.png) repeat-y center top;
  background-size:100%;
  padding-top: 30px;
}
#dragonar .gi_contents_bgarea{
  background: none;
  padding-bottom: 30px;
}
#dragonar .gi_contents_bgarea_upper{
  padding-bottom: 20px;
}
/*見出し
==============================*/
#dragonar .gi_title {
  text-align:center;
  margin:0 0 20px;
  background:url(/img/grand_index/dragonar/bg_ttl.jpg) no-repeat center top;
  padding:10px;
  height:150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#dragonar .gi_title img {
  margin-top:-20px;
}
#dragonar .gi_title span {
  display:inline-block;
  font-size: 28px;
  color:#000000;
  padding: 0 0 0 40px;
}

/*スライド
==============================*/
/*スライド下フリーエリア
==============================*/
/*ブランド背景
==============================*/
/*ブランド説明
==============================*/
.gi_brandexplanation{ display: none; }

/*フリースペース移動用*/
#dragonar .gi_brandexplanation_free {
    margin-bottom: 60px;
	font-weight: bold;
    color: #000;
}
#dragonar .gi_brandexplanation_free dl {
    display: table;
}
#dragonar .gi_brandexplanation_free dl dt, .gi_brandexplanation_free dl dd {
    display: table-cell;
    vertical-align: middle;
}
#dragonar .gi_brandexplanation_free dt {
    width: 28%;
}
#dragonar .gi_brandexplanation_free dl dt, .gi_brandexplanation_free dl dd {
    display: table-cell;
    vertical-align: middle;
}
#dragonar .gi_brandexplanation_free dd {
    width: 70%;
    padding-left: 2%;
}



#dragonar .brand_under_free01 h2 {
  text-align:center;
  margin-bottom:20px;
}
#dragonar .brand_under_free01 h4 {
  text-align:center;
  margin-bottom:20px;
}
#dragonar .brand_under_free01 h4 img {
  width:1000px;
}

.img_linkbtn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  text-align: center;
  width: 1027px;
  margin: 0 auto 20px auto;
}

.img_linkbtn p {
  padding-right: 5px;
 width: 100%;
}




/*更新履歴
==============================*/
/*#dragonar .gi_updatearea {
  display:none;
}*/

/*ページ内リンク
==============================*/
#dragonar #gi_plbtn .btn_link a {
  color: #fff;
  background: #fcbd16!important;
}
#dragonar #gi_plbtn .btn_link a:after{
  background: #fff;
}
#dragonar #gi_plbtn .btn_link a:hover{
    background: #fff!important;
    border: 1px solid #fcbd16;
    color: #fcbd16;
}
#dragonar #gi_plbtn .btn_link a:hover:after{
    background: #fcbd16;
}
/*訴求エリア
==============================*/
#dragonar .gi_appealarea{
  font-size: 16px;
  line-height: 1.5;
}
#dragonar .dragonar_appeal_area{
  padding-bottom: 80px;
}
#dragonar .dragonar_appeal_area .dragonar_h4_01 {
  margin-bottom:15px;
}
#dragonar .dragonar_appeal_area .dragonar_disbox01 {
  background:url(/img/grand_index/dragonar/bg_block_01.png) center top;
  padding:35px;
  border:3px solid #cccccc;
  font-weight:bold;
}
#dragonar .dragonar_appeal_area .dragonar_disbox01 .about_img_box01 {
  width:60%;
  margin:20px auto;
}
#dragonar .dragonar_appeal_area .dragonar_disbox01 .about_img_box01 li {
  width:49%;
}
#dragonar .dragonar_appeal_area .dragonar_disbox01 .about_img_box01 li:nth-child(odd) {
  float:left;
}
#dragonar .dragonar_appeal_area .dragonar_disbox01 .about_img_box01 li:nth-child(even) {
  float:right;
}
#dragonar .dragonar_appeal_area .img_ul_01 {
  margin-bottom:0px;
  margin-top:20px;	
}
#dragonar .dragonar_appeal_area .img_ul_01 li:nth-child(1) {
  float:left;
  width:48%;
}
#dragonar .dragonar_appeal_area .img_ul_01 li:nth-child(2) {
  float:right;
  width:48%;	
}
#dragonar .dragonar_appeal_area .img_ul_01 li:nth-child(3) {
  float:right;
  width:48%;
}
#dragonar .dragonar_appeal_area .disboxh5_01 {
/*  border-bottom: solid 3px #2670be;
  position: relative;
  text-align:left;
  padding-bottom:15px;*/
  margin-bottom:25px;
}
/*.dragonar_appeal_area .disboxh5_01:before {
  content: " ";
  position: absolute;
  border-bottom: solid 3px #ff3133;
  display: block;
  bottom: -3px;
  width: 50%;
}*/
#dragonar .dragonar_appeal_area .disboxh5_01 img {
  width:58%;
}

#dragonar .dragonar_appeal_area .dragonar_img_block01 {
  position:relative;
  margin-bottom:50px;
  height:550px;
}
#dragonar .dragonar_appeal_area .dragonar_img_block01 p:nth-child(1) {
  position:absolute;
  width:70%;
  left:0;
  top:0;
}
#dragonar .dragonar_appeal_area .dragonar_img_block01 p:nth-child(2) {
  position:absolute;
  width:40%;
  right:0;
  top:200px;
  z-index:2;
}
/*#dragonar .dragonar_appeal_area .dragonar_disbox01 .disbox_img_02 {
  width:50%;
  margin:0 auto;
  text-align:center;
  font-size:0.9em;
}*/
#dragonar .dragonar_appeal_area .dragonar_disbox01 .disbox_img_02,
#dragonar .dragonar_appeal_area .dragonar_disbox01 .disbox_img_02 + p {
  font-size:0.9em;  
}
#dragonar .dragonar_appeal_area .dragonar_disbox01 .disbox_img_02 li {
  float:left;
  width:49%;
  margin-left:2%;
}
#dragonar .dragonar_appeal_area .dragonar_disbox01 .disbox_img_02 li:nth-child(1),
#dragonar .dragonar_appeal_area .dragonar_disbox01 .disbox_img_02 li:nth-child(3) {
  margin-left:0;
}
#dragonar .dragonar_appeal_area .dragonar_disbox01 .disbox_img_02 li:nth-child(2) {
  margin-bottom:20px;
}

#dragonar .dragonar_appeal_area .apeeal_end_h {
  margin-bottom:40px;
}
#dragonar .dragonar_appeal_area .img_ul_02 {
  margin-bottom:40px;
}
#dragonar .dragonar_appeal_area .img_ul_02 li {
  width:49%;
  margin-left:2%;
  float:left;
  margin-bottom:20px;
}
#dragonar .dragonar_appeal_area .img_ul_02 li:first-child {
  margin-left:0;
}
#dragonar .dragonar_appeal_area .img_ul_02 li:nth-child(3) {
  margin-left:25%;
}
#dragonar .dragonar_appeal_area .item_detail_block_01 {
  width:722px;
  border:3px solid #cccccc;
  padding:20px;
  margin:0 auto;
  background:rgba(255,255,255,0.8);
}
#dragonar .dragonar_appeal_area .item_detail_block_01 .fl {
  width:35%;
  float:left;
}
#dragonar .dragonar_appeal_area .item_detail_block_01 .fr {
  width:60%;
  float:right;
}
#dragonar .dragonar_appeal_area .item_detail_block_01 .item_detail_brand {
  font-size:1.2em;
  font-weight:bold;
}
#dragonar .dragonar_appeal_area .item_detail_block_01 .item_detail_itemname {
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:10px;
}
#dragonar .dragonar_appeal_area .item_detail_block_01 .item_detail_release {
}
#dragonar .dragonar_appeal_area .item_detail_block_01 .item_detail_pay {
  margin-bottom:20px;
}
#dragonar .dragonar_appeal_area .item_detail_block_01 .item_detail_link a {
  display:block;
  width:100%;
  padding:10px;
  color:#ffffff;
  text-align:center;
  background:#0c40ad;
  font-weight:bold;
}
/*バックナンバー
==============================*/
/*商品など
==============================*/
#category_search .search_main_wrap .order_wrap label span{
  background: rgba(255,255,255,0.4);
}
/*サブカテゴリ
==============================*/
/*--ブランドサブカテゴリ--*/
#gi_subcatearea {
  margin-bottom:100px;
}
#gi_subcatearea .gi_subcatearea_logo li {
  width:23.8%;
  margin:0 0 10px 1.6%;
  float:left;
  border:3px solid #cccccc;
}
#gi_subcatearea .gi_subcatearea_logo li:nth-child(4n+1) {
  margin-left:0;
}
#gi_subcatearea .gi_subcatearea_logo li a {
  display:block;
  text-align:center;
  padding:5%;
  width:100%;
  height:60px;
}
#gi_subcatearea .gi_subcatearea_logo li a img {
  height:100%;
}
#gi_subcatearea .gi_subcatearea_logo li a:hover {
  opacity:0.8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;  
}
#gi_subcatearea .gi_subcatearea_txt li a {
  text-decoration:underline;
}
#gi_subcatearea .gi_subcatearea_txt li a:before {
  content:"→";
}
#gi_subcatearea .gi_subcatearea_txt li a:hover {
  text-decoration:none;
}
/*関連情報
==============================*/
/*関連情報下
==============================*/
/*コピーライト
==============================*/
#dragonar .gi_copyright {
  display:none;
}