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

grandindex用css

============================*/
/*基本
=====================*/
.gi_contentsarea * {
  box-sizing:border-box;
  margin:0;
  padding:0;
  line-height:1.5;
}
.gi_contentsarea ul,
.gi_contentsarea ol,
.gi_contentsarea dl,
.gi_contentsarea li {
  list-style-type:none;
}
.gi_contentsarea img {
  vertical-align:bottom;
}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb120 {margin-bottom:120px;}
.mb200 {margin-bottom:200px;}
.tac {text-align:center;}

img.wid80 {width:80%;}
img.wid100 {width:100%;}

.img_hover:hover img {
  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_contentsarea {
  width:100%;
}
.wid1080 {
  width:1080px;
  margin:0 auto;
}
.wid1000 {
  width:1000px;
  margin:0 auto;
}
.gi_contents_bgarea_upper {
  padding-bottom:120px;
}
.gi_contentsarea .gi_freespace {
  margin-bottom:20px;
}

/*--魂共通見出し--*/
.gi_contentsarea #gi_productlist h3,
.gi_contentsarea #gi_subcatearea h3,
.gi_contentsarea #gi_relationarea h3,
.gi_contentsarea #gi_ranking h3 {
  font-size:30px;
  padding: 12px 0 10px;
  height: auto;
  color: #ffffff;
  text-align: center;
  border-bottom: 0;
  font-weight: bold;
  background: url(/img/bg_h2_01.jpg) no-repeat top center;
  background-size: cover;
  margin-bottom:30px;
}
/*--スライド--*/
.gi_slidearea {
  margin-bottom:100px;
}
.gi_slidearea .slick-dotted.slick-slider {
  position:relative;
}
.gi_slidearea .slick-dotted.slick-slider .prev-arrow {
  position:absolute;
  left:0;
  top:42%;
  z-index:1;
}
.gi_slidearea .slick-dotted.slick-slider .next-arrow {
  position:absolute;
  right:0;
  top:42%;
  z-index:1;
}
.gi_slidearea .slick-dotted.slick-slider .prev-arrow:hover,
.gi_slidearea .slick-dotted.slick-slider .next-arrow:hover {
  opacity:0.8;
  cursor:pointer;
}
.gi_slidearea .slick-list img {width:100%;}
.gi_slidearea .slick-dots {
  bottom:-30px;
}
.gi_slidearea .slick-dots li button:before {
  font-size: 20px;
}
/*--PUSH通知ページ内リンク--*/
.gi_push_plbtn {
  margin-top:-30px;
}
.gi_push_plbtn a {
  display:block;
  text-align:center;
  padding:19px 0 18px 30px;
  color:#222222;
  text-decoration:none;
  position:relative;
  border:1px solid #222222;
  background:rgba(255,255,255,0.9);
  width:100%;
  margin:0 auto 20px;
}
.gi_push_plbtn a:before {
  content:"";
  position:absolute;
  left:30%;
  top:8%;
  background:url(/img/grand_index/common/ic_push.png) no-repeat left center;
  background-size:contain;
  width:27px;
  height:42px;
}
.gi_push_plbtn a:hover {
  opacity:0.7;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

/*--ブランド紹介--*/
.gi_brandexplanation {
  margin-bottom:60px;
}
.gi_brandexplanation dl {
  display:table;
}
.gi_brandexplanation dl dt,
.gi_brandexplanation dl dd {
  display:table-cell;
  vertical-align:middle;
}
.gi_brandexplanation dt {
  width:28%;
}
.gi_brandexplanation dt img {
  width:100%;
}
.gi_brandexplanation dd {
  width:70%;
  padding-left:2%;
}

/*--更新履歴--*/
.gi_updatearea {
  border:2px solid #666666;
  padding:20px 0 10px 15px;
  margin-bottom:70px;
  background:rgba(255,255,255,0.8);
}
.gi_updatearea h3 {
  text-align:center;
  font-weight:bold;
  font-size:25px;
  margin-bottom:20px;
}
.gi_updatearea dl {
  height:180px;
  overflow-y:scroll;
}
.gi_updatearea dt,
.gi_updatearea dd {
  font-size:15px;
}
.gi_updatearea dt {
  width:13%;
  float:left;
  clear:left;
}
.gi_updatearea dt span {
  background:#214eb4;
  color:#ffffff;
  padding:2px 10px 1px;
}
.gi_updatearea dd {
  border-bottom:1px dotted #214eb4;
  padding-left:13%;
  padding-bottom:12px;
  margin-bottom:12px
}
.gi_updatearea dd a {
  color:#222;
  text-decoration:underline;
}
.gi_updatearea dd a:hover {
  text-decoration:none;
}
/*--ページ内リンク--*/
.gi_plbtn {
  margin-bottom:30px;
}
.gi_plbtn li {
  width:32%;
  margin-left:2%;
  float:left;
  margin-bottom:10px;
}
.gi_plbtn li:nth-child(3n+1) {
  margin-left:0;
}
.gi_plbtn li a {
  display:block;
  padding:18px 0 30px;
  text-align:center;
  text-decoration:none;
  color:#ffffff;
  position:relative;
  background:#74c0a8;
  border-radius:10px;
  font-size:24px;
}
.gi_plbtn li a:after {
  content:">";
  position:absolute;
  left:49%;
  bottom:5px;
  transform: rotate(-270deg);
}
.gi_plbtn 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_appealarea {
}
.gi_appealarea img {
  width:100%;
}
.gi_appealarea a:hover img {
  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_shopbtn a {
  display:block;
  text-align:center;
  width:58%;
  margin:0 auto;
  color:#ffffff;
  background:#74c0a8;
  border-radius:10px;
  padding:20px 0 18px;
  position:relative;
  text-decoration:none;
  font-size:24px;
}
.gi_shopbtn a:after {
  content:"";
  background:url(/img/grand_index/common/ic_other.png) no-repeat center center;
  background-size:cover;
  width:25px;
  height:25px;
  position:absolute;
  top:30%;
  right:10%;
}
.gi_shopbtn 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_productlist {
  margin-bottom:30px;
}
#gi_productlist #category_search {
  background-color:rgba(228,232,243,0.9);
}
#gi_productlist #category_search .result {
  padding:10px 25px 0;
  margin-bottom:10px;
  font-weight:bold;
}
#gi_productlist #category_search form ul li.submit_btn {
  margin-top:10px;
}
#gi_productlist .h4_search_result {
  padding:10px 0 10px 10px;
  margin-bottom:20px;
  background-color:rgba(228,232,243,0.85);
}
#gi_productlist .product_search_list li {
  min-height:300px;
}
#gi_productlist .pagenavi {
  margin-bottom:20px;
}
#gi_productlist .pagenavi li a {
  min-width:48px;
}
#gi_productlist .product_search_list {
  margin-bottom:20px;
}
.gi_contentsarea .product_search_list li,
.gi_contentsarea .product_search_list li:nth-child(2n+1),
.gi_contentsarea .product_search_list li+li {
  width:32%;
  margin-left:2%;
  margin-bottom:16px;
  background:rgba(255,255,255,0.8);
}
.gi_contentsarea .product_search_list li:nth-child(3n+1) {
  margin-left:0;
}
.gi_contentsarea .product_search_list p.img,
.gi_contentsarea .product_search_list p.img span {
  width:100px;
  height:100px;
}
.gi_contentsarea .product_search_list p.img img {
  max-width:100px;
  max-height:100px;
}
.gi_contentsarea .product_search_list .item_detail {
  width:205px;
}
.gi_contentsarea .product_search_list .item_detail h5.title span.item_name {
  line-height:1.35;
}

/*--注意文--*/
.gi_contentsarea #notice {
  margin:0 auto 30px;
  background:rgba(228,232,242,0.9);
}
.gi_contentsarea #notice li {
  list-style-type:disc;
}
/*--この記事を評価する--*/
.gi_contentsarea #ask {
  margin:0 auto 150px;
}
.gi_contentsarea #ask h4 {
  height:auto;
  padding-bottom:20px;
  background:rgba(228,232,242,0.9);
}
.gi_contentsarea #ask h4 span {display:inline;}
#ask .textbox {
  background:rgba(255,255,255,0.9);
}
/*--ブランドサブカテゴリ--*/
#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;
}

/*--関連情報--*/
#gi_relationarea {
  margin-bottom:100px;
}
#gi_relationarea ul li {
  width:32%;
  margin-left:2%;
  float:left;
  margin-bottom:10px;
}
#gi_relationarea ul li:nth-child(1),
#gi_relationarea ul li:nth-child(4),
#gi_relationarea ul li:nth-child(7) {
  margin-left:0;
}
#gi_relationarea ul li img {
  width:100%;
}
#gi_relationarea ul 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_recommendarea,
#gi_specialarea {
  background:#e4e8f2;
}
#gi_recommendarea h3,
#gi_specialarea h3 {
  font-size:24px;
  text-align:center;
  font-weight:bold;
  position:relative;
  margin-bottom:40px;
}

#gi_recommendarea h3:before,
#gi_specialarea h3:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 40px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}
/*--おすすめ記事--*/
#gi_recommendarea {
  padding:35px 26px 30px;
  margin-bottom:80px;
}
#gi_recommendarea ul {
  background:#ffffff;
  padding:15px 12px;
}
#gi_recommendarea ul li {
  width:19%;
  margin-left:1.25%;
  float:left;
}
#gi_recommendarea ul li:first-child {
  margin-left:0;
}
#gi_recommendarea ul li a {
  color:#111111;
}
#gi_recommendarea ul li .img {
  margin-bottom:10px;
}
#gi_recommendarea ul li .img img {
  width:100%;
}
#gi_recommendarea ul li .category {
  margin-bottom:10px;
}
#gi_recommendarea ul li .category .ic_cate {
  padding: 4px;
  text-align: center;
  color: #ffffff;
  width: 47%;
  float: left;
  margin-right: 2%;
  font-size: 60%;
}
#gi_recommendarea ul li .category .date {
  width: 51%;
  padding: 3px 0 0;
  text-align: right;
  display:inline-block;
  font-size:78%;
}
#gi_recommendarea ul li .ttl {
  font-size: 14px;
  line-height: 1.3;
  height: 72px;
  overflow: hidden;
  position: relative;
}
#gi_recommendarea ul li a:hover * {
  opacity:0.9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
#gi_recommendarea ul li a:hover .ttl {
  color:#ff0000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
/*--特設サイト・記事--*/
#gi_specialarea {
  padding:35px 72px 46px;
  margin-bottom:50px;
}
#gi_specialarea ul li {
  width:32%;
  margin-left:2%;
  float:left;
  margin-bottom:20px;
}
#gi_specialarea ul li:nth-child(1),
#gi_specialarea ul li:nth-child(4),
#gi_specialarea ul li:nth-child(7) {
  margin-left:0;
}
#gi_specialarea ul li a {
  display:block;
  color:#ca000b;
  border:3px solid #ca000b;
  border-radius:10px;
  text-align:center;
  background:#ffffff;
  padding:15px 0 12px;
  position:relative;
  text-decoration:none;
  font-size:18px;
  font-weight:bold;
}
#gi_specialarea ul li a:after {
  content:">";
  position:absolute;
  top:28%;
  right:10px;
}
#gi_specialarea ul li a:hover {
  opacity:0.7;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
/*--copyright--*/
.gi_copyright {
  margin-bottom:150px;
  text-align:center;
  font-size:12px;
}
.gi_free_copyright {
  color: #222222;
  text-align: center;
  margin-bottom: 40px;
  font-size: 80%;
}

/*フリーエリア用
=======================*/
/*--関連情報下コピーライト--*/
.gi_freespace .free_copy {
  color: #222222;
  text-align: center;
  margin-bottom: 40px;
  font-size: 80%;
}

/*ご購入の流れ
=======================*/
.howtobuy {
  width:80%;
  margin:0 auto 30px;
  padding:15px;
  background:rgba(255,255,255,0.8);
}
.howtobuy .howtobuy_txt01 {
  text-align:center;
  margin-bottom:15px;
}
.howtobuy .htb_btn_area li {
  width:49%;
  float:left;
  margin-left:2%;
  position:relative;
}
.howtobuy .htb_btn_area li:before {
  content: "";
  background: url(/img/cmn/ico/ic_cart01.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  left: 16%;
  top: 12px;
  width: 22px;
  height: 22px;
}
.howtobuy .htb_btn_area li: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;
}
.howtobuy .htb_btn_area li:first-child {
  margin-left:0;
}
.howtobuy .htb_btn_area li a {
  display:block;
  border:1px solid #ececec;
  padding:12px 10px 12px 20px;
  cursor:pointer;
  text-align:center;
  background:#265CFF;
  color:#ffffff;
}
.howtobuy .htb_btn_area li:nth-child(2) a {
  background:#8A7649;
}

/*--modal--*/
.htb_modal {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 60px 10px;
  text-align: center
}

.htb_modal:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.htb_modal:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.htb_modal::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}
.htb_modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8)
}

.htb_modal .htb_modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 70%;
  max-width: 800px;
  padding: 30px 30px 15px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle;
  text-align:left;
}
.htb_modal .htb_modal-window img {
  width:100%;
}
.htb_modal .htb_modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
}
.htb_modal .htb_modal-window .modal-content p:nth-child(1) {
  margin-bottom:20px;
}
.htb_modal .htb_modal-window .modal-content p:nth-child(2) {
  margin-bottom:30px;
}
.htb_modal .htb_modal-window .modal-content p:nth-child(3) {
  text-align:center;
}
.htb_modal .htb_modal-close {
  display:block;
  width:50%;
  margin:0 auto;
  border:1px solid #255eb0;
  background:#ffffff;
  color:#255eb0;
  text-align:center;
  padding:10px;
}

.htb_modal .htb_modal-close:hover {
  background:#255eb0;
  color:#ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

/*ランキング 2021追加
=======================*/
#gi_ranking h3 + p {
  text-align: center;
  margin-bottom: 26px;
}
#gi_ranking .slider {
    max-width: 980px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}
#gi_ranking .slick-dotted.slick-slider {
  margin-bottom:40px;
}
#gi_ranking .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
#gi_ranking .slick-prev,
#gi_ranking .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 40%;
  display: block;
  width: 37px;
  height: 89px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: rgba(0, 0, 0, .7);
  z-index: 99;
}
#gi_ranking .slick-prev:before,
#gi_ranking .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#gi_ranking .slick-prev:before {
  content: url(/img/top/top_prev.png);
}
#gi_ranking .slick-next:before {
  content: url(/img/top/top_next.png);
}
#gi_ranking .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
}
#gi_ranking .slick-slider .slick-track,
#gi_ranking .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#gi_ranking .slick-slide {
  padding: 0 0.3% 0;
}
#gi_ranking .slick-dots {
  position: absolute;
  bottom: -15px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
#gi_ranking .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
#gi_ranking .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
#gi_ranking .slick-dots li button:before {
  font-family: 'slick';
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#gi_ranking .slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}
#gi_ranking .slick-slide img {
  display:block;
  width:100%;
}
#gi_ranking .tw2019_rankinglist {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}
#gi_ranking .tw2019_rankinglist li:first-child {
    margin-left: 0!important;
}
#gi_ranking .tw2019_rankinglist>li {
    /* max-width: 166px; */
    width: 100%;
    display: inline-block;
    margin: 0;
}
#gi_ranking .tw2019_rankinglist li a {
    display: block;
}
#gi_ranking .tw2019_rankinglist li ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#gi_ranking .tw2019_rankinglist li ul:hover {
  opacity:0.8;
}
#gi_ranking .tw2019_rankinglist li ul .img {
    position: relative;
}
#gi_ranking .tw2019_rankinglist li ul .title {
    display: block;
    font-weight: normal;
    font-size: 90%;
    margin: 1em 0 1.5em !important;
    height: 50px;
    overflow: hidden;
    color:#222;
}
#gi_ranking .tw2019_rankinglist li ul .img span.rank01 {
  color: #FFF;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-image: linear-gradient(135deg, #ffaa01 40px, transparent 0);
  background-image: linear-gradient(135deg, #ffaa01 50%, transparent 0);
  width: 25%;
  height: 25%;
}
#gi_ranking .tw2019_rankinglist li ul .img span.rank02 {
  color: #FFF;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-image: linear-gradient(135deg, #ffaa01 40px, transparent 0);
  background-image: linear-gradient(135deg, #9ca3ab 50%, transparent 0);
  width: 25%;
  height: 25%;
}
#gi_ranking .tw2019_rankinglist li ul .img span.rank03 {
  color: #FFF;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-image: linear-gradient(135deg, #ffaa01 40px, transparent 0);
  background-image: linear-gradient(135deg, #9c673b 50%, transparent 0);
  width: 25%;
  height: 25%;
}
#gi_ranking .tw2019_rankinglist li ul .img span.rank04,
#gi_ranking .tw2019_rankinglist li ul .img span.rank05,
#gi_ranking .tw2019_rankinglist li ul .img span.rank06 {
  color: #FFF;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-image: linear-gradient(135deg, #ffaa01 40px, transparent 0);
  background-image: linear-gradient(135deg, #008de3 50%, transparent 0);
  width: 25%;
  height: 25%;
}
#gi_ranking .tw2019_rankinglist li ul .img span {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    -webkit-appearance: none;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#gi_ranking .tw2019_rankinglist li ul .img span.rank01 .text,
#gi_ranking .tw2019_rankinglist li ul .img span.rank02 .text,
#gi_ranking .tw2019_rankinglist li ul .img span.rank03 .text,
#gi_ranking .tw2019_rankinglist li ul .img span.rank04 .text,
#gi_ranking .tw2019_rankinglist li ul .img span.rank05 .text,
#gi_ranking .tw2019_rankinglist li ul .img span.rank06 .text {
  padding: 11%;
  display: block;
  font-size: 150%;
  font-weight: bold;
}
#gi_ranking .tw2019_btn_area01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#gi_ranking .tw2019_btn_area01 li a {
  display: block;
  width: 394px;
  height: 42px;
  text-align: center;
  background: #E60012;
  border-radius: 30px;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  padding-top: 11px;
  font-weight: bold;
  margin-left: 15px;
  border: 3px solid #E60012;
  line-height: 1;
}


/*ランキング バナー用
=======================*/
#gi_bnr_ranking {
  text-align:center;
  margin-bottom:100px;
}
#gi_bnr_ranking img {
  width:50%;
}


/*PUSH通知 モーダル用
=======================*/
.overlay.modal_push_area {
  top:0;
  left:0;
}
.overlay.modal_push_area .btn_area {
  width:72%;
  background:#ffffff;
  padding:3%;
  text-align:center;
  font-size:0.9em;
}
.overlay.modal_push_area .btn_area h3 {
  font-size:2em;
  font-weight:bold;
}
.overlay.modal_push_area .btn_area p a {
  display:block;
  text-align:center;
  border:1px solid #000000;
  color:#ffffff;
  background:#000000;
  font-size:1.6em;
  padding:3%;
  text-decoration:none;
  width:60%;
  margin:0 auto;
}
.overlay.modal_push_area .btn_area p.push_note {
  font-size:0.8em;
}
.overlay.modal_push_area .btn_area button {
  width:50px;
  height:50px;
  top:-25px;
  right:-25px;
  color:#ffffff;
  background:#000000;
  border:1px solid #ffffff;
}


/*2021ステイホーム モーダル用
=======================*/
.overlay.modal_sh202105_area {
  top:0;
  left:0;
}
.overlay.modal_sh202105_area .btn_area {
  width:72%;
  padding:3%;
  text-align:center;
  font-size:0.9em;
}
.overlay.modal_sh202105_area .btn_area p {
  padding:0;
}
.overlay.modal_sh202105_area .btn_area .sh202105_cdh {
  text-align:center;
  font-size:2em;
  font-weight:bold;
  color:#ffffff;
/*  margin-bottom:20px;*/
  padding:3% 0 0;
}
.overlay.modal_sh202105_area .btn_area .sh202105_cdh img {
  width:32%;
  vertical-align:middle;
}
.overlay.modal_sh202105_area .btn_area .sh202105_cdh span {
  color:#ffff00;
  text-shadow:#fff 0 0 5px;
  font-size:1.6em;
  vertical-align:middle;
  padding-left:10px;
}
.overlay.modal_sh202105_area .btn_area .sh202105_img_area ul li {
  width:40%;
  margin:0 auto 30px;
}
.overlay.modal_sh202105_area .btn_area .sh202105_img_area img {
  width:100%;
}
.overlay.modal_sh202105_area .btn_area .sh202105_ytarea {
  width:52%;
  margin:0 auto;
}
.overlay.modal_sh202105_area .btn_area .sh202105_ytarea .yt_area_btn img {
  width:100%;
}
.overlay.modal_sh202105_area .btn_area .sh202105_ytarea .yt_area_btn a:hover img {
  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;
}
.overlay.modal_sh202105_area .btn_area button {
  top:3%;
  right:-3%;
}

/*--img2枚--*/
.overlay.modal_sh202105_area.img_2 .btn_area .sh202105_img_area ul {
  margin-bottom:30px;
}
.overlay.modal_sh202105_area.img_2 .btn_area .sh202105_img_area ul li {
  margin:0;
  width:48%;
}
.overlay.modal_sh202105_area.img_2 ul li:nth-child(odd) {
  float:left;
}
.overlay.modal_sh202105_area.img_2 ul li:nth-child(even) {
  float:right;
}

/*--ステイホームGIスライド下バナー--*/
.gi_sh202105_topbnr {
  margin:0 auto 50px;
  width:70%;
}
.gi_sh202105_topbnr img {
  width:100%;
}