@charset "utf-8";

#suntory_contents h1, #suntory_contents h2, #suntory_contents h3, #suntory_contents h4, #suntory_contents h5, #suntory_contents h6, #suntory_contents p, #suntory_contents ol, #suntory_contents ul, #suntory_contents li, #suntory_contents dl, #suntory_contents dt, #suntory_contents dd, #suntory_contents table, #suntory_contents th, #suntory_contents td, #suntory_contents form, #suntory_contents br {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
#suntory_contents img {
    border: 0;
    vertical-align: bottom;
}
#suntory_contents .sf_navi {
    margin-bottom: 0 !important;
}
#suntory_contents .sfnd_ft {
    margin-top: 0 !important;
}
#suntory_contents .mincho {
    font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E",serif;
}
#suntory_contents .sfnd_hd p.hd_img {
    margin: 0 0 0 10px;
    float: left;
    width: 260px;
    line-height: 0;
}
#suntory_contents .sfnd_hd p.hd_img {
    margin: 17px 0 16px;
    float: left;
}
.pc_only { display:block !important; }
.sp_only { display:none  !important; }


#containar{
background-color: #d5f2ef;
text-align:left;
padding-bottom: 40px;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/*
#containar:after{
display:block;
content:".";
visibility:hidden;
clear:both;
}
*/
*html #containar{
height:0%;
}
#contents {
    width: 960px;
    margin: 0 auto;
}
#contents h1 {
	width: 960px;
	height: 220px;
	*background: url(/sfnd/prize_cca/common2016/img/main_img.jpg) left top no-repeat;
}
#contents h1 img {
	/*display: none;*/
}


#contents p.pankuzu{
font-size: 12px;
line-height:160%;
padding: 15px 0;
}
#contents p.pankuzu a{
color: #003d77;
}


#contents > ul{
background-color: #ffdb92;
padding: 0 20px;
}
#contents > ul:after{
display:block;
margin-top:0px;
height:0px;
content:"";
clear:both;
}
#contents > ul li{
float: left;
font-size: 14px;
padding: 20px 15px;
text-align:center;
}
#contents > ul li.ac_list{
background-color: #fff3dd;
}
#contents > ul li a:link,
#contents > ul li a:visited,
#contents .main_cont a:link,
#contents .main_cont a:visited{
color: inherit !important;
text-decoration: none !important;
}

#contents > ul.localnavi li span{
	font-size:75%;
}
#contents > ul li a:hover,
#contents > ul li a:active,
#contents .main_cont a:hover,
#contents .main_cont a:active{
color: inherit !important;
text-decoration: underline !important;
}
#contents .main_cont{
background-color: #fff;
padding: 40px 80px 80px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#suntory_contents .main_cont h2.heading01 {
    width: 280px;
    margin: 0 auto;
    border-bottom: 2px solid #cccccc;
    font-size: 24px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
}
#suntory_contents .main_cont .headingTitle01{
	background-color: #555555;
	padding: 0 20px;
	color: #ffffff;
	font-weight: bold;
	line-height: 34px;
	font-size: 15px;
}
#suntory_contents .main_cont .headingTitle01 > img{
    vertical-align: middle;
    padding-left: 5px;
}
#suntory_contents .main_cont .headingTitle01:hover {
    cursor: pointer;
    opacity: 0.7;
}

#suntory_contents .mt40 {
    margin-top: 40px;
}
#suntory_contents .main_cont  h3.heading01{
	padding-left: 13px;
	border-left: 6px solid #aac2ab;
	line-height: 24px;
}
#suntory_contents .main_cont  h3.heading01 span{
	display: block;
	padding: 2px 0;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	font-size: 20px;
}


@media screen and (max-width: 768px) {
#suntory_contents .sf_navi {
	display: none;
}
#contents p.pankuzu {
	display:none;	
}
.pc_only { display:none !important; }
.sp_only { display:block !important; }
	
	
#containar{
padding-bottom: 0;
}
#contents {
    width: 100%;
}
#contents p.pankuzu {
    padding: 10px 10px;
}
#contents h1 {
	width: 100%;
	height: auto;
	background: none;
}
#contents h1 img {
	display: block;
	width: 100%;
	height: auto;
}
#contents .main_cont {
    padding: 40px 20px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#contents > ul{
padding: 0;
}
#contents > ul li{
font-size: 14px;
width: calc( 100% / 3 );
padding: 15px 0;
}
#suntory_contents .main_cont .headingTitle01{
	padding: 10px 20px;
	line-height: 130%;
	font-size: 16px;
}
#suntory_contents .main_cont .headingTitle01:hover {
    opacity: 1.0;
}
	
.sfnd_hd .sp_menu .sp_list dl dt {
    padding: 15px 10px !important;
    font-size: 15px !important;
}
.sfnd_hd .sp_menu .sp_list p {
    font-size: 14px !important;
    padding: 10px 0 !important;
}	
.sfnd_ft p.ft_img {
    margin: 10px 0 10px 10px !important;
	text-align: left !important;
}	
.sfnd_ft .ft_list ul li dl dt {
    padding: 15px !important;
    font-size: 15px !important;
}
.sfnd_ft .ft_list p.go_pagetop {
    font-size: 14px !important;
    padding: 10px 0 !important;
}
#suntory_contents .sfnd_hd p.hd_img {
    margin: 0 0 0 10px;
}	
	
#contents > ul li {
    padding: 10px;
    width: calc( ( 100% - 60px ) / 3 );
	line-height: 100%;
}
#contents > ul li:nth-child(4) {
    /*padding-top: 5px;*/
}
	
.sfnd_hd .sp_menu .sp_list,	
.sfnd_ft .ft_list .ft_cont {
    text-align: left;
}	
	
}

@media screen and (max-width: 550px) {
	
}
