@charset "utf-8";


.contentsMenuSp,
.shopListBtnSp,
.shopListHeaderSp,
.shopSearchTitleSp,
.shopSearchNumberSp,
.shopListSelectMenuWrap,
.shopSearchKindSp,
.shopListHeaderCheckedSp{
	display:none;
}



@media (max-width: 768px){
	h2{
		text-align:center;
	}
	.headerLogo{
		display:inline-block;
	}
	.headerLogo img{
		width:107px;
	}

	.primaryContentsR{
		width:auto;
		float:none;
	}
	.contents {
		padding: 53px 20px 20px 20px;
	}
	.headerWrapLogin{
		position: fixed;
		z-index: 130;
		background: #fff;
		width: 100%;
	}
	input[type=submit], button {
		min-width:80px;
		padding: 3px 10px 2px 10px;
	}
	.spHeaderMenuAlertNum{
		position:absolute;
		top:15px;
		right:10px;
		width:20px;
		color:#fff;
		border-radius:10px;
		display:inline-block;
		background:#f00;
	}
	/*************************************/
	/* Form */
	/*************************************/
	input[type=text].long, input[type=password].long{
		width:auto;
	}




	/*************************************/
	/* マイページ */
	/*************************************/
	.contentsMenu{
		display:none;
	}
	.contentsMenuSp{
		display:block;
	}
	.mypageShopBtn, .mypageWorldBtn, .mypageOtherBtn, .mypageMediaBtn{
		background-size:cover;
		background-position:center;
		background-image: url("../img/btn_shop_1_off_s@2x.png");
		width:315px;
		height:72px;
		display:block;
		margin:0 auto;
		margin-bottom:10px;
	}
	.mypageWorldBtn{
		background-image: url("../img/btn_shop_2_off_s@2x.png");
	}
	.mypageOtherBtn{
		background-image: url("../img/btn_shop_3_off_s@2x.png");
	}
	.mypageMediaBtn{
		background-image: url("../img/btn_shop_4_off_s@2x.png");
	}
	.mypageShopBtn:hover{
		background-image: url("../img/btn_shop_1_on_s@2x.png");
	}
	.mypageWorldBtn:hover{
		background-image: url("../img/btn_shop_2_on_s@2x.png");
	}
	.mypageOtherBtn:hover{
		background-image: url("../img/btn_shop_3_on_s@2x.png");
	}
	.mypageMediaBtn:hover{
		background-image: url("../img/btn_shop_4_on_s@2x.png");
	}
	.mypageMylistBtn, .mypageExhibitionBtn, .mypageSpaceBtn, .mypagePartnerBtn, .mypageInquireBtn,
	 .mypageDmdateBtn, .mypageAccountBtn{
		background-size:cover;
		background-position:center;
		background-image: url("../img/btn_menu_1_off_s@2x.png");
		width:316px;
		height:52px;
		display:block;
		margin:0 auto;
		margin-bottom:10px;
	}
	.mypageExhibitionBtn{
		background-image: url("../img/btn_menu_2_off_s@2x.png");
	}
	.mypageSpaceBtn{
		background-image: url("../img/btn_menu_3_off_s@2x.png");
	}
	.mypagePartnerBtn{
		background-image: url("../img/btn_menu_4_off_s@2x.png");
	}
	.mypageInquireBtn{
		background-image: url("../img/btn_menu_6_off_s@2x.png");
	}
  .mypageDmdateBtn{
    background-image: url("../img/btn_menu_7_off_s@2x.png");
  }
	.mypageAccountBtn{
		background-image: url("../img/btn_menu_5_off_s@2x.png");
	}
	.mypageMylistBtn:hover{
		background-image: url("../img/btn_menu_1_on_s@2x.png");
	}
	.mypageExhibitionBtn:hover{
		background-image: url("../img/btn_menu_2_on_s@2x.png");
	}
	.mypageSpaceBtn:hover{
		background-image: url("../img/btn_menu_3_on_s@2x.png");
	}
	.mypagePartnerBtn:hover{
		background-image: url("../img/btn_menu_4_on_s@2x.png");
	}
	.mypageInquireBtn:hover{
		background-image: url("../img/btn_menu_6_on_s@2x.png");
	}
  .mypageDmdateBtn:hover{
    background-image: url("../img/btn_menu_7_on_s@2x.png");
  }
	.mypageAccountBtn:hover{
		background-image: url("../img/btn_menu_5_on_s@2x.png");
	}
	.blogListWrap{
		display:block;
	}
	.mypageBlogWrap{
	 text-align:center;
	}
	.mypageBlog{
    margin:10px;
    float:none;
    display:inline-block;
  }
	.infoList{
		padding:0 10px;
	}

	a.mypageBtn2Sp{
	  background-size: auto 50px;
    background-position:20px 0px;
    background-image: url(../img/btn_menu_1_sp.png);
    background-repeat:no-repeat;
    width: 286px;
    height: 37px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    border:1px solid #a7a7a7;
    border-radius:4px;
    color:#4d4d4d;
    text-align:right;
    font-size:14px;
    font-weight:bold;
    padding:15px 30px 0 0;
	}
	a.mypageBtn2Sp:hover{
	 text-decoration:none;
	}
	a.mypageBtn2Sp2{
    background-image: url(../img/btn_dm_sp.png);
	}
  a.mypageBtn2Sp3{
    background-image: url(../img/btn_dem_sp.png);
  }
  a.mypageBtn2Sp4{
    background-image: url(../img/btn_menu_7_sp.png);
  }
  a.mypageBtn2Sp5{
    background-image: url(../img/btn_menu_6_sp.png);
  }
  a.mypageBtn2Sp6{
    background-image: url(../img/btn_oshirase_sp.png);
  }
  a.mypageBtn2Sp7{
    background-image: url(../img/btn_menu_5_sp.png);
  }




	/*************************************/
	/* ショップ検索 */
	/*************************************/
	.shopSearchConditionWrap{
		position:absolute;
		top:0;
		left:0;
		padding:30px 20px;
		width:100%;
		box-sizing:border-box;
		min-width: 320px;
	}
	.spShopSearchCover{
		display:none;
		position:fixed;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:black;
		opacity:0.60;
		filter:alpha(opacity=60);
		z-index:130;
	}
	.shopSearchCondition{
		display:none;
		position:relative;
		background:#fff;
		z-index:131;
		border:1px solid  #929292;
	}



	.shopListTitleWrap{
		display:block;
	}
	.shopListTitleWrap h1{
		text-align:center;
		margin:30px 0;
	}
	.shopListHeaderWrap{
		margin-top:0px;
		padding-top:10px;
		border-bottom: none;
	}
	.shopListHeader{
		text-align:center;
	}
	.shopListHeaderFixed .shopListHeader{
		text-align:center;
		display:block;
		width:auto;
		padding:0 20px 10px 20px;
	}
	.shopListHeader button, .shopListHeader input[type="submit"], .shopListHeader .button,
	.shopListHeaderSp button{
		padding:10px 0 8px 0;
		width:48%;
		margin:0;
	}
	.shopListWrap{
		border-bottom:1px solid #929292;
	}
	.shopList{
		display:block;
	}
	.shopListImg img{
		width:100px;
	}
	.shopListImg{
		float:left;
		margin-right:10px;
	}
	.shopListTel{
		display:block;
		margin-left:0px;
	}
	.shopListCheck{
		display:inline-block;
		float:left;
		margin-right:10px;
	}
	.shopListDetail{
		display:none;
	}
	.shopListBottom{
		margin:5px 0 0 0;
	}
	.shopListWrap:nth-child(even) {
    background: #fff;
	}
	.shopListBottom span{
		font-size:10px;
	}
	.shopListBtnSp{
		display:block;
		margin-top:10px;
	}
	.shopListLinkBtnSp{
		width:54px;
		margin-right:5px;
	}

	.shopListTitleWrap .spPaging .prev {
		margin-left: 0px;
	}
	.shopListTitleWrap .spPaging .next {
		margin-right: 0px;
	}
	.shopListHeaderInner, .shopListHeaderLogo{
		display:none;
	}
	.shopListHeaderFixed{
		top:45px;
		z-index:110;
	}
	.shopListHeaderFixed .shopListHeaderLogo{
		display:none;
	}
	.shopListHeaderSp{
		display:block;
		min-width: 320px;
	}
	.shopListHeaderCheckedSp{
		font-size:12px;
		color:#f00;
		display:block;
		margin:5px 0;
	}

	.spShopListCoverWrap{
		position:absolute;
		top:0;
		left:0;
		padding:30px 20px;
		width:100%;
		box-sizing:border-box;
		min-width: 320px;
	}
	.spShopListCover{
		display:none;
		position:fixed;
		top:0;
		left:0;
		height:100%;
		width:100%;
		background:black;
		opacity:0.60;
		filter:alpha(opacity=60);
		z-index:130;
	}
	.shopSearchNumber, .shopSearchTitle{
		display:none;
	}
	.shopSearchTitleSp{
		display:block;
		background:#4d4d4d;
		margin:0;
		color:#fff;
		font-size:15px;
		padding:5px 0 3px 0;
		position:relative;
	}
	.shopSearchNumberSp{
		display:block;
	}
	.shopSearchKindSp{
		display:block;
		margin-bottom:5px;
	}
	.shopSearchKindSp a{
		display: inline-block;
		background: #4d4d4d;
		border-radius: 3px;
		padding: 3px 10px 1px 10px;
		font-size: 12px;
		color: #fff;
		margin: 1px 0 0 5px;
	}
	.shopSearchKindSp a.now {
	  background:#e99896;
	  color:#fff;
	}
	.shopSearchKindSp a:hover{
		text-decoration:none;
		opacity:0.8;
	}
	.shopSearchKindSp a.now:hover {
		opacity:1;
	}
	.shopListSelectMenuWrap{
		display:none;
		position:relative;
		background:#fff;
		z-index:131;
		border:1px solid  #929292;
	}
	.shopListSelectMenuTitlte{
		background:#4d4d4d;
		text-align:center;
		padding:5px 0 3px 0;
		font-size:15px;
		color:#fff;
	}
	.shopListSelectMenu{
		padding:0;
		list-style:none;
	}
	.shopListSelectMenu li{
		display:block;
		border-bottom:1px solid #4d4d4d;
	}
	.shopListSelectMenuBtn, a.shopListSelectMenuBtn{
		display:block;
		background:#fff;
		color:#333333;
		width:100%;
		border-radius:0;
		margin:0;
		padding:10px 0 8px 20px;
		box-sizing:border-box;
		text-align:left;
		font-size:13px;
	}
	.shopListSelectMenu li select{
		margin:10px 0 0 20px;
		padding:3px 5px 7px 5px;
	}
  .shopListSelectMenu li input[type=text]{
    margin:15px 0 0 20px;
    padding:6px 5px 6px 5px;
    display:inline-block;
  }
	.slistLoading{
		height:21px;
		margin-bottom:10px;
		padding:10px 20px;
	}
	.shopSearchClose{
		position:absolute;
		right:10px;
		top:8px;
		background-image: url("../img/shop_sezrch_close.png");
		background-size:20px;
		height:20px;
		width:20px;
		display:inline-block;
	}
	.shopSearchClose:hover{
		cursor:pointer;
	}
	.shopListHeaderFixed{
//		box-shadow:none;
//		-webkit-box-shadow:none;
	}

	.shopListSearchWrap{
		padding: 10px 5px;
	}
}

/*************************************/
/* パートナー検索 */
/*************************************/
.partnerHeaderSp{
	display:none;
}


@media (max-width: 768px){
	.partnerHeaderSp{
		display:block;
		padding:0 10px;
	}
	.partnerHeaderSpBtn{
		width:100%;
		box-sizing:border-box;
		background: #404040;
		padding:10px 0;
	}
	.partnerBlock{
		display:block;
		padding:20px 10px;
		border-bottom:1px solid #929292;
		margin:10px 0;
	}
	.partnerBlockBody{
		min-height:auto;
		padding-bottom:10px;
	}
	.partnerBlockDetail{
		padding-top:10px;
	}
	.partnerBlockDetail a{
		width:100%;
		box-sizing:border-box;
	}
	.partnerBlock:nth-child(odd){
		background:#fff;
	}
	.partnerHeaderFixed{
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		background: #fff;
		margin: 0;
		padding:10px 30px;
		box-sizing:border-box;
		box-shadow: 0px 0px 11px 0px #ccc;
		-moz-box-shadow: 0px 0px 11px 0px #ccc;
		-webkit-box-shadow: 0px 0px 11px 0px #ccc;
		z-index: 120;
	}
	.partnerSelectWrap{
		background: #fff;
		padding: 0;
	}
	.partnerSelectWrap .shopListLink{
		margin:0;
	}
	.partnerSelectWrap .shopListLink li{
		border-bottom:1px solid #929292;
	}
	.partnerSelectWrap .shopListLink li a{
		margin:0;
		padding: 10px 20px 8px 20px;
	}
	.partnerBlockImg a, .partnerBlockImg img {
		width:auto;
	}
}


/*************************************/
/* ブランド検索 */
/*************************************/
@media (max-width: 768px){
	.brandSelect span, .brandSelect a{
		width:50px;
	}
	.brandBlock{
		overflow:hidden;
	}

}

/*************************************/
/* アカウント */
/*************************************/
@media (max-width: 768px){
	.tableBlockWrapB{
		display:block;
	}
	.tableBlockTh{
		font-weight:bold;
	}
	.tableBlockWrap{
		display:block;
	}
	.contentsMenuAccount{
		display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
	}
	.contentsMenuCol{
		flex:1;
		margin:0 5px;
	}
}