@charset "Shift_JIS";

/* =================================================================================================
　永久不滅ポイントサイト - スタッフ注目のショップ6選
　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;
}

/* リセット */
#shops h1,#shops h2,#shops h3,#shops h4,#shops h5,#shops ul,#shops li,#shops dl,#shops dt,#shops dd,#shops p,#shops a,#shops strong,#shops address{
	margin:0; padding:0; text-align:left;
}
#shops ul,#shops li{
	list-style:none; list-style-position:inside; text-indent:0em;
}


#shops{
	min-width:950px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color:#333;
}


/* パンくずナビ */
#shops #breadCrumb{
	width:950px;
	margin:15px auto 15px;
}
#shops #breadCrumb li{
	display: inline;
	font-size:12px;
}
#shops #breadCrumb li strong{
	font-size:12px;
}
#shops #breadCrumb li a{
	color:#3399ff;
}

/* リンク（デフォルトは下線無し） */
#shops a{
	text-decoration:none;
	cursor:pointer;
}
#shops a:hover{
	text-decoration:underline;
}


/* リキッド */
.liquid{
	margin:0 auto;
	max-width:1260px;
}


#new_header{
	margin-bottom:0px !important;
}
#wrapper{
	padding-top:0px !important;
}
#container,
#contentWrapper,
#mainContent{
	width:100% !important;
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
}



/* ----------------------------------------------------------------------------
　背景
---------------------------------------------------------------------------- */
#wrapper{
}




/* ----------------------------------------------------------------------------
　メインエリア
---------------------------------------------------------------------------- */
#shops{
	padding:0px 0 30px;
	color:#333;
}
#shops h1{
	margin:0 auto 20px;
}
#shops h1 img{
	width:100%;
}
#shops .lead{
	text-align:center;
	color:#666;
	font-size:20px;
	line-height:160%;
	margin:0 auto 20px;
}


/* ----------------------------------------------------------------------------
　アンカー
---------------------------------------------------------------------------- */
#anchor{
	background-color:#f2f3f7;
	padding:10px 0 0;
}
#anchor ul{
	display:flex;
	flex-wrap:wrap; /* 折り返す */
	margin:0 auto;
}
#anchor ul li{
	width:32.8%;
	margin-right:0.8%;
	margin-bottom:10px;
}
#anchor ul li:nth-child(3n){
	margin-right:0%;
}

#anchor ul li a{
	display:flex;
	align-items : center;
	
	border:1px solid #dcdce8;
	
	background: url("/resources/common/pc/img/contents/extra/vc_staff/anchor_arrow.jpg") right 18px center no-repeat;
	background-color:#fff;
	
	color:#333;
	padding:10px;
	text-decoration:none !important;
}
#anchor ul li a:hover{
	opacity:0.8;
}
#anchor ul li a .icon{
	margin-right:10px;
}



/* ----------------------------------------------------------------------------
　各ショップ
---------------------------------------------------------------------------- */
#shops .shop{
	margin:0 auto;
	padding:40px 0 !important;
	opacity:0;
	position:relative;
	border-bottom:1px solid #ddd;
}

#shops .shop:last-child{
	border-bottom:none;
	padding:40px 0 0 !important;
}


#shops .shop.active{
	animation: shopAniime 0.5s ease-in-out .0s forwards;
}
@keyframes shopAniime{
	0%{
		opacity: 0;
		transform: translateY(-50px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}




#shops .shop .title_area_point{
	display:flex;
	justify-content : space-between;
	align-items : center;
	margin-bottom:15px;
}
#shops .shop .title_area{
	display:flex;
	align-items : center;
}
#shops .shop .title_area .logo{
	margin-right:20px;
}
#shops .shop .title_area h2{
	font-size:24px;
	font-weight:bold;
	color:#102091;
	margin-bottom:8px;
	display:inline-block;
	background: url("/resources/common/pc/img/contents/extra/vc_staff/title_arrow.jpg") right center no-repeat;
	padding-right:30px;
}

#shops .shop .point{
	display:flex;
	align-items : flex-end;
	font-weight:bold;
}
#shops .shop .point .eikyu{
	font-size:16px;
	font-weight:600;
	color:#666;
	margin-right:10px;
	position:relative;
	top:-5px;
}
#shops .shop .point .api_displaypoint{
	font-size:24px;
	line-height:110%;
	color:#666;
}
#shops .shop .point .api_displaypoint span{
	font-size:40px;
	line-height:110%;
	color:#df2824;
	margin:0 5px;
}


#shops .flex{
	display:flex;
	justify-content : space-between;
	margin-bottom:30px;
}

#shops .photo{
	width:46%;
	margin-right:30px;
}
#shops .photo img{
	width:100%;
}
#shops .photo a:hover{
	opacity:0.8;
}

#shops .copy{
	width:54%;
	margin-right:30px;
}
#shops .copy h3{
	font-size:18px;
	font-weight:bold;
	line-height:130%;
	margin-bottom:12px;
	color:#ffa804;
}
#shops .copy .text{
	color:#333;
	line-height:150%;
	margin-bottom:25px;
}

#shops .copy .product{
	background-color:#f2f3f7;
	padding:10px 10px 15px;
}
#shops .copy .product h4{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#11228a;
	margin-bottom:10px;
}
#shops .copy .product ul{
	width: 85%;
	display: flex;
	flex-wrap:wrap;
	margin: 0 auto;
}
#shops .copy .product ul li{
	width: 30%;
	margin: 0 5% 1rem 0;
}
#shops .copy .product ul li:nth-child(3n){
	margin: 0 0 1rem 0;
}
#shops .copy .product ul li a{
	display: block;
}
#shops .copy .product ul li a:hover{
	opacity: 0.8;
}
#shops .copy .product ul li img{
	width: 100%;
}

#shops .status{
	flex:0 0 330px; /* 倍率 */
	box-sizing:border-box;
	border:1px solid #ffa600;
}
#shops .status h3{
	background-color:#ffa600;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:120%;
	padding:7px 0;
	margin-bottom:10px;
}
#shops .status .text{
	text-align:center;
	font-size:14px;
	margin-bottom:30px;
}


/* グラフ */
.canvasChart{
	width:200px;
	margin:0 auto;
}
.canvasChart canvas{
	margin:0 auto;
}
.canvasChart .valName{
	color:#faa902;
	white-space:nowrap;
}


.canvasChart .valName1{
	top:-20px !important;
}
.canvasChart .valName2{
	left:200px !important;
}
.canvasChart .valName3{
	top:200px !important;
}
.canvasChart .valName4{
	top:200px !important;
}
.canvasChart .valName5{
	left:-45px !important;
}



#shops .meta{
	display:flex;
	justify-content : space-between;
	align-items : center;
	background-color:#f2f3f7;
	padding:10px;
}
#shops .meta ul{
	display:flex;
}
#shops .meta ul li{
	margin-right:10px;
}
#shops .meta ul li:last-child{
	margin-right:0px;
}
@media screen and (max-width: 1200px){
#shops .meta ul li{
	margin-right:5px;
}
}


#shops .meta ul li a{
	color:#333;
	font-size:12px;
}
#shops .meta .btn_detail{
	width:40%;
}
#shops .meta .btn_detail a{
	display:block;
	text-align:center;
	color:#fff;
	font-size:22px;
	font-weight:600;
	line-height:120%;
	padding:15px 0;
	
	background: url("/resources/common/pc/img/contents/extra/vc_staff/btn_detail_arrow.jpg") right 15px center no-repeat;
	background-color:#df2822;
	border-radius: 5px;
	text-decoration:none !important;
}
#shops .meta .btn_detail a:hover{
	opacity:0.8;
}


@media screen and (max-width: 1200px){
#shops .meta .btn_detail{
	width:29%;
}
#shops .meta .btn_detail a{
	font-size:18px;
}
}



/* ----------------------------------------------------------------------------
　次回更新
---------------------------------------------------------------------------- */
#shops .next_update{
	text-align:center;
	color:#df2822;
	background-color:#fff3f3;
	padding:20px 0;
	margin-top:40px;
	font-size:24px;
	line-height:120%;
}




/* ----------------------------------------------------------------------------
　ページTOP
---------------------------------------------------------------------------- */
.page_top{
	width:950px;
	margin:0 auto;
	text-align:right;
	background-color:#fff;
}