@charset "utf-8";
@import url(common_style.css);

/* ショップ用 */
body {
  margin: 0;
  padding: 0;
  color: #000;
  line-height: 1.5;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  font-family: arial, sans-serif;
}

.gashapon_wrap img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: top;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, th, td {
  margin: 0;
  padding: 0;
  direction: ltr;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* body {
  overflow-X: hidden;
} */

#snsBtn {
  padding: 5px 10px !important;
}

.gasha_pan_wrap {
  width: 1000px;
  margin: auto;
}

#cduPanNavi {
  padding: 9px 0 !important;
}

#snsBtn.sns01 {
  width: 980px;
  margin: auto;
}

.gashapon_pan_wrap {
  width: 1000px;
  margin: auto;
  padding: 0;
}

.gashapon_wrap .gashapon_header {
  /* background-image: url(https://p-bandai.jp//bc/images/gashapononline/202007_gashapon_header_bg.png); */
  background-image: url(/bc/images/gashapononline/202111_gashapon_header_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 1280px;
}

.gashapon_wrap .header_inner {
  min-width: 1280px;
  max-width: 1920px;
  margin: auto;
  background-image: url(/bc/images/gashapononline/202202_gol_slider_dtl_upper.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 600px;
  /* width: 600px; */
  /* height: 102px; */
  /* position: relative; */
  display: grid;
	grid-template-columns: 1fr 600px 1fr;
  -ms-grid-columns: 1fr 600px 1fr;
}

.gashapon_wrap .header_inner ul {
  /* margin: auto; */
  /* height: 102px; */
  /* font-size: 0; */
  /* position: absolute; */
  /* display: inline-block; */
  display: grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
}
.gashapon_wrap .header_inner ul img{
  height: 50px;
}

.gashapon_wrap .inner_left {
  /* float: left; */
  /* left: -500px; */
}

.gashapon_wrap .inner_center {
  /* width: 600px; */
}

.gashapon_wrap .inner_right {
  /* float: right; */
  /* right: -500px; */
}

.gashapon_wrap .header_inner li {
  /* width: 115px; */
  /* display: inline-block; */
  list-style: none;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 19px;
  /* border-bottom: 2px solid #F6DA5D;
  height: 60px;
  margin-right: 20px; */
  filter: drop-shadow(1px 1px 5px rgba(0,0,0,.5));
}

.gashapon_wrap .inner_left li {
  margin-left: 20px;
}

.gashapon_wrap .inner_right li {
  margin-right: 20px;
}

/* .gashapon_wrap .header_inner li:last-child {
  margin-right: 0; */
}

.gashapon_wrap .header_inner li a {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.gashapon_wrap .header_inner li a:hover {
  opacity: .7;
}

.gashapon_wrap .header_inner li img {
  /* height: 25px;
  width: auto; */
  /* max-width: unset; */
}

/* .gashapon_wrap .swiper-container:after {
  content: '';
  display: block;
  width: 740px;
  padding-bottom: 40px;
  margin: auto;
  background: url(/bc/images/gashapononline/202111_gashapon_here_pc.png);
  position: relative;
  visibility: visible;
  z-index: 10;
} */


.gashapon_wrap .swiper-parent {
  width: 100%;
  min-width: 1280px;
  background-image: url(https://p-bandai.jp//bc/images/gashapononline/202003_gashapon_slider_bg.png);
  padding: 10px 0 0;
  overflow: hidden;
  background-size: contain;
}

#bnr-swiper .swiper-container {
  width: 600px;
  overflow: visible;
  display: none;
}

#bnr-swiper .swiper-container-horizontal {
  display: block;
}

#bnr-swiper .swiper-slide {
  /* opacity: .5; */
  list-style: none;
}

/* #bnr-swiper .swiper-slide img{
  width: 740px;
  max-width: none;
} */

#bnr-swiper .swiper-slide-active {
  opacity: 1;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}

#bnr-swiper .swiper-pagination {
  bottom: -65px;
}

#bnr-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color: #fff;
  margin: 0 6px !important;
}

#bnr-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #d8ff00;
}

#bnr-swiper .swiper-button-next,
#bnr-swiper .swiper-button-prev {
  background-size: cover;
  width: 95px;
  height: 105px;
  top: 38%;
}

#bnr-swiper .swiper-button-next {
  background-image: url(https://p-bandai.jp//bc/images/gashapononline/202003_gashapon_slider_next.png);
  right: -120px;
}

#bnr-swiper .swiper-button-prev {
  background-image: url(https://p-bandai.jp//bc/images/gashapononline/202003_gashapon_slider_prev.png);
  left: -120px;
}

.gol_slider_dtl {
  width: 600px;
  margin: -50px auto 0;
}

.gol_slider_dtl .hare {
  display: block;
  margin: 50px 0 10px;
  position: relative;
  z-index: 10;
}

.gashapon_wrap .gashapon_search {
  width: 1280px;
  margin: 30px auto 0;
}

.gashapon_wrap .gashapon_search .search {
  background-color: #fff;
  height: 80px;
  border-radius: 80px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  width: 610px;
  float: left;
}

.gashapon_wrap .gashapon_search .search .ttl {
  margin-top: 19px;
  font-size: 21px;
  font-weight: bold;
  line-height: 43px;
  margin-left: 25px;
  width: 280px;
  float: left;
}

.gashapon_wrap .gashapon_search .search .ttl span {
  margin-right: 5px;
}

.gashapon_wrap .gashapon_search .search .inputarea {
  float: right;
}

.gashapon_wrap .gashapon_search .search .inputarea .inner {
  position: relative;
}

.gashapon_wrap .gashapon_search .search .inputarea #search2 {
  border-radius: 50px;
  outline: none;
  border: none;
  width: 435px;
  height: 35px;
  margin-top: 9px;
  background-color: #eee;
  padding: 13px 135px 13px 20px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-right: 10px;
}

.gashapon_wrap .gashapon_search .search .inputarea #search2::placeholder {
  color: #999;
}

.gashapon_wrap .gashapon_search .search .inputarea #search2:-ms-input-placeholder {
  color: #999;
}

.gashapon_wrap .gashapon_search .search .inputarea #search3 {
  position: absolute;
  right: 16px;
  top: 14px;
  border: none;
  padding: 16px 25px;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-image: url(https://p-bandai.jp//bc/images/gashapononline/202003_gashapon_search_bg.png);
  background-size: 3px 100%;
  cursor: pointer;
}

.gashapon_wrap .gashapon_search .btn_weap {
  margin-top: 20px;
}

.gashapon_wrap .gashapon_search .btn_howto {
  float: right;
}

.gashapon_wrap .gashapon_search .btn_howto a {
  background-color: #d59800;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  border-radius: 50px;
  width: 610px;
  display: block;
  color: #fff;
  padding: 26px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  letter-spacing: 5px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}

.gashapon_wrap .gashapon_search .btn_howto a:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.gashapon_wrap .gashapon_search .btn_howto a::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background-image: url(https://p-bandai.jp//bc/images/gashapononline/202003_gashapon_btn_dtl_02.png);
  background-size: cover;
}

.gashapon_wrap .gashapon_search .btn_howto a::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
}

.gashapon_wrap .gol_mbs_bnr {
  margin: 50px auto 0;
  width: 600px;
}

.gashapon_wrap .gol_mbs_bnr a {
  transition: all ease .3s;
}

.gashapon_wrap .gol_mbs_bnr a:hover {
  opacity: .7;
}

.gashapon_wrap #newitem {
  margin-top: 60px;
  background-color: #f2f8fc;
}

.gashapon_wrap #newitem,
.gashapon_wrap #ranking {
  padding-bottom: 80px;
  min-height: 500px;
  min-width: 1280px;
}

.gashapon_wrap #newitem .error {
  font-weight: normal;
  margin: auto;
  font-size: 12px;
  color: #999;
}

.gashapon_wrap #newitem .inner,
.gashapon_wrap #ranking .inner {
  width: 1280px;
  margin: auto;
}

.gashapon_wrap #newitem h2,
.gashapon_wrap #ranking h2,
.gashapon_wrap #history h2,
.gashapon_wrap #blog h2 {
  /* transform: translateY(-23%);
  -webkit-transform: translateY(-23%); */
  margin-bottom: 40px;
}

.gashapon_wrap #newitem .item_list,
.gashapon_wrap #ranking .item_list,
.gashapon_wrap #history .item_list,
.gashapon_wrap #blog .item_list {
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gashapon_wrap #newitem .item_list li,
.gashapon_wrap #ranking .item_list li,
.gashapon_wrap #history .item_list li {
  display: inline-block;
  list-style: none;
  width: 18.4%;
  margin-right: 2%;
  border-radius: 10px;
  font-size: 14px;
  position: relative;
  text-decoration: none;
  vertical-align: top;
}

.gashapon_wrap #ranking .item_list li {
  padding-top: 66px;
  background-repeat: no-repeat;
}
.gashapon_wrap #ranking .item_list li:nth-child(1) {
  background-image: url(/bc/images/gashapononline/202112_gashapon_rank1.png);
}
.gashapon_wrap #ranking .item_list li:nth-child(2) {
  background-image: url(/bc/images/gashapononline/202112_gashapon_rank2.png);
}
.gashapon_wrap #ranking .item_list li:nth-child(3) {
  background-image: url(/bc/images/gashapononline/202112_gashapon_rank3.png);
}
.gashapon_wrap #ranking .item_list li:nth-child(4) {
  background-image: url(/bc/images/gashapononline/202112_gashapon_rank4.png);
}
.gashapon_wrap #ranking .item_list li:nth-child(5) {
  background-image: url(/bc/images/gashapononline/202112_gashapon_rank5.png);
}
.gashapon_wrap #ranking .item_list li:nth-child(n+6) {
  display: none;
}

.gashapon_wrap #history .item_list li{
  width: 32%;
}
.gashapon_wrap #history .item_list li:nth-child(3n) {
  margin-right: 0;
}
.gashapon_wrap #history .item_list li:nth-child(n+4) {
  display: none;
}

.gashapon_wrap #newitem .item_list li:nth-child(5n),
.gashapon_wrap #ranking .item_list li:nth-child(5n) {
  margin-right: 0;
}

.gashapon_wrap #newitem .item_list li:nth-child(n + 6),
.gashapon_wrap #ranking .item_list li:nth-child(n + 6) {
  margin-top: 20px;
}

.gashapon_wrap #newitem .item_list .case::before,
.gashapon_wrap #ranking .item_list .case::before,
.gashapon_wrap #history .item_list .case::before {
  display: block;
  content: "";
  background-image: url(https://p-bandai.jp//bc/images/gashapononline/202007_gashapon_item_dtl_upper.png);
  padding-top: 10.612%;
  background-size: 100% auto;
}

.gashapon_wrap #newitem .item_list .case::after,
.gashapon_wrap #ranking .item_list .case::after,
.gashapon_wrap #history .item_list .case::after {
  display: block;
  content: "";
  /* background-image: url(https://p-bandai.jp//bc/images/gashapononline/202107_gashapon_item_dtl_under.png); */
  /* background-image: url(/bc/images/gashapononline/202107_gashapon_item_dtl_under.png); */
  background-image: url(/bc/images/gashapononline/202111_gashapon_item_dtl_under.png);
  /* padding-top: 37.55%; */
  background-size: 100% auto;
  padding-top: 19.5%;
  background-repeat: no-repeat;
  visibility: visible;
}

.gashapon_wrap #newitem .item_list li a,
.gashapon_wrap #ranking .item_list li a,
.gashapon_wrap #history .item_list li a {
  text-decoration: none;
  position: relative;
  width: 100%;
  display: block;
  /* text-align: center; */
}

.gashapon_wrap #newitem .item_list li a::after,
.gashapon_wrap #ranking .item_list li a::after,
.gashapon_wrap #history .item_list li a::after {
  display: block;
  content: "";
  background-image: url(/bc/images/gashapononline/202111_gashapon_arrow.png);
  width: 19px;
  height: 19px;
  float: right;
  margin-right: 5px;
}

.gashapon_wrap #newitem .item_list li .case,
.gashapon_wrap #ranking .item_list li .case,
.gashapon_wrap #history .item_list li .case {
  text-align: center;
}

.gashapon_wrap #newitem .item_list li img,
.gashapon_wrap #ranking .item_list li img,
.gashapon_wrap #history .item_list li img {
  outline: 1px solid #dadada;
  width: 97%;
  height: auto;
}

.gashapon_wrap #newitem .item_list a p,
.gashapon_wrap #ranking .item_list a p,
.gashapon_wrap #history .item_list a p {
  /* margin-top: 5px; */
  line-height: 20px;
  /* position: absolute;
  background-color: #fff; */
  text-align: left;
  /* padding: 2%; */
  /* border-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
  width: 85%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 10;
  opacity: 0;
  transition: all ease .2s; */
  
  margin: 10px 5px;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 40px;
}

.gashapon_wrap #newitem .item_list a span,
.gashapon_wrap #ranking .item_list a span,
.gashapon_wrap #history .item_list a span {
  font-size: 22px;
  font-weight: bold;
  margin-left: 5px;
}
.gashapon_wrap #newitem .item_list a span b,
.gashapon_wrap #ranking .item_list a span b,
.gashapon_wrap #history .item_list a span b {
  font-size: 14px;
}
.gashapon_wrap #newitem .item_list a span.end,
.gashapon_wrap #ranking .item_list a span.end,
.gashapon_wrap #history .item_list a span.end {
  font-size: 18px;
  color: #999;
}

/* .gashapon_wrap #newitem .item_list a:hover p {
  opacity: 1;
} */

/* .gashapon_wrap #newitem .item_list li p::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-right: 13px solid transparent;
  border-bottom: 12px solid #fff;
  border-left: 13px solid transparent; 
} */

.gashapon_wrap #newitem .more_btn {
  display: block;
  border: 1px solid #006dba;
  text-align: center;
  background-color: #fff;
  font-size: 16px;
  padding: 15px 0;
  width: 250px;
  margin: 40px auto 0;
  color: #006dba;
  font-weight: bold;
  border-radius: 100px;
  text-decoration: none;
  position: relative;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.gashapon_wrap #newitem .more_btn::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #006dba;
  border-right: 2px solid #006dba;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
}

.gashapon_wrap #newitem .more_btn:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}


.gashapon_wrap #history,
.gashapon_wrap #blog {
  width: 610px;
}
.gashapon_wrap #blog.long {
  width: 1280px;
}

.gashapon_wrap #blog .item_list {
  gap: 16px;
}
.gashapon_wrap #blog .item_list li {
  list-style: none;
  width: 178px;
  padding: 7px;
  background: #FFF;
  border-radius: 6px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.gashapon_wrap #blog .item_list li:nth-child(n + 4){
  display: none;
}
.gashapon_wrap #blog.long .item_list li:nth-child(n + 4){
  display: block;
}
.gashapon_wrap #blog.long .item_list li:nth-child(n + 6){
  display: none;
}
.gashapon_wrap #blog.long .item_list li{
  width: 228px;
}
.gashapon_wrap #blog .item_list li a {

}
.gashapon_wrap #blog .item_list li a b {
  display: block;
  text-align: center;
  font-size: 15px;
  line-height: 26px;
  color: #FFF;
  background: #af73c6;
}
.gashapon_wrap #blog .item_list li a img {
  color: #000;
  width: 178px;
  height: 134px;
  object-fit: cover;
}
.gashapon_wrap #blog.long .item_list li a img {
  width: 228px;
}

.gashapon_wrap #blog .item_list li a span {
  color: #2995db;
  font-size: 15px;
  font-weight: bold;
}
.gashapon_wrap #blog .item_list li a p{
  font-size: 14px;
  line-height: 18px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 36px;
  -webkit-line-clamp: 3;
  height: 54px;
}
.gashapon_wrap #blog .inner>a{
  display: block;
  width: 243px;
  margin: 0 auto;
}



.gashapon_wrap #pickup {
  padding-bottom: 40px;
}

.gashapon_wrap #pickup .inner {
  width: 1280px;
  margin: auto;
}

.gashapon_wrap #pickup h2 {
  /* transform: translateY(-23%);
  -webkit-transform: translateY(-23%); */
  margin-bottom: 40px;
}

.gashapon_wrap #pickup .item_list {
  width: 1280px;
  margin: 0 auto 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.gashapon_wrap #pickup .item_list li {
  list-style: none;
  /* margin-top: 25px; */
  width: 416px;
}

.gashapon_wrap #pickup .item_list li a {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  display: block;
}

.gashapon_wrap #pickup .item_list li a:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}


.gashapon_wrap .columns {
  background-color: #f2f8fc;
  padding-bottom: 80px;
  min-width: 1280px;
}

.gashapon_wrap .columns>.inner {
  width: 1280px;
  margin: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 60px;
}

.gashapon_wrap #chara {
  width: 610px;
  /* background-color: #f2f8fc;
  padding-bottom: 80px; */
}

.gashapon_wrap #chara .inner {
  width: 610px;
  margin: auto;
}

.gashapon_wrap #chara h2 {
  /* transform: translateY(-23%);
  -webkit-transform: translateY(-23%); */
}

.gashapon_wrap #chara .item_list {
  width: 610px;
  /* margin: auto; */
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gashapon_wrap #chara .item_list li {
  list-style: none;
}

.gashapon_wrap #chara .item_list li:nth-child(3n) a {
  margin-right: 0;
}

.gashapon_wrap #chara .item_list a {
  /* float: left; */
  display: block;
  /* margin-right: 20px; */
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  /* margin-bottom: 15px; */
}

.gashapon_wrap #chara .item_list a:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.gashapon_wrap #news {
  padding-bottom: 30px;
}

.gashapon_wrap #news .inner {
  width: 1000px;
  margin: auto;
}

.gashapon_wrap #news h2 {
  transform: translateY(-23%);
  -webkit-transform: translateY(-23%);
}

.gashapon_wrap #news .item_list {
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0;
  padding-bottom: 50px;
}

.gashapon_wrap #news .item_list li {
  width: 20%;
  padding: 15px;
  display: inline-block;
  border: 1px solid #ddd;
  margin-right: 2.4%;
  vertical-align: top;
}

.gashapon_wrap #news .item_list li:last-child {
  margin-right: 0;
}

.gashapon_wrap #news .item_list li span {
  font-size: 14px;
  font-weight: bold;
  color: #006dba;
  display: block;
  margin: 10px 0;
}

.gashapon_wrap #news .item_list li p {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  line-height: 21px;
}

.gashapon_wrap #news .item_list li a {
  text-decoration: none;
}

.gashapon_wrap #news .item_list li a:hover img {
  transform: translateY(-50%) scale(1.1);
  -webkit-transform: translateY(-50%) scale(1.1);
}

.gashapon_wrap #news .item_list .img_wrap {
  width: 100%;
  height: 130px;
  overflow: hidden;
  position: relative;
}

.gashapon_wrap #news .item_list .img_wrap img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.gashapon_wrap #link {
  /* padding-bottom: 50px; */
  width: 610px;
}

.gashapon_wrap #link .inner {
  width: 610px;
  margin: auto;
}

.gashapon_wrap #link h2 {
  /* transform: translateY(-23%);
  -webkit-transform: translateY(-23%); */
}

.gashapon_wrap #link .item_list {
  width: 610px;
  /* margin: auto; */
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gashapon_wrap #link .item_list li {
  /* float: left; */
  list-style: none;
  /* margin-right: 15px; */
}

.gashapon_wrap #link .item_list li:nth-child(3n) {
  margin-right: 0;
}

.gashapon_wrap #link .item_list a {
  display: block;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.gashapon_wrap #link .item_list a:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

#item-month {
  display: flex;
  font-size: 16px;
  font-weight: bold;
  align-items: center;
  margin-bottom: 30px;
  border-bottom: 1px solid #fece07;
}
#item-month .swiper-slide {
  height: auto;
}
#item-month .btn button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  display: flex;
  color: #fff;
  background: #d59802;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  text-decoration: none;
  margin: 0 20px 0 0 ;
  font-size: 15px;
  font-weight: bold;
  width: 150px;
  height: 40px;
}
#item-month .swiper-container-initialized button {
  width: 160px;
}
#item-month .btn button:last-child {
  margin-right: 0
}
#item-month .btn button:hover {
  background: #ffce07;
}
#item-month .btn button.active {
  background: #ffce07;
  cursor: default;
}

/** pbFluidStyle **/
.pbFluidStyle #cduWrap {
  width: 100%;
}
.pbFluidStyle #cduWrap #snsBtn {
  width: inherit !important;
  max-width: 1500px;
  min-width: 1000px;
  margin: 0 auto;
  border: none;
  box-sizing: border-box;
}
.pbFluidStyle .gasha_pan_wrap{
  padding: 0 15px;
  width: calc(100% - 30px);
  max-width: 1500px;
  min-width: 1000px;
}
.pbFluidStyle #cduPanNavi {
  padding: 9px 0 9px 10px !important;
  width: 100% !important;
}


/* 下層ページレイアウト */
#cdu3mainColumn02 { float:left; margin:0px; padding:3px 0px 0px 5px; width:600px;}
#cdu2sideColumn { float:left; width:204px;}	
#cdu3sideColumn_right { float:left; margin:0px; padding:3px 0px 0px 11px; width:186px;}
#cduFooter {clear:both; margin:15px auto 0 auto;}
#cduFooter .inner { margin:0 auto 0 auto !important; width:998px;}
#cduCopyFooter {clear:both; color:#999; font-size:10px; line-height:13px; padding:15px 0; }
#cdu2sideColumn div.search { background-image:url(//bandai-a.akamaihd.net/bc/images/shop_top_gashadepa/side_search_bg1.jpg) !important; background-repeat:no-repeat;background-size: contain; text-align:right; margin-left:auto; margin-right:auto; margin-bottom:10px; width:194px;  -webkit-box-sizing:border-box; box-sizing:border-box;}
#cdu2sideColumn div.search input { margin-right:20px; }
#cdu2sideColumn div.search input.search_box { margin-top:13px; margin-right:23px; margin-bottom:3px; width:126px; }
#cdu2sideColumn div.search select { margin-right:23px; margin-bottom:3px; width:130px; }
#cdu2sideColumn div.button { background-image: none !important; background-size: cover; background-position:center bottom; background-repeat:no-repeat; padding-right:3px; padding-bottom:15px; width:194px; -webkit-box-sizing:border-box; box-sizing:border-box;}
#cdu2sideColumn div.category { background: none !important; margin: 0 auto 10px auto; padding: 0; width:186px; }
#cdu2sideColumn div.category dl {margin: 0 auto; padding: 0; width:186px; -webkit-box-sizing:border-box; box-sizing:border-box;}
#cdu2sideColumn div.category dt { color:#fff !important; font-size: 14px; line-height: 18px; height: 37px; padding:8px 16px 5px 30px !important; -webkit-box-sizing:border-box; box-sizing:border-box;}
#cdu2sideColumn div.category dt a { color:#fff !important; }
#cdu2sideColumn div.category dd { border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; border-radius: 0 0 10px 10px; margin: 0; padding: 8px 5px 10px 8px !important; -webkit-box-sizing:border-box; box-sizing:border-box;}
#cdu2sideColumn div.category ul li.list_02 { font-size: 13px; font-weight: normal !important;}
#cdu2sideColumn div.category ul li.list_03 { font-size: 12px; font-weight: normal !important; display:block; margin-left:1em;}
#cdu2sideColumn div.category p.andmore { margin-right:15px; text-align:right; }
#cdu2sideColumn div.look { background-image:url(//bandai-a.akamaihd.net/bc/images/shop_top_gashadepa/side_look_button.jpg) !important; background-position:center center; background-repeat:no-repeat; vertical-align:middle; text-indent:20px; margin-top:1px; margin-left:5px; margin-right:5px; width:186px; height:37px; }
#cdu2sideColumn div.look a { color:#fff; background-color:transparent; }
#cdu2sideColumn div.look div.next { padding-top:5px; }
#cdu2sideColumn div.mall { background-image:url(//bandai-a.akamaihd.net/bc/images/shop_top_gashadepa/mall_1.jpg); background-position:center top; background-repeat:no-repeat; margin-top:-2px; padding-top:20px; margin-left:5px; margin-right:5px; width:186px; }
#cdu2sideColumn div.mall div.sub { background-image:url(//bandai-a.akamaihd.net/bc/images/shop_top_gashadepa/mall_2.jpg); background-position:left bottom; background-repeat:no-repeat; padding-bottom:25px; }
#cdu2sideColumn div.mall div.sub ul { margin-left:40px; }
#cdu2sideColumn div.mall div.sub ul li { margin-right:10px; text-indent:3px;}
.moreInfo { padding:0 20px 15px 20px; }
.moreInfo li { list-style-type:disc; } 
.moreInofoTitle { background-color:#000; color:#fff; font-size:12px; text-indent:12px; margin-bottom:12px; }
#cdu2sideColumn div.shoplist { background: none !important; margin: 0 auto; padding: 0; width:186px; }
#cdu2sideColumn div.shoplist dl {margin: 0 auto; padding: 0; width:186px; -webkit-box-sizing:border-box; box-sizing:border-box;}
#cdu2sideColumn div.shoplist dt { background: url(//bandai-a.akamaihd.net/bc/images/shop_top_gashadepa/cat_head.jpg) no-repeat top center !important; color:#fff !important; font-size: 14px; height: 37px; padding:8px 16px 5px 20px !important; -webkit-box-sizing:border-box; box-sizing:border-box; }
#cdu2sideColumn div.shoplist dt a { color:#fff !important; }
#cdu2sideColumn div.shoplist dd { border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; border-radius: 0 0 10px 10px; margin: 0; padding: 8px 8px 10px 8px !important; -webkit-box-sizing:border-box; box-sizing:border-box;}
#cdu2sideColumn div.shoplist ul { margin:0; list-style: none;}
#cdu2sideColumn div.shoplist ul li { border:none; font-size: 13px; line-height:21px; margin:0 !important; padding:0 !important; }
#cdu2sideColumn div.shoplist ul li:before {content:"・"; margin:0; padding:0;}
#cdu3mainColumn02 div.article_details02 h1,
#cdu3mainColumn02 div.article_details02 h2 { background:#000; color:#fff; font-size:12px; margin:0 0 12px 0; text-indent:12px;}
#cdu3mainColumn02 div.article_title02 h2 { background-color:#13161B; border-top:2px solid #ff0000; color:#fff; font-size:12px; margin-bottom:12px; text-indent:12px; }
#cdu2sideColumn div.banner { margin-left:9px; margin-right:9px; margin-bottom:3px; }
#cdu2sideColumn div.banner img { border-width:1px; border-style:solid; border-color:#ccc; padding-top:2px; padding-left:2px; padding-right:2px; padding-bottom:2px; }
#cdu3mainColumn02 div.article_area02 { margin-top:8px !important; margin-bottom:10px; border-bottom-width:1px; padding-bottom:5px; }
#cdu3mainColumn02 div.big_banner { margin-top:0 !important; padding:0;}
#cdu3mainColumn02 div.article_item01 { color:#000; float:left; font-size:12px; padding:0px 0px 5px 20px; width:270px; }
#cdu3mainColumn02 div.article_item01 a,
#cdu3mainColumn02 div.article_item01 a:visited { color:#bf3100 !important;}
#cdu3mainColumn02 div.article_photo_s01 { float:left; padding:0px 0px 0px 0px; width:110px; }
#cdu3mainColumn02 div.article_info,
#cdu3mainColumn02 div.article_txt { float:left; line-height:160%; width:140px;}
#cdu3mainColumn02 div.article_txt p.article_title a { color:#BF3100; background-color:transparent; font-size:11px; line-height:130% }
#cdu3mainColumn02 div.article_txt p.release { font-size:11px; color:#585858; background-color:transparent; }
#cdu3mainColumn02 div.article_txt p.price { font-weight:bold; color:#343434; background-color:transparent; margin:5px 0px 10px 0px; }
#cdu3mainColumn02 div.article_txt p.summary { font-size:10px; line-height:1.2; margin-bottom:5px; }
#cdu3mainColumn02 div.article_item01 a img {filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; opacity:1; transition:all ease-in-out .25s; -webkit-transition:all ease-in-out .25s; zoom:1;}
#cdu3mainColumn02 div.article_item01 a:hover img,
#cdu3mainColumn02 div.article_item01 a:active img {filter:alpha(opacity=90); -ms-filter:"alpha(opacity=90)"; opacity:0.9;}
#cdu2mainColumn div.pnav_u { background-image:url(//bandai-a.akamaihd.net/bc/images/shop_top_gashadepa/page_s_bg.jpg); background-position:0px 0px; background-repeat:no-repeat; color:#ffff !important; padding-top:1px;}
#cdu2mainColumn div.pnav_u div.pnav_dsp { margin-left:445px; }
#cdu2mainColumn div.pnav_u div.pnav_dsp dl dt { float:left; margin-right:45px; }
#cdu2mainColumn div.pnav_u div.pnav_dsp dl dd { float:left; margin:0 0 0 0; }
#cdu2mainColumn div.pnav_u div.pnav_dsp dl dd li {  float:left; list-style-type:none;}
#cdu2mainColumn div.pnav_u div.pnav_dsp dl dd li.txt { float:left; margin-right:45px; list-style-type:none; }
#cdu2mainColumn div.pnav_u div.pnav_dsp dl dd li a { color:#fff !important; background-color:transparent; text-decoration:underline; }
#cdu2mainColumn div.pnav_u div.page_swt {  clear:both; float:left; font-weight:bold; width:400px;}
#cdu2mainColumn div.pnav_u div.page_swt ul { display:inline; margin-left:20px; position:relative; top:-3px; }
#cdu2mainColumn div.pnav_u div.page_swt li {  display:inline; list-style-type:none; }
#cdu2mainColumn div.pnav_u div.page_swt li a { background-color:transparent; color:#fff !important; text-decoration:underline; }
#cdu2mainColumn div.pnav_u div.total_p { display:inline; font-weight:normal; position:relative; top:-2px; }
#cdu2mainColumn div.pnav_u div.sort { float:right; margin-right:20px; position:relative; top:0; }
#cdu2mainColumn div.pnav_b { clear:both; color:#fff !important; margin-bottom:38px; }
#cdu2mainColumn div.pnav_b div.page_swt { clear:both; float:left; font-weight:bold; width:400px; }
#cdu2mainColumn div.pnav_b div.page_swt ul { display:inline; margin-left:20px; position:relative; top:-1px; }
#cdu2mainColumn div.pnav_b div.page_swt li { display:inline; list-style-type:none; }
#cdu2mainColumn div.pnav_b div.page_swt li a {color:#fff !important; background-color:transparent; text-decoration:underline;  }
#cdu2mainColumn div.pnav_b div.total_p { display:inline; font-weight:normal; position:relative; top:-1px; }
#cdu2mainColumn div.pnav_b div.sort { float:right; margin-top:2px; margin-right:20px;}
#cdu2mainColumn div.article_area div.article_txt .icon li,
#cdu2mainColumn div.article_details div.article_details_shop .icon li,
#cdu2mainColumn div.article_box .icon li { display:inline; line-height:20px; list-style:none; text-align:left; }
#cdu2mainColumn div.article_area div.article_txt .icon img,
#cdu2mainColumn div.article_details div.article_details_shop .icon img,
#cdu2mainColumn div.article_box .icon img { margin:3px 0 0 3px; }
#cdu2mainColumn div.article_details div.article_tn2 { border-color:#E0E4E7; }
#cdu2mainColumn div.article_area { border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#94999D; margin-top:10px; margin-bottom:10px; padding-bottom:5px; }
#cdu2mainColumn div.article_area div.article_photo_s { float:left; width:115px; }
#cdu2mainColumn div.article_area div.article_photo_s img { margin-top:5px; margin-bottom:5px; }
#cdu2mainColumn div.article_area div.article_txt { float:right; width:590px; }
#cdu2mainColumn div.article_area div.article_txt p.release { background-color:transparent; color:#585858; font-size:11px; line-height:14px; }
#cdu2mainColumn div.article_area div.article_txt p.price { background-color:transparent; color:#343434; font-weight:bold; }
#cdu2mainColumn div.article_area div.article_txt p.summary { font-size:10px; line-height:1.2; margin-bottom:5px; }
#cdu2mainColumn div.article_area div.article_txt p.article_title a { background-color:transparent; color:#BF3100; }
#cdu2mainColumn div.article { margin-top:20px; margin-bottom:10px; }
#cdu2mainColumn div.article_box { float:left; margin-top:10px; line-height:1.2; margin-left:12px; margin-right:12px; margin-bottom:20px;text-align:center; width:150px;}
#cdu2mainColumn div.article_box div.article_photo { margin-bottom:10px; }
#cdu2mainColumn div.article_box p.article_title { margin:5px 0 5px 0; }
#cdu2mainColumn div.article_box p.article_title a { background-color:transparent; color:#ff5f00; font-size:10px; }
#cdu2mainColumn div.article_box p.release { background-color:transparent; color:#585858; font-size:10px; margin-bottom:7px; }
#cdu2mainColumn div.article_box p.price { background-color:transparent; color:#343434; font-weight:bold; margin-bottom:3px; }
#cdu2mainColumn div.article_box p.copyp { background-color:transparent; color:#7a7a7a; font-size:10px; }
#cdu2mainColumn div.article hr { background-color:#FFF; border:none; clear:both; color:#FFF; font-size:1px; height:0; line-height:0; margin:0; padding:0; visibility:hidden; }
#cdu2mainColumn div.article_details h2 { background-color:#000; color:#fff; font-size:12px; text-indent:12px; margin-bottom:12px; }
#cdu2mainColumn div.article_details div.article_details_photo { margin-bottom:3px; }
#cdu2mainColumn div.article_details_photo img { border-color:#E0E4E7; border-width:1px; border-style:solid; }
#cdu2mainColumn div.article_details form:before,
#cdu2mainColumn div.article_details form:after { content:" "; display:table; }
#cdu2mainColumn div.article_details form:after { clear:both; }
#cdu2mainColumn div.article_details div.article_details_shop div.shop { background-color:#F1F1F1; color:#343434; padding-top:2px; padding-bottom:2px; }
#cdu2mainColumn div.article_details div.article_details_shop div.shop_image { float:right; text-align:right; width:128px; }
#cdu2mainColumn div.article_details div.zoom img { margin-right:5px; vertical-align:baseline; }
#cdu2mainColumn div.article_details p.copy_a { font-size:10px; }
#cdu2mainColumn div.article_details div.cart {  clear:both; float:left; }
#cdu2mainColumn div.article_details div.cart dl { margin-bottom:0; }
#cdu2mainColumn div.article_details div.cart p.captiion { clear:both; font-size:10px; line-height:12px; margin-bottom:10px; padding-left:15px; }
#cdu2mainColumn div.article_details div.cart dl dt { clear:both; float:left; line-height:1.5; padding-top:8px; padding-left:15px; padding-right:0px; padding-bottom:4px; width:145px; }
*html #cdu2mainColumn div.article_details div.cart dl dt { padding:4px 0 2px 7px;}  
#cdu2mainColumn div.article_details div.cart dl dd{ margin-left:145px; padding:4px 0; width:185px; }
#cdu2mainColumn div.article_details div.cart dl dd.price,
#cdu2mainColumn div.article_details div.cart dl dd.point,
#cdu2mainColumn div.article_details div.cart dl dd.stock { font-weight:bold; }
#cdu2mainColumn div.article_details div.cart dl dd a { text-decoration:underline; }
#cdu2mainColumn div.article_details div.cart .cart_button { clear:both; float:left; margin-bottom:25px; text-align:right; width:342px; }
#cdu2mainColumn div.article_details div.cart div.cart_button input { margin-bottom:5px; }
#cdu2mainColumn div.article_details div.article_tn { background-color:#ffe8db; border-width:1px; border-style:solid; border-color:#E0E4E7; clear:both; margin-left:0px; margin-bottom:50px; padding:10px; }
*html #cdu2mainColumn div.article_details div.article_tn { padding-top:4px; }
*+html body #cdu2mainColumn div.article_details div.article_tn { padding-top:4px; }
#cdu2mainColumn div.article_details div.article_tn img { margin-right:5px; vertical-align:middle; }
#cdu2mainColumn div.article_details div.qr_code { float:left; margin-top:15px; text-align:center; width:62px; }
#cdu1Column h3,
#cdu2mainColumn div.article_details h3,
#cdu2mainColumn div.article h3 { background-color:#666; color:#fff; font-size:12px; font-weight:bold; margin-top:5px; margin-bottom:5px; text-indent:10px; }
#cdu2mainColumn div.article_details div.details_txt { margin:20px 0 0 20px; margin-bottom:15px; width:690px; }
#cdu2mainColumn div.article_details table { border-width:1px; border-style:solid; border-color:#D1D4D7; border-collapse:collapse; border-spacing:0; clear:both; font-size:12px; width:712px; }
#cdu2mainColumn div.article_details table th { background-color:#A1A8AE; border-width:1px; border-style:solid; border-top-color:#A1A8AE; border-left-color:#A1A8AE; border-right-color:#fff; border-bottom-color:#fff; color:#fff; font-weight:normal; text-align:left; padding-left:5px; vertical-align:top; width:125px; }
#cdu2mainColumn div.article_details table td { background-color:#fff; border-right-width:1px; border-right-style:solid; border-right-color:#D1D4D7; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#D1D4D7; font-size:12px; padding-left:10px; }
.bnr_style {padding:0px 0px 5px 0px;}
#cdu3sideColumn_right div.ranking { background-image:url(//bandai-a.akamaihd.net/bc/images/shop_top_gashadepa/dl.jpg); background-position:center bottom; background-repeat:no-repeat; margin-left:0px; margin-right:0px; padding-bottom:25px; width:186px; }
#cdu3sideColumn_right div.ranking dt { color:#fff; background-color:transparent; background-image:url(//bandai-a.akamaihd.net/bc/images/shop_top_gashadepa/cat_head.jpg); background-position:center top; background-repeat:no-repeat; padding-top:10px; padding-left:36px; padding-bottom:5px;}
#cdu3sideColumn_right div.ranking ul { margin-top:3px; clear:both;}
#cdu3sideColumn_right .icon { width:50px; padding:10px 0px 0px 15px; list-style-type:none; border:none; float:left;}
#cdu3sideColumn_right .tx { width:110px; margin:10px 5px 0px 0px; list-style-type:none; font-size:12px; float:left; line-height:150%;}
#cdu3sideColumn_right div.category ul {margin-top:3px;}
#cdu3sideColumn_right div.category ul li { margin-left:45px; margin-right:0px; list-style-type:none;}
#cdu3sideColumn_right div.banner { margin-left:0px; margin-right:0px; margin-bottom:3px;}
#cdu3sideColumn_right div.banner img {border-width:1px; border-style:solid; border-color:#ccc; padding-top:2px; padding-left:2px; padding-right:2px; padding-bottom:2px;}
#cdu3sideColumn_right div.look {background-image:url(//bandai-a.akamaihd.net/bc/images/shop_top_gashadepa/side_look_button.jpg) !important; background-position:center center; background-repeat:no-repeat; vertical-align:middle; text-indent:20px; margin-top:1px; margin-left:5px; margin-right:5px; width:186px; height:37px;}
#cdu3sideColumn_right div.look a { color:#333 !important; background-color:transparent;}
#cdu3sideColumn_right div.look div.next { padding-top:5px;}
#footprint_pc11 { word-wrap: break-word;background-image: url("//bandai-a.akamaihd.net/bc/images/common/dl.jpg"); background-position: center bottom; background-repeat: no-repeat; margin:0 5px; padding-bottom: 25px; width: 194px;}
#footprint_pc11 #dv_rc_title{ height:37px;background: url("//bandai-a.akamaihd.net/bc/images/common/side_recommend_itemdl.gif") no-repeat scroll left bottom}
#footprint_pc11 .dv_rc_items{width: 164px; margin:10px auto 0}
#footprint_pc11 .dv_rc_img {float: left; margin-right:10px}
#footprint_pc11 .dv_rc_img img{ width:80px; height:80px;}
#footprint_pc11 .dv_rc_name{ width:70px;line-height: 1.25em; float:left;}
#footprint_pc11 .dv_rc_description{ display:none}
#footprint_pc11 .dv_rc_price{color:#8a8a8a;width:73px;line-height: 1.25em; float:right; margin-left:90px}
#recommender_pc12 { text-align:center; margin-bottom:30px}
#recommender_pc12 #dv_rc_title{ width:712px;height:33px;background: url("//bandai-a.akamaihd.net/bc/images/common/title_recommend_itemdl.gif") no-repeat left bottom; margin-bottom:15px}
#recommender_pc12 .dv_rc_items{ width:170px; float: left; margin:0 3px}
#recommender_pc12 .dv_rc_img img{ width:130px; height:130px; margin-bottom: 10px;}
#recommender_pc12 a{ color:#BF3100;display: block; font-size: 12px; line-height: 110%;}
#recommender_pc12 .dv_rc_description{ display:none}
#cdu2sideColumn div.category dl,
#cdu2sideColumn div.shoplist dl {border:none; width: auto;}
#cdu2sideColumn div.category dt,
#cdu2sideColumn div.shoplist dt,
.pbFluidStyle #footprint_pc11 #dv_rc_title { padding: 10px 5px !important; color: #fff !important; height:auto; margin: 0 auto !important; border-radius: 0; }
#cdu2sideColumn div.category dd,
#cdu2sideColumn div.shoplist dd { padding: 10px 10px 10px 15px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0; }
#cdu2sideColumn > div.banner { display: none; }


/* 20220901追加 ナムコパーク統合 */
.nmcp_bnr {
    text-align: center;
    margin: 40px auto;
}
.nmcp_bnr a,
.nmcp_bnr a img {
    -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;  
}
.nmcp_bnr a:hover img {
    opacity: .8;
}
.overlay.modal_nmcp_area {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 99999;
}
.modal_nmcp_area .overlay_close {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
}
.overlay.modal_nmcp_area .popup_contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 20px;
    font-family: "Noto Sans CJK JP", 游ゴシック, sans-serif;
    max-height: 100vh;
    overflow-y: auto;
    padding: 25px 45px;
}
.modal_nmcp_area .btn_area {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 30px;
}
.modal_nmcp_area .btn_area p {
    width: 100%;
}
.modal_nmcp_area .btn_area p a {
    display: inline-block;
    border: 2px solid #e60012;
    border-radius: 10px;
    text-decoration: none;
    font-size: 1.4em;
    letter-spacing: -0.04em;
    width: 84%;
    padding: 0.8em 0.6em;
    -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;  
}
.modal_nmcp_area .btn_area p.close_btn a {
    background: #fff;
    color: #e60012;
    margin-right: 5%;
}
.modal_nmcp_area .btn_area p.link_btn a {
    position: relative;
    background: #e60012;
    color: #fff;
    margin-left: 5%;
}
.modal_nmcp_area .btn_area p.link_btn a::before,
.modal_nmcp_area .btn_area p.link_btn a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 8px solid transparent;
    width: 0;
    height: 0;
    -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;  
}
.modal_nmcp_area .btn_area p.link_btn a::before {
    left: 2em;
    border-left: 12px solid #fff;
}
.modal_nmcp_area .btn_area p.link_btn a::after {
    right: 2em;
    border-right: 12px solid #fff;
}
.modal_nmcp_area .btn_area p.close_btn a:hover {
    cursor: pointer;
    background: #e60012;
    color: #fff;
}
.modal_nmcp_area .btn_area p.link_btn a:hover::before {
    left: 2.4em;
}
.modal_nmcp_area .btn_area p.link_btn a:hover::after {
    right: 2.4em;
}