
@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;
}

/* リセット 
#furusato h1,#furusato h2,#furusato h3,#furusato h4,#furusato h5,#furusato ul,#furusato li,#furusato dl,#furusato dt,#furusato dd,#furusato p,#furusato a,#furusato strong,#furusato address{
	margin:0; padding:0; text-align:left;
}*/
#furusato ul,#furusato li{
	list-style:none; list-style-position:inside; text-indent:0em;
}


#furusato{
	min-width:950px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color:#333;
}


/* パンくずナビ */
#furusato #breadCrumb{
	width:950px;
	margin:0 auto 15px;
	display:none;
}
#furusato #breadCrumb li{
	display: inline;
	font-size:12px;
}
#furusato #breadCrumb li strong{
	font-size:12px;
}
#furusato #breadCrumb li a{
	color:#3399ff;
}

/* リンク（デフォルトは下線無し） */
#furusato a{
	text-decoration:underline;
	cursor:pointer;
	color: #333;
}
#furusato a:hover{
	
	color: #3399ff;
}


/* リキッド */
.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{
	/*background:url("https://www.a-q-f.com/common/pc/img/contents/extra/furusato/main_area_bg.jpg") center -70px no-repeat;*/
	background:url("/common/pc/img/contents/extra/furusato/main_area_bg.jpg") center -70px no-repeat;
	padding-bottom:0px !important;
}


/* ----------------------------------------------------------------------------
　メインエリア
---------------------------------------------------------------------------- */
#furusato #main_area{
	padding:20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#furusato #main_area h1{
	
}
#furusato #main_area .off {
	display: none;
}



/* ----------------------------------------------------------------------------
　ショップリスト
---------------------------------------------------------------------------- */
#shoplist  {
	background-color: #fff;
	padding: 30px 0;
}

#shoplist .shopContents {
	
    padding: 25px 0;
    background: #f5f5f5;
	width: 1000px;
	margin: 0px auto;
	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	-ms-flex-wrap: wrap;

  flex-wrap: wrap;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;
}



/* shopContent */

#shoplist .shopContent {
position: relative;
	width: 280px;

	margin-left: 10px;

	padding: 26px 15px;

	background: #FFFFFF;

	text-align: center;

}

#shoplist .shopContent:nth-child(3n+1) {

	margin-left: 0;

}

#shoplist .shopContent:nth-child(n+4) {

	margin-top: 14px;

}

#shoplist .shopContentInner > a {

	color: #365c95;

}
#shoplist .shopInfo dd {

	display: table;

	width: 100%;

	height: 62px;

}

#shoplist .shopInfo .api_shopname {

	padding: 14px 0 0;

	font-size: 14px;

	text-decoration: underline;

}

#shoplist .shopInfo .api_shopname:hover {

	text-decoration: none;

}



/* point */

#shoplist .point {

	padding: 14px 20px;

	background: #f9f9f9;

}

#shoplist .point .tit,

#shoplist .pointInner .api_displaypoint,

#shoplist .pointInner ul li {

	color: #333;

	font-size: 12px;

	font-weight: 500;

}

#shoplist .pointInner .api_displaypoint {

    color: #b90000;

    font-size: 13px;

}

#shoplist .point .tit {

	padding-bottom: 8px;

	border-bottom: 1px solid #b0b0b0;

}

#shoplist .pointInner {

	width: 200px;

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin: 0 auto;

	padding-top: 14px;

}

#shoplist .pointInner .api_displaypoint span {

	font-size: 22px;

    font-weight: bold;

}

#shoplist .pointInner ul li span {

	color: #b90000;

	font-weight: 900;

}

#shoplist .pointInner ul li span strong {

	font-size: 20px;

	font-weight: 900;

}

#shoplist .point.normal .pointInner {

	webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

}

#shoplist .point.normal .pointInner .api_displaypoint {

	font-size: 13px;

}

#shoplist .point.normal .pointInner .api_displaypoint span {

	font-size: 20px;

}



/* shopAttention */

#shoplist .shopAttention {

	padding-top: 14px;

	font-size: 10px;

}

#shoplist .shopAttention p + p {

	padding-top: 5px;

}

#shoplist .shopAttention p a {

	color: #7d7d7d;

	text-decoration: underline;

}

#shoplist .shopAttention p a:hover {

	color: #7d7d7d;

	text-decoration: none;

}


p.Attention {
    background-color: #fff;
    padding: 70px 0 0;
    margin: 0px auto;
    text-align: center;
    width: 100%;
}

/* ----------------------------------------------------------------------------
　ポイント
---------------------------------------------------------------------------- */
#shoplist p.api_normalmaxpoint {
    display: none;
    
	}
#shoplist p.api_normalmaxpoint.has_sale {

    display: inline;

    margin: 0 6px 0 0;

    padding: 7px 12px 0 0;

    background: url(/common/pc/img/contents/extra/furusato/arr_point.png) no-repeat right top 8px /12%;

}
#shoplist p.pointup_day {
    width: auto;
    text-align: center;
    margin-top: 5px;
}

#shoplist p.pointup_day .api_saleflg{
    color: #333;
    font-size: 10px;
    width: auto;
    text-align: center;

}

#shoplist .pointup_day .api_campaignperiod.api_saleflg.has_sale:before {
    content: "期間:";
    position: relative;

}
/* ----------------------------------------------------------------------------
　セゾンのふるさと納税
---------------------------------------------------------------------------- */
#furusato h2 {
    background-image: url(/common/pc/img/contents/extra/furusato/saison/whats_tax_bg.png);
    height: 447px;
    background-position: left 7.5% top 40px;
    background-size: 165px;
	display: flex;
    justify-content: center;
    align-items: center;
    border-top: 4px #c39920 solid;
    border-bottom: 4px #c39920 solid;
   

}
/* ----------------------------------------------------------------------------
　ページTOP
---------------------------------------------------------------------------- */
.page_top{
	width:950px;
	margin:0 auto;
	text-align:right;
	background-color:#fff;
}
/* ----------------------------------------------------------------------------
　アイコン
---------------------------------------------------------------------------- */
#shoplist .pointup_txt,
#shoplist .campaign_txt {
    position: absolute;
    right:-20px;
    top:-20px;
    scale: 60%;
    z-index: 102;

}
#shoplist .pointup,
#shoplist .campaign {
  animation: r1 5s linear infinite;
    position: absolute;
    right: -20px;
    top: -20px;
    scale: 60%;
    z-index: 101;

}
@keyframes r1 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#shoplist .pointupbox.api_saleflg.has_sale {
    display: block;
}
#shoplist .pointupbox.api_saleflg {
    display: none;
}



