@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------
【common】
-----------------------------------------------------------------------*/
#nycp_point .clearfix:before,
#nycp_point .clearfix:after { content:" "; display:table; }
#nycp_point .clearfix:after { clear:both; }

/*ここではフォント指定のみ*/
#nycp_point { color: #000; font-family: "Hiragino Kaku Gothic ProN", Meiryo, MS-PGothic, sans-serif;}

#nycp_point ul { list-style: none;}

/*リンクの挙動*/
#nycp_point a img {filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; opacity:1; -webkit-opacity:1; transition:all ease-in-out .25s; -webkit-transition:all ease-in-out .25s;}
#nycp_point a:hover img,
#nycp_point a:active img {filter:alpha(opacity=85); -ms-filter:"alpha(opacity=85)"; opacity:0.85; -webkit-opacity:0.85;}

#nycp_point a,
#nycp_point a:visited,
#nycp_point a:hover,
#nycp_point a:active {text-decoration: none;}


/*---------------------------------------------------------------------
【背景】
-----------------------------------------------------------------------*/

/*雲の模様と、赤い繰り返し背景*/
#nycp_point { background: url(20171228_point_2018_bg_header.png), url(20171228_point_2018_bg.png); background-repeat: no-repeat, repeat; background-position: top center, top center; margin:0 auto; padding:0 0 50px 0; min-height: 1016px; width: 100%;}

/*白い和紙背景*/
#nycp_point_bgw { background: url(20171228_point_2018_bgw.png) repeat top center; margin:0 auto 40px auto; padding:30px 50px 20px 50px; width: 900px; -webkit-box-sizing: border-box; box-sizing: border-box;}


/*---------------------------------------------------------------------
【ヘッダー】
-----------------------------------------------------------------------*/
#nycp_point_header { margin: 0 auto 60px auto; padding: 0; width: 800px;}



/*---------------------------------------------------------------------
【おススメ商品】
-----------------------------------------------------------------------*/
#nycp_point_relpd { margin: 0 0 20px 0; padding: 0; width: 800px;}

/*タイトル*/
#nycp_point_relpd h2 { margin: 0 0 40px 0; padding: 0; text-indent: inherit;}

/*リスト*/
#nycp_point_relpd ul { font-size: 0; line-height: 0; margin: 0; padding: 0 20px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
#nycp_point_relpd ul li { display: inline-block; margin: 0 24px 40px 0; padding: 0; vertical-align: top; width: 237px}
#nycp_point_relpd ul li:nth-child(3n) { display: inline-block; margin: 0 0 40px 0; padding: 0; vertical-align: top; width: 237px}

#nycp_point_relpd ul li a { color: #000;}
#nycp_point_relpd ul li img { border: 4px solid #ead9ae; height: auto; margin: 0 0 10px 0; padding: 0; width: 233px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#nycp_point_relpd ul li span { display: block; font-size: 14px; line-height: 19px; text-align: center;}


/*---------------------------------------------------------------------
【プレバンポイントバンクとは】
-----------------------------------------------------------------------*/
#nycp_point_about { margin: 0 0 70px 0; padding: 0; width: 800px;}

#nycp_point_about h2 { margin: 0 auto 20px auto; padding: 0; text-indent: inherit; width: 760px;}

/*リスト*/
#nycp_point_about ul { font-size: 0; line-height: 0; margin: 0; padding: 0 20px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*基本のサイズ*/
#nycp_point_about ul li.aboutBnr_slot,
#nycp_point_about ul li.aboutBnr_card { display: inline-block; margin: 0 0 12px 12px; vertical-align: top; width: 228px;}
/*ポイントバンクのみ（バナー順序変わったら適宜margin変えてください）*/
#nycp_point_about ul li.aboutBnr_pbpb { display: inline-block; margin: 0 0 12px 0; vertical-align: top; width: 279px;}



/*---------------------------------------------------------------------
【キャンペーン概要】
-----------------------------------------------------------------------*/
#nycp_point_rule { margin: 0 auto; padding: 0; width: 800px; -webkit-box-sizing: border-box; box-sizing: border-box;}

#nycp_point_rule  h2 { margin: 0 auto 20px auto; padding: 0; text-indent: inherit;}

#nycp_point_rule dl { color: #262626; font-size:14px; line-height:21px; margin:0 auto; padding:0 30px; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
/*説明項目*/
#nycp_point_rule dl dt { color: #a40300; font-size: 15px; font-weight: bold; line-height: 15px; margin: 0 0 10px 0; padding: 0;}
/*項目の頭に「■」を付ける（unicode変換する）*/
#nycp_point_rule dl dt:before { content:"\25A0";}

/*説明文*/
#nycp_point_rule dl dd { font-size: 13px; line-height: 28px; margin:0 0 30px 0; padding:0;}
/*頭揃えをさせたい場合のみPで囲う*/
#nycp_point_rule dl dd p { font-size: 13px; line-height: 28px; text-indent:-12px; padding-left:12px; margin: 0;}
/*特定条件のリスト*/
#nycp_point_rule dl dd p.nycp_point_terms {text-indent: inherit; padding-left:42px; margin: 0;}

#nycp_point_rule a { color: #ff9600; text-decoration: underline;}


/*---------------------------------------------------------------------
【関連キャンペーン】
-----------------------------------------------------------------------*/
#nycp_point_relcp {margin: 0 auto; padding: 0; width: 900px;}

#nycp_point_relcp ul { font-size: 0; line-height: 0; margin: 0; padding: 0; width: 100%;}
#nycp_point_relcp ul li { background: #fbf6ef; display: inline-block; margin: 0 12px 12px 0; padding: 17px ; vertical-align: top; width: 444px; -webkit-box-sizing: border-box; box-sizing: border-box;}

#nycp_point_relcp ul li:nth-child(even) { background: #fbf6ef; display: inline-block; margin: 0 0 12px 0; padding: 17px ; vertical-align: top; width: 444px; -webkit-box-sizing: border-box; box-sizing: border-box;}

#nycp_point_relcp ul li img { height: auto; display: inline-block; margin: 0 17px 0 0; padding: 0; vertical-align: top; width: 153px; -webkit-box-sizing: border-box; box-sizing: border-box;}

#nycp_point_relcp ul li a { color: #000;}
#nycp_point_relcp ul li span {  display: inline-block; font-size: 14px; line-height: 21px; vertical-align: top; width: 226px;}
#nycp_point_relcp ul li strong { color: #9f0200; display: block; font-size: 17px; font-weight: bold; line-height: 24px; margin: 0 0 5px 0;}