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

grandindex用css
バックアロウ_PC用

============================*/
/*全体
==============================*/
#tw2019_header,
#headnav,
#tw2019_footer {
  background:#ffffff;
}
#headnav {
  background:transparent;
}
#tw2019_header {
  margin-bottom:18px;
  padding-bottom:0;
}
/*背景
==============================*/
#back-arrow.gi_contentsarea {
}
#back-arrow .gi_contents_bgarea {
  position:relative;
  padding-bottom:10px;
}
#back-arrow .gi_contents_bgarea:before {
  content:"";
  position: fixed;
  top: -30%;
  left: -220%;
  width: 300%;
  height: 30%;
  background:linear-gradient(to right,#89e3c5 80%,#33c7f6);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
  z-index: -1;
}
/*見出し
==============================*/
#back-arrow h2 {
  text-align:center;
  padding:30px;
  margin:20px 0;
}
#back-arrow h2 span {
  display:none;
}
/*スライド
==============================*/
/*スライド下フリーエリア
==============================*/
/*ブランド背景
==============================*/
/*ブランド説明
============================*/
/*更新履歴
============================*/
#back-arrow .gi_updatearea {
}
/*ページ内リンク
==============================*/
#back-arrow .gi_plbtn {
  margin-bottom:100px;
}
#back-arrow .gi_plbtn li {
  width:49%;
}
#back-arrow .gi_plbtn li a {
  border:1px solid #ffffff;
}
/*訴求エリア
==============================*/
#back-arrow .gi_appealarea {
}

/*--20210125 骨格--*/
#back-arrow .kokkaku0125 {
  margin-bottom:80px;
  background:rgba(255,255,255,0.8);
  padding:30px;
}
#back-arrow .kokkaku0125 ul li {
  width:49%;
  text-align:center;
}
#back-arrow .kokkaku0125 ul li:nth-child(odd) {
  float:left;
}
#back-arrow .kokkaku0125 ul li:nth-child(even) {
  float:right;
}
#back-arrow .kokkaku0125 ul li .kokkaku0125_img {
  margin-bottom:5px;
}
#back-arrow .kokkaku0125 ul + p {
  font-size:1.3em;
  text-align:center;
}
/*--/20210125 骨格--*/
#back-arrow .appeal_free_01 {
}
#back-arrow .slide_under_free_01 h3,
#back-arrow .slide_under_free_01 .movie_area h3,
#back-arrow .appeal_free_01 .brand_area h3 {
  width:45%;
  margin:0 auto 45px;
}
#back-arrow .slide_under_free_01 {
  margin-bottom:150px;
}
#back-arrow .ba_discarea {
  margin-bottom:100px;
}
#back-arrow .slide_under_free_01 h4 {
  margin-bottom:40px;
}
#back-arrow .slide_under_free_01 .kv_box {
  width:51.45%;
  float:left;
}
#back-arrow .slide_under_free_01 .disc_box {
  width:47%;
  float:right;
}
#back-arrow .slide_under_free_01 .explanation_box {
  background:rgba(255,255,255,0.8);
  margin:0 auto 20px;
  padding:10px;
  text-align:center;
}
#back-arrow .slide_under_free_01 .explanation_box h3 {
  background:#000;
  color:#89e3c5;
  text-align:center;
  padding:5px;
  font-size:1.4em;
  margin:0 auto 10px;
}
#back-arrow .slide_under_free_01 .explanation_box h4 {
  font-size:1.2em;
  color:#33c7f6;
  margin-bottom:5px;  
  text-align:center;
}
#back-arrow .slide_under_free_01 .explanation_box .fr img {
  width:100%;
}
#back-arrow .slide_under_free_01 .explanation_box dt {
  font-weight:bold;
  text-align:center;
}
#back-arrow .slide_under_free_01 .explanation_box dd {
  margin-bottom:5px;
  text-align:center;
}

#back-arrow .slide_under_free_01 .movie_area {
  margin:0 auto 150px;
}
#back-arrow .slide_under_free_01 .movie_area h4 {
  text-align:center;
  font-size:1.5em;
  margin-bottom:30px;
}
#back-arrow .slide_under_free_01 .movie_area iframe {
  width:774px;
  margin:0 auto;
  display:block;
}
#back-arrow .slide_under_free_01 .movie_area h5 {
  background:#000000;
  padding:10px;
  width:774px;
  margin:0 auto;
}
#back-arrow .brand_free_02 {
  width:774px;
  margin:0 auto 60px;
}
/*#back-arrow .brand_free_02 h3 {
  background: #000;
  color: #89e3c5;
  text-align: center;
  padding: 5px;
  font-size: 1.8em;
  margin:0 auto;
}*/
#back-arrow .brand_free_02 iframe {
  display:block;
  margin:0 auto 30px;
}
#back-arrow .btn_ba_official {
  width:60%;
  margin:0 auto;
}
#back-arrow .btn_ba_official a {
  display:block;
  width:100%;
  background:#222222;
  color:#ffffff;
  padding:12px 0;
  text-align:center;
  border:1px solid #222222;
}
#back-arrow .btn_ba_official a:hover {
  background:#ffffff;
  color:#222222;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

#back-arrow .ba_brand_block {
  margin-bottom:120px;
}
#back-arrow .ba_brand_block .ba_brand_block_h_area {
  background:rgba(255,255,255,0.8);
  border:2px solid #000000;
  margin-bottom:40px;
  padding:30px 0;
}
#back-arrow .ba_brand_block h4 {
  width:30%;
  margin:0 auto 20px;
}
#back-arrow .ba_brand_block h4 + p {
  text-align:center;
}
#back-arrow .ba_brand_block .ba_brand_block_item {
  position:relative;
  margin-bottom:20px;
/*  background:rgba(255,255,255,0.8);
  padding:5px;*/
}
#back-arrow .ba_brand_block .ba_brand_block_item p {
  width:350px;
  position:absolute;
}
#back-arrow .ba_brand_block .btn_item_list {
  width:60%;
  margin:0 auto;
}
#back-arrow .ba_brand_block .ba_brand_block_item.rt_muga p {
  left:70px;
  bottom:10px;
}
#back-arrow .ba_brand_block .ba_brand_block_item.rt_gigan p {
  right:88px;
  bottom:10px;
}
#back-arrow #ba_shf.ba_brand_block .ba_brand_block_item h5 img {
  width:958px;
}
#back-arrow .ba_brand_block .ba_brand_block_item.shf_ba h5 {
  text-align:right;
}
#back-arrow .ba_brand_block .ba_brand_block_item.shf_ba p {
  left:75px;
  bottom:10px;
}
#back-arrow .ba_brand_block .ba_brand_block_item.shf_elsya h5 {
  text-align:left;
}
#back-arrow .ba_brand_block .ba_brand_block_item.shf_elsya p {
  right:85px;
  bottom:10px;
}
#back-arrow #ba_f_mini.ba_brand_block .ba_brand_block_item h5 {
  text-align:center;
}
#back-arrow #ba_f_mini.ba_brand_block .ba_brand_block_item h5 img {
  width:830px;
}

#back-arrow .ba_brand_block .ba_brand_block_item.fmini_ba p {
  left:120px;
  bottom:120px;
}
#back-arrow .ba_brand_block .ba_brand_block_item.fmini_atalie p {
  right:114px;
  bottom:120px;
}
#back-arrow .ba_brand_block .ba_brand_block_item.fmini_elsya p {
  left:96px;
  bottom:120px;
}

#back-arrow .brand_area .sime {
  width:80%;
  margin:-60px auto 50px;
}
/*バックナンバー
==============================*/
/*商品など
==============================*/
/*サブカテゴリ
==============================*/
#gi_subcatearea .gi_subcatearea_logo li a {
  background:rgba(255,255,255,0.8);
}
/*関連情報
==============================*/
/*関連情報下
==============================*/
#back-arrow .gi_relationarea_free {
  text-align:center;
  padding:150px 0;
  background:rgba(200,200,200,0.6);
}
/*おすすめ記事
==============================*/
/*特設サイト・記事
==============================*/
#back-arrow #gi_recommendarea,
#back-arrow #gi_specialarea {
}

/*コピーライト
==============================*/
#back-arrow .gi_copyright {
  display:none;
}

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