
@charset "Shift_JIS";

/* =================================================================================================
　永久不滅ポイントサイト - ショップを探す
　https://www.a-q-f.com/
　Copyright (C) CREDIT SAISON CO.,LTD. All Right Reserved.
====================================================================================================

　【目次】

================================================================================================= */

body{margin:0;padding:0;}

/* ----------------------------------------------------------------------------
　clearfix
---------------------------------------------------------------------------- */
.clearfix{display: inline-block;}
/* Exclude Mac IE \*/
.clearfix{display: block;}
/**/
.clearfix:after{content:".";display:block;clear:both;height:0;visibility: hidden;}

/* ----------------------------------------------------------------------------
　テキストサイズ
---------------------------------------------------------------------------- */
.text9{font-size:9px;} .text10{font-size:10px;} .text11{font-size:11px;} .text12{font-size:12px;} .text13{font-size:13px;} .text14{font-size:14px;} .text15{font-size:15px;} .text16{font-size:16px;} .text17{font-size:17px;} .text18{font-size:18px;} .text19{font-size:19px;} .text20{font-size:20px;} .text21{font-size:21px;} .text22{font-size:22px;} .text23{font-size:23px;} .text24{font-size:24px;} .text25{font-size:25px;} .text26{font-size:26px;} .text27{font-size:27px;} .text28{font-size:28px;} .text29{font-size:29px;} .text30{font-size:30px;} .text31{font-size:31px;} .text32{font-size:32px;} .text33{font-size:33px;} .text34{font-size:34px;} .text35{font-size:35px;} .text36{font-size:36px;} .text37{font-size:37px;} .text38{font-size:38px;} .text39{font-size:39px;} .text40{font-size:40px;} .text41{font-size:41px;} .text42{font-size:42px;} .text43{font-size:43px;} .text44{font-size:44px;} .text45{font-size:45px;} .text46{font-size:46px;} .text47{font-size:47px;} .text48{font-size:48px;} .text49{font-size:49px;} .text50{font-size:50px;}

/* ----------------------------------------------------------------------------
　下マージン
---------------------------------------------------------------------------- */
.sp_btm5{margin-bottom:5px !important;} .sp_btm10{margin-bottom:10px !important;} .sp_btm15{margin-bottom:15px !important;} .sp_btm20{margin-bottom:20px !important;} .sp_btm25{margin-bottom:25px !important;} .sp_btm30{margin-bottom:30px !important;} .sp_btm35{margin-bottom:35px !important;} .sp_btm40{margin-bottom:40px !important;} .sp_btm45{margin-bottom:45px !important;} .sp_btm50{margin-bottom:50px !important;} .sp_btm60{margin-bottom:60px !important;} .sp_btm70{margin-bottom:70px !important;}


/* ----------------------------------------------------------------------------
　ページスタイル
---------------------------------------------------------------------------- */

/* ページ背景色 */
.page{
	background-color:#fff;
}

/* リセット */
#new_search h1,#new_search h2,#new_search h3,#new_search h4,#new_search h5,#new_search ul,#new_search li,#new_search dl,#new_search dt,#new_search dd,#new_search p,#new_search a,#new_search strong,#new_search address{
	margin:0; padding:0; text-align:left;
}
#new_search ul,#new_search li{
	list-style:none; list-style-position:inside; text-indent:0em;
}

#new_search{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color:#333;
}


/* パンくずナビ */
#new_search #breadCrumb{
	width:950px;
	margin:15px auto 15px;
	/*display:none;*/
}
#new_search #breadCrumb li{
	display: inline;
	font-size:12px;
}
#new_search #breadCrumb li strong{
	font-size:12px;
}
#new_search #breadCrumb li a{
	color:#3399ff;
}

/* リンク（デフォルトは下線無し） */
#new_search a{
	text-decoration:none;
	cursor:pointer;
}
#new_search a:hover{
	text-decoration:underline;
}


/* リキッド */
.liquid{
	margin:0 auto;
}

#wrapper{
	padding-top:0px !important;
}
#container,
#contentWrapper,
#mainContent{
	width:100% !important;
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
}



#new_search{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	position:relative;
	z-index:2;
	margin:0 auto;
}



/* ----------------------------------------------------------------------------
　タイトルエリア
---------------------------------------------------------------------------- */
#title_area{
	min-width:950px;
	padding-top:50px;
}
#title_area h1{
	text-align:center;
	margin-bottom:50px;
}
#title_area h1 span{
	background:url("/common/pc/img/shopping/wadai-shop/title.png") 0 0 no-repeat;
	padding:15px 0 0 85px;
	color:#10218c;
	font-size:36px;
	font-weight:bold;
	min-height:59px;
	line-height:120%;
	display:inline-block;
}


/* ----------------------------------------------------------------------------
　ショップ検索
---------------------------------------------------------------------------- */
#search{
	width:925px;
	margin:0 auto 60px;
	position:relative;
}
#search h2{
	font-size:24px;
	text-align:center;
	margin-bottom:20px;
}

/* 検索エリア */
#shop_search{
	width:725px;
	box-sizing:border-box;
	background-color:#e5eef5;
	padding:9px;
	margin-bottom:20px;
	border-radius: 10px;
}
#shop_search_text{
	width:487px;
	height:59px;
	padding:0 10px;
	background:none;
	border:1px solid #7a88c0;
	border-right:none;
	background-color:#fff;
	color:#999;
	font-size:14px;
	line-height:120%;
	box-sizing:border-box;
	border-radius: 3px 0 0 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#shop_search_text.search_text_on{
	color:#333;
}
#shop_search_submit{
	border:none;
	background:none;
	width:220px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color:#fff;
	text-align:left;
	font-size:14px;
	box-sizing:border-box;
	padding-left:65px;
	height:59px;
	cursor:pointer;
	transition: 0.2s ease-in-out;
	background:url("/common/pc/img/shopping/wadai-shop/shop_search_submit.png") 0 0 no-repeat;
}
#shop_search_submit:hover{
	opacity:0.8;
}
#search .btn_genre a{
	width:176px;
	height:59px;
	display:block;
	background:url("/common/pc/img/shopping/wadai-shop/shop_search_btn_genre.png") 0 0 no-repeat;
	position:absolute;
	top:9px;
	right:0px;
	font-size:16px;
	line-height:59px;
	color:#000;
	text-decoration:none;
	box-sizing:border-box;
	padding-left:42px;
	transition: 0.2s ease-in-out;
}
#search .btn_genre a:hover{
	opacity:0.8;
}


/* 人気検索ワード */
#search .popular{
	font-size:16px;
	line-height:120%;
}
#search .popular dt{
	width:160px;
	float:left;
	color:#666;
}
#search .popular dd{
	width:765px;
	float:left;
}
#search .popular dd ul li{
	display:inline-block;
	margin:0 15px 15px 0;
}
#search .popular dd ul li a{
	background:url("/common/pc/img/shopping/wadai-shop/search_arrow.png") right center no-repeat;
	padding-right:13px;
	color:#10228c;
}

#search .other_link{
	margin-top:20px;
	text-align:center;
}
#search .other_link li{
	display:inline-block;
	vertical-align:top;
	margin-right:45px;
}
#search .other_link li:last-child{
	margin-right:0px;
}

#search .other_link li a{
	font-size:14px;
	line-height:120%;
	box-sizing:border-box;
	padding:2px 0 2px 27px;
	color:#10228c;
}
#search .other_link li a span{
	background:url("/common/pc/img/shopping/wadai-shop/search_arrow.png") right center no-repeat;
	padding-right:15px;
}
#search .btn_product a{
	background:url("/common/pc/img/shopping/wadai-shop/search_btn_product.png") 0 center no-repeat;
}
#search .btn_shop a{
	background:url("/common/pc/img/shopping/wadai-shop/search_btn_shop.png") 0 center no-repeat;
}
#search .btn_new a{
	background:url("/common/pc/img/shopping/wadai-shop/search_btn_new.png") 0 center no-repeat;
}
#search .btn_up a{
	background:url("/common/pc/img/shopping/wadai-shop/search_btn_up.png") 0 center no-repeat;
}



/* ----------------------------------------------------------------------------
　ジャンルから探す（モーダル）
---------------------------------------------------------------------------- */
#genre_bg{
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.6);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	display:none;
}

#genre{
	width:950px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:101;
	visibility:hidden;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#genre .inner{
	width:100%;
	padding:30px 40px 10px;
	border-radius: 3px;
	border:1px solid #7a88c0;
	box-sizing:border-box;
	background-color:#fff;

	box-shadow: 0px 5px 20px 0px #999; /* CSS3 */
	transition: 0.4s ease-in-out;
	transform: translateY(-100px);
}
#genre .inner.animeted{
	transform: translateY(0px);
}

#genre h2{
	font-size:24px;
	text-align:center;
	margin-bottom:45px;
}

#genre .list{
	margin-bottom:20px;
}
#genre .list li{
	float:left;
	width:276px;
	margin:0 20px 15px 0;
	font-size:12px;
	line-height:120%;
}
#genre .list li a{
	font-size:14px;
	line-height:120%;
	color:#10228c;
	text-decoration:none;
	padding:4px 0 4px 30px;
	display:inline-block;
}
#genre .list li a:hover{
	text-decoration:underline;
}
#genre .list .icon01{background:url("/common/pc/img/shopping/wadai-shop/genre_icon01.png") 0 center no-repeat;}
#genre .list .icon02{background:url("/common/pc/img/shopping/wadai-shop/genre_icon02.png") 0 center no-repeat;}
#genre .list .icon03{background:url("/common/pc/img/shopping/wadai-shop/genre_icon03.png") 0 center no-repeat;}
#genre .list .icon04{background:url("/common/pc/img/shopping/wadai-shop/genre_icon04.png") 0 center no-repeat;}
#genre .list .icon05{background:url("/common/pc/img/shopping/wadai-shop/genre_icon05.png") 0 center no-repeat;}
#genre .list .icon06{background:url("/common/pc/img/shopping/wadai-shop/genre_icon06.png") 0 center no-repeat;}
#genre .list .icon07{background:url("/common/pc/img/shopping/wadai-shop/genre_icon07.png") 0 center no-repeat;}
#genre .list .icon08{background:url("/common/pc/img/shopping/wadai-shop/genre_icon08.png") 0 center no-repeat;}
#genre .list .icon09{background:url("/common/pc/img/shopping/wadai-shop/genre_icon09.png") 0 center no-repeat;}
#genre .list .icon10{background:url("/common/pc/img/shopping/wadai-shop/genre_icon10.png") 0 center no-repeat;}
#genre .list .icon11{background:url("/common/pc/img/shopping/wadai-shop/genre_icon11.png") 0 center no-repeat;}
#genre .list .icon12{background:url("/common/pc/img/shopping/wadai-shop/genre_icon12.png") 0 center no-repeat;}
#genre .list .icon13{background:url("/common/pc/img/shopping/wadai-shop/genre_icon13.png") 0 center no-repeat;}
#genre .list .icon14{background:url("/common/pc/img/shopping/wadai-shop/genre_icon14.png") 0 center no-repeat;}

#genre .list li:nth-child(3n){
	margin:0 0 20px 0;
}

#genre .list li a span{
	background:url("/common/pc/img/shopping/wadai-shop/genre_arrow.png") right center no-repeat;
	padding:0 15px 0 0;
}

#genre .btn_close a{
	position:absolute;
	top:10px;
	right:15px;
	padding:5px 30px 5px 0;
	color:#10228c;
	font-size:14px;
	line-height:120%;
	text-decoration:none;
	background:url("/common/pc/img/shopping/wadai-shop/genre_btn_close.png") right center no-repeat;
	display:inline-block;
}
#genre .btn_close a:hover{
	text-decoration:underline;
}



/* ----------------------------------------------------------------------------
　今話題のショップ
---------------------------------------------------------------------------- */
#topic h2{
	font-size:30px;
	font-weight:normal;
	line-height:120%;
	color:#ffa800;
	text-align:center;
	padding-bottom:55px;
	margin-bottom:40px;
	background:url("/common/pc/img/shopping/wadai-shop/topic_title.png") center bottom no-repeat;
}


/* 1件分 */
#topic .shop_block2{
	margin-bottom:70px;
}
#topic .shop_block2 .title_area{
	padding:0 0 0 130px;
	position:relative;
	margin-bottom:20px;
}
#topic .shop_block2 .title_area .logo{
	position:absolute;
	top:3px;
	left:10px;
}
#topic .shop_block2 .title_area h3{
	position:relative;
	display:inline-block;
	margin-bottom:10px;
	padding-right:85px;
}
#topic .shop_block2 .title_area h3 a{
	font-size:24px;
	font-weight:bold;
	line-height:120%;
	color:#10228c;
	background:url("/common/pc/img/shopping/wadai-shop/topic_title_arrow.png") right center no-repeat;
	padding-right:20px;
}
#topic .shop_block2 .title_area h3 img{
	position:absolute;
	top:-2px;
	right:0px;
}
#topic .shop_block2 .title_area .text{
	font-size:12px;
	color:#666;
}
#topic .shop_block2 .capture{
	width:32.6433121%;
	float:left;
	margin-right:1.5%;
}
#topic .shop_block2 .capture a{
	display:block;
	height:330px;
	overflow:hidden;
	border:1px solid #d6d6d6;
	transition: 0.2s ease-in-out;
}
#topic .shop_block2 .capture a:hover{
	opacity:0.8;
}
#topic .shop_block2 .capture img{
	width:100%;
	box-sizing:border-box;
}
#topic .shop_block2 .outline{
	width:32.08598726%;
	float:left;
	padding-top:10px;
}
#topic .shop_block2 .outline h4{
	font-size:18px;
	font-weight:bold;
	margin-bottom:18px;
	color:#ffa700;
	padding:0 0 0 5px;
}
#topic .shop_block2 .outline .text{
	font-size:14px;
	line-height:150%;
	color:#666;
	margin-bottom:30px;
	padding:0 0 0 5px;
}


/* スライダー部分 */
#topic .shop_block2 .slider_wrapper{
	position:relative;
}
#topic .shop_block2 .slider_wrapper{display: inline-block;}
/* Exclude Mac IE \*/
#topic .shop_block2 .slider_wrapper{display: block;}
/**/
#topic .shop_block2 .slider_wrapper:after{content:".";display:block;clear:both;height:0;visibility: hidden;}


/* 送りボタン */
#topic .shop_block2 .btn_slide_left,
#topic .shop_block2 .btn_slide_right{
	width:20px;
	height:100%;
	position:absolute;
	top:0px;
	transition: 0.2s ease-in-out;
	cursor:pointer;
	z-index:2;
	display:none;
}
#topic .shop_block2 .slider_wrapper:hover .btn_slide_left,
#topic .shop_block2 .slider_wrapper:hover .btn_slide_right{
	display:block;
}

#topic .shop_block2 .btn_slide_left{
	left:0px;
	background:url("/common/pc/img/shopping/wadai-shop/topic_btn_slide_left.png") center center no-repeat;
	background-color:#888;
	opacity:0.5;
}
#topic .shop_block2 .btn_slide_right{
	right:0px;
	background:url("/common/pc/img/shopping/wadai-shop/topic_btn_slide_right.png") center center no-repeat;
	background-color:#888;
	opacity:0.5;
}
#topic .shop_block2 .btn_slide_left:hover,
#topic .shop_block2 .btn_slide_right:hover{
}

#topic .shop_block2 .slider{
	position:relative;
	width:100%;
	overflow:hidden;
	margin:0 auto;
}
#topic .shop_block2 .slider ul{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	white-space:nowrap;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

#topic .shop_block2 .slider li{
	width:29.77667493%;
	display:inline-block;
	text-align:center;
	margin-right:5%;
	box-sizing:border-box;
	vertical-align:top;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#topic .shop_block2 .slider li:last-child{
	margin-right:0px;
}
#topic .shop_block2 .slider li img{
	box-sizing:border-box;
	border:1px solid #cfd3e8;
	width:100%;
	height:auto;
}
#topic .shop_block2 .slider li a{
	color:#666;
}
#topic .shop_block2 .slider li a span{
	font-size:12px;
	line-height:150%;
	display:block;
	margin:7px 3px 0;
	white-space:normal;
}
#topic .shop_block2 .slider li a:hover{
	opacity:0.8;
}


#topic .shop_block2 .point{
	width:32.6433121%;
	float:right;
	padding-top:10px;
}
#topic .shop_block2 .point .point_pow{
	margin-bottom:10px;
	padding-left:15px;
}

#topic .shop_block2 .point .point_pow{display: inline-block;}
/* Exclude Mac IE \*/
#topic .shop_block2 .point .point_pow{display: block;}
/**/
#topic .shop_block2 .point .point_pow:after{content:".";display:block;clear:both;height:0;visibility: hidden;}


#topic .shop_block2 .point .point_pow img{
	width:34.00503778%;
	float:left;
	position:relative;
}
#topic .shop_block2 .point .point_pow.coin img{
	top:37px;
}

#topic .shop_block2 .point .point_pow.coin .point_pow_label{
	display: block;
	width: 30%;
	height: 17px;
	float: left;
	position: relative;
	border: 1px solid #0f218b;
	top: 37px;
	text-align: center;
	padding: 6px 0 4px 0;
	margin-right: 5px;
}
@media screen and (max-width:1100px){
#topic .shop_block2 .point .point_pow.coin .point_pow_label{
	top:32px;
}
}




#topic .shop_block2 .point .point_pow .point_pow_txt{
	width:64.4836272%;
	float:left;
	padding-top:5px;

}
#topic .shop_block2 .point .point_pow .point_pow_txt .eikyu{
	margin-bottom:5px;
	display:block;
}
#topic .shop_block2 .point .point_pow .point_pow_txt .eikyu img{
	width:auto;
	float:none;
	top:0px;
}
#topic .shop_block2 .point .point_pow .point_pow_txt .point_txt{
	display:block;
	font-size:25px;
	font-weight:bold;
	line-height:120%;
	color:#666;
}
#topic .shop_block2 .point .point_pow .point_pow_txt .point_txt span{
	font-size:43px;
	line-height:120%;
	color:#ff0000;
}


/* 1200px以下 */
@media print, screen and (max-width:1200px){
#topic .shop_block2 .point .point_pow .point_pow_txt .point_txt{
	font-size:21px;
}
#topic .shop_block2 .point .point_pow .point_pow_txt .point_txt span{
	font-size:39px;
}
}

/* 1100px以下 */
@media print, screen and (max-width:1100px){
#topic .shop_block2 .point .point_pow .point_pow_txt .point_txt{
	font-size:16px;
}
#topic .shop_block2 .point .point_pow .point_pow_txt .point_txt span{
	font-size:34px;
}
}


#topic .shop_block2 .point .btn_shop{
	margin-top:30px;
}
#topic .shop_block2 .point .btn_shop a{
	display:block;
	text-align:center;
	color:#fff;
	background-color:#df2822;
	border-radius: 4px;
	padding:20px 0;
	font-weight:bold;
	font-size:24px;
	line-height:120%;
	transition: 0.2s ease-in-out;
}
#topic .shop_block2 .point .btn_shop a span{
	font-size:14px;
	font-weight:normal;
	line-height:120%;
	display:block;
	margin-bottom:3px;
}
#topic .shop_block2 .point .btn_shop a:hover{
	text-decoration:none;
	opacity:0.8;
}
#topic .shop_block2 .point .attention{
	text-align:center;
	font-size:12px;
	line-height:150%;
	color:#666;
	margin-top:10px;
}
#topic .shop_block2 .point .attention ul li{
	text-align:center;
}
#topic .shop_block2 .point .attention a{
	color:#666;
}









