@charset "UTF-8";

#searchArea .showSelectCategory {
    display: block !important;
}

#searchArea #all, #searchArea #shopping, #searchArea #fashion, #searchArea #music, #searchArea #game, #searchArea #movie, #searchArea #service,
#searchArea #a__list, #searchArea #ka_list, #searchArea #sa_list, #searchArea #ta_list, #searchArea #na_list, #searchArea #ha_list, #searchArea #ma_list, #searchArea #ya_list, #searchArea #ra_list, #searchArea #wa_list {
    display: none;
}
.textcenter{
    text-align: center;
}
.pl0{
    padding-left: 0;
}
#contents{
    box-sizing: border-box;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.c-search-menu-type-01 .c-search-menu-list {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.c-search-menu-type-01 .c-search-menu-list-link::before{
    background: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 35px;
    height: 35px;
}
.c-search-menu-type-01 .c-search-menu-list-link{
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.c-search-menu-type-01 .c-search-menu-list-link.all::before{
    background-image: url(/keitai_payment/site/images/all.png);
}
.c-search-menu-type-01 .c-search-menu-list-link.all.selected::before,.c-search-menu-type-01 .c-search-menu-list-link.all:hover::before{
    background-image: url(/keitai_payment/site/images/all_hover.png);
}
.c-search-menu-type-01 .c-search-menu-list-link.fashion::before{
    background-image: url(/keitai_payment/site/images/fashion_goods.svg);
}
.c-search-menu-type-01 .c-search-menu-list-link.fashion.selected::before,.c-search-menu-type-01 .c-search-menu-list-link.fashion:hover::before{
    background-image: url(/keitai_payment/site/images/fashion_goods_hover.svg);
}
.c-search-menu-type-01 .c-search-menu-list-link.shopping::before{
    background-image: url(/keitai_payment/site/images/shopping.svg);
}
.c-search-menu-type-01 .c-search-menu-list-link.shopping.selected::before,.c-search-menu-type-01 .c-search-menu-list-link.shopping:hover::before{
    background-image: url(/keitai_payment/site/images/shopping_hover.svg);
}
.c-search-menu-type-01 .c-search-menu-list-link.music::before{
    background-image: url(/keitai_payment/site/images/music_movie.svg);
}
.c-search-menu-type-01 .c-search-menu-list-link.music.selected::before,.c-search-menu-type-01 .c-search-menu-list-link.music:hover::before{
    background-image: url(/keitai_payment/site/images/music_movie_hover.svg);
}
.c-search-menu-type-01 .c-search-menu-list-link.game::before{
    background-image: url(/keitai_payment/site/images/game.svg);
}
.c-search-menu-type-01 .c-search-menu-list-link.game.selected::before,.c-search-menu-type-01 .c-search-menu-list-link.game:hover::before{
    background-image: url(/keitai_payment/site/images/game_hover.svg);
}
.c-search-menu-type-01 .c-search-menu-list-link.movie::before{
    background-image: url(/keitai_payment/site/images/movie_book.svg);
}
.c-search-menu-type-01 .c-search-menu-list-link.movie.selected::before,.c-search-menu-type-01 .c-search-menu-list-link.movie:hover::before{
    background-image: url(/keitai_payment/site/images/movie_book_hover.svg);
}
.c-search-menu-type-01 .c-search-menu-list-link.service::before{
    background-image: url(/keitai_payment/site/images/service.svg);
}
.c-search-menu-type-01 .c-search-menu-list-link.service.selected::before,.c-search-menu-type-01 .c-search-menu-list-link.service:hover::before{
    background-image: url(/keitai_payment/site/images/service_hover.svg);
}

.drawBordr{
    border-top: solid 1px #D7D7D7;
}

.m-shop-contents--type01 .m-shop-unit{
    margin-bottom: 0;
}
.m-shop-contents--type01 .m-shop-unit-figure{
  margin-bottom: 20px;
}
/*===== PC =====*/
@media only screen and (min-width: 768px), print{
  .m-shop-contents--type01 .m-shop-unit{
    padding-right: 10px;
    padding-left: 10px;
  }
  .m-shop-pickup.m-shop-contents.m-shop-contents--type01{
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px){
  .m-shop-contents--type01 .m-shop-unit{
    margin: 0px 3% 10px 0;
    width: 31%;
  }
}

#category_search .m-shop-contents--type01 .m-shop-unit{
    margin-bottom: 0;
}

#syllabary_search .c-search-menu.c-search-menu-type-02{
    padding-bottom: 40px;
    border-bottom: solid 1px #D7D7D7;
}
/*===== SP =====*/
@media only screen and (max-width: 767px) {
  #syllabary_search .c-search-menu.c-search-menu-type-02{
      padding-bottom: 0;
  }
}

#searchArea #loader {
	width: 32px;
	padding: 30px 0;
	margin: 0 auto;
	box-sizing: border-box;
}
#searchArea #loader img{
	width: 32px;
	height: 32px;
	animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
}
/*ロゴ画像*/

.m-shop-contents--type01 .m-shop-unit-figure__img{
    /*padding: 23% 0;*/
}
.m-shop-unit-figure{
    position: relative;
}
.m-shop-unit-figure--newicon{
    position: absolute;
    bottom: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
}
@media only screen and (max-width: 767px){
  .m-shop-unit-figure--newicon{
      bottom: -10px;
      right: -10px;
      width: 28px;
      height: 28px;
  }
  .c-search-menu-type-01 .c-search-menu-list-item:first-of-type{
    width: 100%;
  }
  .c-search-menu-type-01 .c-search-menu-list-link.all{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 50%;
  }
  .c-search-menu-type-01 .c-search-menu-list-link::before{
    margin-bottom: 8px;
  }
  .c-search-menu-type-01 .c-search-menu-list-link.all::before{
    margin: 0 15px;
    width: 28px;
    height: 28px;
  }
}

@media only screen and (min-width: 768px){
  .m-shop-unit a {
      pointer-events: none;
  }
}

/*spotLight*/
#spotLight{
  margin-bottom: 50px;
}
#spotLight a.m-btn-type03::after{
  display: none;
}

.internal_top::after{
  transform: rotate(270deg)!important;
  -webkit-transform: rotate(270deg)!important;
}

/*emergencyTitle */
.emergencyTitle{
  text-align:center; margin: 15px 0;
}
.emergencyTitle a{
  font-size: 14px;
  text-decoration: underline;
  color: #333333;
}
.emergencyTitle a:hover{
  text-decoration: none;
}


/* ポップアップ */
#dbarai_only_content .pop_title{
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
}
#dbarai_only_content h3{
    font-size: 2.0rem;
    font-weight: bold;
}
#dbarai_only_content .mark_area,
#dbarai_only_content .step_area{
  padding-right: 10px;
  padding-left: 10px;
}
#dbarai_only_content .mark_area{
  padding-bottom: 20px;
  padding-top: 20px;
  margin-bottom: 0;
}
#dbarai_only_content .step_area{
  padding-bottom: 20px;
}
#dbarai_only_content .linkBtn{
  background-color: #fff;
}
#dbarai_only_content .lead_text{
  font-size: 1.6rem;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 30px;
}
#dbarai_only_content h2{
  padding-bottom: 25px;
}
#dbarai_only_content h2.sub_title{
  text-align: center;
  font-weight:bold;
  font-size:2.2rem;
}
#dbarai_only_content h2 span{
  font-size: 2.0rem;
  font-weight: bold;
}
#dbarai_only_content .d_description {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f0fbfe;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}
#dbarai_only_content .drawBordr{
    border-top: solid 1px #d7d7d7;
}
#dbarai_only_content .backLink{
  padding-top: 20px;
}
a.mfp-close{
  background-color: #fff;
  color: #333;
  border: solid 1px #d7d7d7;
}
a.popup{
  text-decoration: underline;
  color: #cc0033;
  background: none !important;
  padding:0;
  /*
  padding: 1px 0 1px 22px;
  background-image: url(//service.smt.docomo.ne.jp/keitai_payment/common/images/top/emergencyIcon.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px 16px;*/
  font-size: 1.2rem;
  line-height: 1.4;
}
#dbarai_only_content button.mfp-close.top{
  text-indent: -9999px;
  width: 26px;
  height: 26px;
  content: "";
  background-image: url(//service.smt.docomo.ne.jp/keitai_payment/shop/images/close_icon.png);
  background-repeat: no-repeat;
  margin: 10px;
  background-size: 100%;
}
#dbarai_only_content .linkBtn a.bottom {
    opacity: 1;
    height: auto;
    width: 100%;
    max-width: 310px;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    color: #333333;
    background-color: #ffffff;
    font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#dbarai_only_content .linkBtn:hover{
    opacity: 0.7;
  }




/* town */
.town_new_shop_area {
	background-color: #fff !important;
}

/* kategory */
#town-category-wrap {
  position: relative;
  margin: 30px -15px 0;
}

/* town header */
#contents .town-header {
	text-align: left;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 767px) {

  #town-category-wrap {
    position: relative;
    height: 442px;
    overflow-y: hidden;
    overflow-x: hidden;
  }

}

/**---town 201029---***/
#contents .town-header {
    padding: 0 0 18px;
    margin: 0;
    text-align: left;
    font-size: 1.8rem;
		/*font-weight: bold;*/
	}


/* genre_category */
.town-genre-con{
	padding: 0;
}
#town-category-wrap .genre_category_dim {
	z-index: 1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 130px;
	background: rgb(247,244,240);
	background: linear-gradient(180deg, rgba(247,244,240,0) 0%, rgba(247,244,240,0) 50%, rgba(247,244,240,1) 100%);
}
#town-category-wrap .genre_category_dim a {
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 200px;
	height: 40px;
	padding: 0 0 0 29px;
	background: #cc0033;
	border-radius: 20px;
	text-align: left;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	transform: translate(-50%,0);
	box-sizing: border-box;
}
#town-category-wrap .genre_category_dim a.on {
	padding: 0 0 0 0;
	text-align: center;
}
.genre_category_dim_ico{
	position: absolute;
	right: 16px;
	top: 50%;
	width: 14px;
	height: 14px;
	transform: translate(0,-50%);

}
.genre_category_dim_ico span{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.genre_category_dim_ico span:first-child {
	width: 100%;
	height: 2px;
	background-color: #fff;
	content: "";
}
.genre_category_dim_ico span:last-child {
	width: 2px;
	height: 100%;
	background-color: #fff;
	content: "";
}
#town-category-wrap .genre_category_dim a.on span:last-child {
	display: none;
}


@media screen and (min-width: 768px) {
  #town-category-wrap .genre_category_dim {
    display: none;
  }
}