@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
.dis-pc {
  display: block;
}
.dis-sp {
  display: none;
}
#bleach {
  font-family: 'Noto Serif JP', serif;
}

header,
#bleach.gi_contentsarea {
  background: url(https://tamashiiweb.com/img/grand_index/bleach/20230228/20230228_background_Bsen915.jpg) no-repeat;
  background-attachment: fixed;
  background-position: bottom right;
  background-size: cover;
}
#tw2022_wrapper {
  margin-top:-5px;
}
.gi_contents_bgarea {
  background: none;
}
.btn_link {
  width: 310px;
}
#gi_explanation .gi_contents_inner {
  line-height: 1.75;
  font-weight: 200;
}
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
h6 {
  display: block;
  width: auto;
  height: 65px;
  margin-bottom: 40px;
}
h6 img {
  display: block;
  width: auto;
  height: 100%;
}

/* 背景黒系テンプレ */
#gi_explanation .gi_contents_inner,
#gi_productlist .gi_contents_inner .gi_subtitle,
#gi_productlist .search_result,
#category_search .search_main_wrap .order_wrap label span,
.gi_copyright, .gi_appealarea {
  color: #fff;
}
#category_search .search_main_wrap .order_wrap label span {
  border: 1px solid #fff;
}


/* INTRODUCTION */
.tab {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 120px;
}
.tab_label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 50px;
  position: relative;
  margin-top: auto;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background:#7c7c7c;
  color:#fff;
  order: 0;
  z-index: 1;
  cursor: pointer;
}
.tab_label:not(:last-of-type) {
  margin-right: 7.5px;
}
.tab_content {
  width: 100%;
  height: 0;
  overflow: hidden;
  order: 1;
  opacity: 0;
  transition: 1s;
}
.tab_active:checked+.tab_label {
  height: 65px;
  font-size: 27px;
  background:#b81515;
  color:#fff;
}
.tab_active:checked+.tab_label+.tab_content {
  height: auto;
  overflow: visible;
  opacity: 1;
  transition: 1s;
}
.tab_active {
  display: none;
}

/* PICKUP */
.shf-logo {
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  border : 1px solid #656565;
}
.shf-logo img {
  display: block;
  width: 274px;
}
.shf-logo p {
  margin-left: 40px;
  text-align: left;
  line-height: 2;
  font-size: 16px;
  font-weight: 200;
}

.main_inr {
  position: relative;
}

.pickup_item {
  width: 100vw;
  position: relative;
  left: 470px;
  transform: translateX(-100%);
  text-align: right;
  transition: .3s;
  z-index: 1;
}

.pickup_item-name {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding:10px 15px 15px 0;
  margin-bottom: 25px;
  font-size: 45px;
  font-weight: bold;
  background: #fff;
  color: #000;
}
.pickup_item-name span {
  margin-left: 10px;
  font-size: 26px;
  color: #000;
}
.pickup_item-day {
  margin-bottom: 25px;
  letter-spacing: 1.75px;
  line-height: 1.75;
  font-size: 18px;
}
.pickup_item-bnt {
  width: 370px;
  height: 50px;
  position: relative;
  margin-left: auto;
}
.pickup_item-bnt a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1px;
  border : 1px solid #656565;
  font-size: 16px;
  font-weight: 300;
  transition: .3s;
}
.pickup_item-bnt a:hover {
  background: #fff;
  color: #000;
  transition: .3s;
}
.pickup_item-bnt a:after {
  content: "";
  width: 10px;
  height: 10px;
  position: relative;
  left: 30px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(135deg);
  transition: .3s;
}
.pickup_item-bnt a:hover:after {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  transition: .3s;
}

.item-btn {
  color: #000;
  width: 280px;
  margin-left: auto;
}
.item-btn #DCART .shop_area{
  justify-content: end;
}

/* 黒崎一護 -卍解・天鎖斬月- */
.main_inr.ichigo img:nth-of-type(1) {
  display: block;
  width: auto;
  height: 824px;
  position: relative;
  margin-top: 60px;
  margin-left: auto;
  z-index: 1;
}
.main_inr.ichigo img:nth-of-type(2) {
  display: block;
  width: 590px;
  position: absolute;
  top:-470px;
  left:-40px;
  margin-left: auto;
  z-index: 0;
}

/* 阿散井恋次 */
.main_inr.renji img:nth-of-type(1) {
  display: block;
  width: auto;
  height: 884px;
  position: relative;
  margin-top: 200px;
  margin-left: auto;
  z-index: 1;
}
.main_inr.renji img:nth-of-type(2) {
  display: block;
  width: 1000px;
  position: absolute;
  top: -50px;
  left: -300px;
  margin-left: auto;
  z-index: 0;
}
.main_inr.renji .pickup_item {
  margin-top:-360px;
}

/* 20230628 */
.main_inr._20230628 img:nth-of-type(1) {
  display: block;
  width: auto;
  height: 885px;
  position: relative;
  margin-top: 60px;
  margin-left: auto;
  z-index: 1;
}
.main_inr._20230628 img:nth-of-type(2) {
  display: block;
  width: 1000px;
  position: absolute;
  top: -50px;
  left: -200px;
  margin-left: auto;
  z-index: 0;
}
.main_inr._20230628 .pickup_item {
    margin-top: -200px;
}

.modal-content .modal-inner .gi_subtitle {
  color: #000 !important;
}

#MOVIE {
  width: 100%;
  margin-top: 180px;
}

#MOVIE .iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

#MOVIE .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 英語 */
html[lang=en] .pickup_item-name {
  flex-direction: column;
  align-items:flex-end;
}

html[lang=en] .pickup_item-day {
  width: 43%;
  margin-left: auto;
}

.gi_copyright {
  display: none;
}

.copy {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}

/*20230720　ジャンプ下層化　調整*/
header .head-inr .jump-logo.reverse{
  background: url(https://tamashiiweb.com/special/jumpcs/images/header/header-logo.png) no-repeat;
  opacity: 0.2;
}
header .head-inr .hum_box .checkchara.reverse{
  background: url(https://tamashiiweb.com/special/jumpcs/images/header/header-checkchara.png) no-repeat;
  opacity: 0.2;
}
header .head-inr .hum_box .hum span.reverse{
  background: #fff;
  opacity: 0.2;
}
#bleach .block-news .gi_subtitle{
  background: none;
  color: #fff;
  padding: 0px;
}
.block-news .newsSwiper .swiper-wrapper .swiper-slide{
background: rgba(255,255,255,0.8);
}
.block-news .newsSwiper .swiper-wrapper .swiper-slide .textbox .day span{
  background: #b81515;
  color: #fff;
}