@charset "Shift_JIS";

/* reset
==================================== */
#left_contents img{
border:0;
}

#left_contents h1,#left_contents h2,#left_contents h3,#left_contents h4,#left_contents h5,#left_contents h6,#left_contents p,
#left_contents ol,#left_contents ul,#left_contents li,#left_contents dl,#left_contents dt,#left_contents dd,
#left_contents table,#left_contents th,#left_contents td,#left_contents form,#left_contents br,#left_contents address,#left_contents button,#left_contents strong,#left_contents span,#left_contents em,#left_contents i{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
font-style:normal;
vertical-align:baseline;
outline:none;
color:#555;
font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

#left_contents ruby rt{
font-family:"ＭＳ Ｐゴシック";
}

#left_contents table{
border-collapse:collapse;
border-spacing:0;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
text-align:left;
}

#left_contents input{
vertical-align:middle;
}

#left_contents ol,
#left_contents ul,
#left_contents li{
list-style:none;
}

#left_contents iframe{
margin:0;
padding:0;
}

#left_contents a{
cursor:pointer;
outline:none;
text-decoration:none;
}

#left_contents{
float:left;
width:725px;
margin:0;
padding:0;
text-align:left;
}



/* #left_contents .main
======================================================================== */
#left_contents .main{
width:725px;
background:url(/ec/town/point_cp/list/img/main_bg.png) repeat-y -725px 0;
}

#left_contents .main_hd{
background:url(/ec/town/point_cp/list/img/main_bg.png) no-repeat 0 0;
}

#left_contents .main_ft{
background:url(/ec/town/point_cp/list/img/main_bg.png) no-repeat -1450px bottom;
padding:15px 0 15px 17px;
}

#left_contents .main_ft:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
#left_contents .main_ft{display:inline-block;}
* html #left_contents .main_ft{height:0%;}
#left_contents .main_ft{display:block;}




/* #left_contents #point_cp
======================================================================== */
#point_cp{
padding:0 0 20px 0;
}

/* #point_cp #point_cp_hd
==================================== */
/* #point_cp_hd .sns
------------------------------ */
#point_cp_hd .sns{
position:relative;
width:725px;
height:25px;
}

#point_cp_hd .sns .socialbutton_suntory{
position: absolute;
top:0;
right:-40px;
}

/* #point_cp_hd h2
------------------------------ */
#point_cp_hd h2{
display:block;
background:url(/ec/town/point_cp/list/img/point_cp_hd.png) no-repeat 0 0;
width:690px;
height:63px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
font-size:0;
line-height:0;
}

/* #point_cp_hd .term
------------------------------ */
#point_cp_hd .term{
background:url(/ec/town/point_cp/list/img/point_cp_hd.png) no-repeat 0 -63px;
width:690px;
height:57px;
}

#point_cp_hd .term:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
#point_cp_hd .term{display:inline-block;}
* html #point_cp_hd .term{height:0%;}
#point_cp_hd .term{display:block;}

#point_cp_hd .term dl{
display:table;
}

#point_cp_hd .term dl dt,
#point_cp_hd .term dl dd{
display:table-cell;
vertical-align:top;
}

#point_cp_hd .term dl dt{
width:220px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
font-size:0;
line-height:0;
}

#point_cp_hd .term dl dd{
font-size:14px;
line-height:130%;
letter-spacing:1px;
font-weight:bold;
padding:21px 0 0 0;
}






/* #point_cp #point_cp_ft
==================================== */
/* #point_cp #point_cp_ft #present_list
==================================== */
#present_list{
}

#present_list ul{
display:table;
margin:30px 0 0 0;
}

#present_list ul:first-child{
margin:3px 0 0 0;
}

#present_list ul li{
display:table-cell;
vertical-align:top;
width:235px;
}

/* #present_list ul li .box
------------------------------ */
#present_list ul li .box{
width:220px;
border:2px solid #ffd2e1;
border-radius:5px;
}

#present_list ul li .box_hd{
padding:4px 0 12px 0;
}

/* #present_list ul li .box_hd .ph
-------------------------------------------------- */
#present_list ul li .box_hd .ph{
position:relative;
width:220px;
height:200px;
}

#present_list ul li .box_hd .ph dt{
font-size:0;
line-height:0;
}

#present_list ul li .box_hd .ph dt img{
position:absolute;
top:0;
left:10px;
width:200px;
height:200px;
}

/* #present_list ul li .box_hd .ph dd.num
------------------------------ */
#present_list ul li .box_hd .ph dd.num{
background:url(/ec/town/point_cp/list/img/present_list_ph_ico.png) no-repeat 0 0;
width:85px;
height:34px;
position:absolute;
top:0;
left:-6px
}

#present_list ul li .box_hd .ph dd.num i{
display:block;
padding:8px 8px 0 3px;
text-align:center;
font-size:12px;
line-height:110%;
font-weight:bold;
color:#262;
}

#present_list ul li .box_hd .ph dd.num i em{
font-size:16px;
color:#262;
padding:0 1px 0 0;
}

/* #present_list ul li .box_hd .ph dd.ico
------------------------------ */
#present_list ul li .box_hd .ph dd.ico{
background-image:url(/ec/town/point_cp/list/img/present_list_ph_ico.png);
background-repeat:no-repeat;
width:100px;
height:25px;
position:absolute;
top:3px;
right:10px;
font-size:0;
line-height:0;
}

#present_list ul li .box_hd .ph dd.ico_01{background-position:0 -50px;}
#present_list ul li .box_hd .ph dd.ico_02{background-position:0 -100px;}
#present_list ul li .box_hd .ph dd.ico_03{background-position:0 -150px;}
#present_list ul li .box_hd .ph dd.ico_04{background-position:0 -200px;}
#present_list ul li .box_hd .ph dd.ico_05{background-position:0 -250px;}
#present_list ul li .box_hd .ph dd.ico_06{background-position:0 -300px;}
#present_list ul li .box_hd .ph dd.ico_07{background-position:0 -350px;}
#present_list ul li .box_hd .ph dd.ico_08{background-position:0 -400px;}
#present_list ul li .box_hd .ph dd.ico_09{background-position:0 -450px;}
#present_list ul li .box_hd .ph dd.ico_10{background-position:0 -500px;}


/* #present_list ul li .box_hd .ph dd.release
------------------------------ */
#present_list ul li .box_hd .ph dd.release{
background-color:#f92e52;
border:1px solid #f92e52;
border-radius:3px;
width:84px;
position:absolute;
bottom:0;
left:72px;
display:table;
}

#present_list ul li .box_hd .ph dd.release i{
display:table-cell;
vertical-align:top;
text-align:center;
font-size:11px;
line-height:150%;
letter-spacing:0.1px;
font-weight:bold;
color:#fff;
padding:2px 0 0 0;
}



/* #present_list ul li .box_hd h3
-------------------------------------------------- */
#present_list ul li .box_hd h3{
padding:5px 15px 15px 15px;
font-size:13px;
line-height:130%;
font-weight:bold;
color:#f6b;
}

#present_list ul li .box_hd h3 a{
text-decoration:underline;
color:#f6b;
}

#present_list ul li .box_hd h3 a:hover{
text-decoration:none;
}



/* #present_list ul li .box_hd p.dl
-------------------------------------------------- */
#present_list ul li .box_hd p.dl{
padding:0 15px 0 15px;
font-size:12px;
line-height:130%;
color:#555;
}

#present_list ul li .box_hd p.dl span{
display:block;
font-size:11px;
}

#present_list ul li .box_hd p.dl span i{
color:#f00;
padding:0 1px 0 0;
}


/* #present_list ul li .box .box_ft
======================================================================== */
#present_list ul li .box .box_ft{
/*padding:0 18px 12px 18px;*/
padding: 0 0 12px 0;
}


#present_list ul li .box .box_ft form,
#present_list ul li .box .box_ft .point_short{
padding:0 0 10px 0;
}

/* #present_list ul li .box .box_ft form p.point
-------------------------------------------------- */
#present_list ul li .box .box_ft form p.point select{
/*width:180px;*/
width: 210px;
margin-left: 5px;
}


/* #present_list ul li .box .box_ft form .btn
-------------------------------------------------- */
#present_list ul li .box .box_ft form .btn{
/*margin:15px 0 0 0;*/
margin: 15px auto 0 auto;
}

#present_list ul li .box .box_ft form .btn{
display:block;
width:180px;
height:35px;
background:url(../img/apply_btn_on.png) no-repeat 0 0;
}

#present_list ul li .box .box_ft form .btn:hover input{
opacity:0.0;
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";
}

/* #present_list ul li .box .box_ft .point_short
-------------------------------------------------- */
#present_list ul li .box .box_ft .point_short{
text-align:center;
}

#present_list ul li .box .box_ft .point_short i{
display:block;
font-size:12px;
line-height:120%;
color:#f00;
margin:0 0 5px 0;
}


#present_list ul li .box .box_ft .point_short a{
display:block;
width:180px;
height:55px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
font-size:0;
line-height:0;
background:url(/ec/town/point_cp/list/img/point_short.png) no-repeat 0 0;
margin:0 auto;
}

#present_list ul li .box .box_ft .point_short a:hover{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
}




/* #present_list ul li .box .box_ft .apply_history
-------------------------------------------------- */
#present_list ul li .box .box_ft .apply_history{
padding:10px 0 0 0;
border-top:1px dotted #678;
text-align:center;
font-size:12px;
line-height:130%;
color:#555;
}

#present_list ul li .box .box_ft .apply_history i{
font-weight:bold;
color:#f6b;
padding:0 5px 0 5px;
}



/* #point_cp #point_cp_ft .caution
==================================== */
#point_cp_ft .ft_caution{
margin:15px 0 0 0;
}

#point_cp_ft .ft_caution ul li{
font-size:12px;
line-height:130%;
text-indent:-1em;
margin:0 0 0 1em;
}

#point_cp_ft .ft_caution ul li i{
color:#f00;
padding:0 2px 0 0;
}



/* #point_cp #point_cp_ft p.to_open_cp
==================================== */
#point_cp_ft p.to_open_cp{
margin:30px 0 0 0;
text-align:center;
}

#point_cp_ft p.to_open_cp a{
display:block;
background:url(/ec/town/point_cp/list/img/to_open_cp.png) no-repeat 0 0;
width:210px;
height:45px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
font-size:0;
line-height:0;
margin:0 auto;
}

#point_cp_ft p.to_open_cp a:hover{background:url(/ec/town/point_cp/list/img/to_open_cp.png) no-repeat 0 -45px;}



/* ポイントなしで応募するキャンペーンはこちら
---------------------------------------------------- */
#spcp{
width:723px;
padding-top:5px;
margin:15px 0 0 -16px;
}

#spcp #spcp_inner{
text-align:center;
padding:16px 0;
background:#FFFFFF;
}

#spcp #spcp_area {
	border: none !important;	
}

#spcp a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
}


/* #サントリーポイントで当たった
---------------------------------------------------- */
#spcp_sns {
	width: 690px;
	margin: 20px 0 30px 0;	
}

#spcp_sns #spcp_sns_title {
	text-align: center;
    margin-bottom: 20px;	
}

  #spcp_sns #insta {
	  width: 616px;
      margin: 15px auto 17px auto;
	  border: 1px solid #ccc;
  }
  
    #spcp_sns #insta p {
		margin: 20px 0 12px 0;
		font-size: 22px;
		font-weight: bold;
		color: #33342f;
		letter-spacing: 1px;
		text-align: center;
	}

    #spcp_sns #insta ul {
		width: 564px;
		height: 108px;
		margin: 0 auto 20px auto;
	}

    #spcp_sns #insta ul li {
		width: 108px;
		height: 108px;
		border: 1px #ccc solid;
		margin-right: 6px;
		float: left;
	}
	
    #spcp_sns #insta ul li:last-child {
		margin-right: 0;
	}
	
    #spcp_sns #insta ul li img {
		width: 100%;
		height: auto;
	}


		#spcp_sns .spcp_sns_catch {
			text-align: center;
			font-size: 13px;
 			color: #333;
			clear: both;
		}

		#spcp_sns .spcp_sns_catchsmall {
			font-size: 10px;			
		}
		
		#spcp_sns #spcp_sns_btn {
			width: 390px;
			height: 32px;
			margin: 10px auto;
		}

			#spcp_sns #spcp_sns_btn li {
				width: 190px;
				height: 32px;
				margin-right: 10px;
				float: left;
			}

			#spcp_sns #spcp_sns_btn li a {
				display: block;
			}
			
				#spcp_sns #spcp_sns_btn li img {
					width: 100%;
					height: auto;
				}
				
					#spcp_sns #spcp_sns_btn li:last-child {
						margin-right: 0px;						
					}