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

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

============================*/
#precure_series {
  overflow-x: hidden;
}
#precure_series .dis_sp {
  display: none;
}
/*背景
==============================*/
/* 固定 */
#main, 
#tw2022_slider,
#precure_series.gi_contentsarea{
  background: url(https://tamashiiweb.com/img/grand_index/precure_series/20240531_main-bg_q357ewr6.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
#precure_series .gi_contents_bgarea {
  background: none;
}

/* スクロール */
#main, 
#tw2022_slider {
  /* スライダー横の背景が画像のとき */
  background: url(https://tamashiiweb.com/img/grand_index/precure_series/20240531_main-bg_q357ewr6.jpg) repeat-y center top;
  background-size: 100%;
}
#precure_series.gi_contentsarea{
  background: url(https://tamashiiweb.com/img/grand_index/precure_series/20240531_main-bg_q357ewr6.jpg) repeat-y center top;
  background-size: 100%;
  background-attachment: fixed;
}
#precure_series .gi_contents_bgarea {
  background: none;
}

/*見出し
==============================*/
#precure_series.gi_contentsarea #gi_productlist .gi_subtitle._underline {
  position: relative;
  padding-bottom: 55px;
  background: url(https://tamashiiweb.com/img/grand_index/precure_series/20240531_ttl-bg_q357ewr6.png) no-repeat;
  background-size: 100%;
  background-position-y: center;
}
/*スライド
==============================*/
/*スライド下フリーエリア
==============================*/
/*ブランド説明
==============================*/
#gi_explanation .gi_contents_inner {
  width: 1000px;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  padding: 4px;
  margin: 65px auto 0;
  border: 4px solid #e8cfa3;
  line-height: 1.75;
  font-size: 15px;
  font-weight: 500;
  background: #ffffffb3;
  color: #693702;
}
#gi_explanation .gi_contents_inner dl {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: relative;
  margin: 0;
  border: 4px solid #e8cfa3;
  box-sizing: content-box;
}
#gi_explanation .gi_contents_inner dl dt {
  margin-top: 15px;
}
#gi_explanation .gi_contents_inner dl dd {
  margin-bottom: 55px;
}

#gi_explanation .gi_contents_inner dl dt:before,
#gi_explanation .gi_contents_inner dl dt:after,
#gi_explanation .gi_contents_inner dl dd:before,
#gi_explanation .gi_contents_inner dl dd:after {
  content: "";
  display: block;
  width: 100px;
  height: 66px;
  position: absolute;
  top:-3px;
  left:-3px;
  background: url(https://tamashiiweb.com/img/grand_index/precure_series/20240531_brand-deco_q357ewr6.png) no-repeat;
  background-size: contain;
}
#gi_explanation .gi_contents_inner dl dt:after {
  left:auto;
  right: -3px;
  transform: scale(-1,1);
}
#gi_explanation .gi_contents_inner dl dd:before {
  top:auto;
  bottom:-3px;
  transform: scale(1,-1);
}
#gi_explanation .gi_contents_inner dl dd:after {
  top:auto;
  left:auto;
  right: -3px;
  bottom:-3px;
  transform: scale(-1,-1);
}

/*ページ内リンク
==============================*/
#precure_series #gi_plbtn .btn_link a {
  background: #e63083; /* 文字の色 */
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color: #fff;
}
#precure_series #gi_plbtn .btn_link a:after {
  background: #fff; /* 矢印の色 */
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#precure_series #gi_plbtn .btn_link a:hover {
  opacity: .9;
  background: none;
  background-color: #fff;
  color: #e63083;
}
#precure_series #gi_plbtn .btn_link a:hover:after {
  background: #e63083;
}


/*更新履歴
==============================*/
/*訴求エリア
==============================*/
/*バックナンバー
==============================*/
/*商品一覧
==============================*/
#tw2022_wrapper #salessite .howtobuy .htb_btn_area .btn_link a:hover {
  color: #fff;
}
/* 背景暗いとき */
#precure_series #category_search .search_main_wrap .search_modal_btn a {
  color: #693702;
}
#precure_series #category_search .search_main_wrap .search_modal_btn a::before {
  background: #693702;
}
#precure_series #category_search .search_main_wrap .search_modal_btn a:hover {
  background: #e63083;
  color: #fff;
}
#precure_series #category_search .search_main_wrap .search_modal_btn a:hover:before {
  background: #fff;
}
#precure_series.gi_contentsarea #gi_productlist .gi_subtitle._underline {
  color: #fff;
}
#precure_series #category_search .search_main_wrap .order_wrap label span {
  border-color: #693702;
  color: #693702;
}
#precure_series #category_search .search_main_wrap .order_wrap label input:checked + span {
  background: #693702;
  border-color: #693702;
  color: #fff;
}
#precure_series #category_search .search_main_wrap .order_wrap label span:hover {
  background: #693702;
  color: #fff;
}
#precure_series #gi_productlist .search_result .result {
  color: #693702;
}
#precure_series #gi_productlist .search_result .txt {
  border-color: #693702;
  color: #693702;
}
#category_search .search_modal .select_wrap label input:checked+span {
  background: #693702;
}
#category_search .search_modal .select_wrap label span {
  border: 1px solid #693702;
  color: #693702;
}
#category_search .search_modal .select_wrap label span:hover {
  background: #693702;
}
#category_search .search_modal .submit_btn input {
  background: #e63083;
  color: #fff;
}
#category_search .search_modal .submit_btn input {
  background: #e63083;
  color: #fff;
}
#category_search .search_modal .submit_btn input:hover {
  background: #fff;
  color: #e63083;
}

/* 赤い部分をデザインに合う色に変更 */
/* 見出し下の線 */
#precure_series.gi_contentsarea .gi_subtitle._underline::before {
  display: none;
}
/* ページナビ */
#precure_series #gi_productlist .pagenavi li a {
  color: #693702;
}
#precure_series #gi_productlist .pagenavi li.active a, 
#precure_series #gi_productlist .pagenavi li a:hover, 
#precure_series #gi_productlist .pagenavi li a:active {
  background-color: #e63083;
  color: #fff;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e63083 !important;
}
/*関連情報
==============================*/
/*関連情報下
==============================*/
/*コピーライト
==============================*/
#precure_series .gi_copyright {
  display: none;
}
#precure_series .gi_free_copyright {
  color: #fff; /* 背景暗いとき */
  font-size: 12px;
}

#precure_series .gi_free_copyright {
  color: #693702;
}
.precure-dis_sp {
  display: none !important;
}