@charset "utf-8";

/**
main
*/
@media screen and (max-width: 767px) {
#suntory_contents div.main{ padding-top:0px;}
}


/**
cm_head
*/
#suntoryCommonWrapper #suntory_contents .container_main .main .cm.section.clearfix{ background:#FFF;}
#suntoryCommonWrapper #suntory_contents .container_main .main .cm.section.clearfix ul{
	padding:5px;
	padding-top:0 ;
}
#suntoryCommonWrapper #suntory_contents .container_main .main .cm.section.clearfix .clearfix.first_box{ padding-top:5px;}

#suntory_contents div.main div.cm_head { display: table; position: relative; max-width: 960px; border: 0;}
#suntory_contents div.main div.cm_head h1 { display: table-cell; line-height: 0; padding-bottom:32px;	 }
#suntory_contents div.main div.cm_head h1 img { width: 108px; }
#suntory_contents div.main div.cm_head p { display: table-cell; text-align: right; vertical-align: bottom; line-height: 0; }
#suntory_contents div.main div.cm_head p img { width: 130px; }

/* 0 - 767 */
@media screen and (max-width: 767px) {
#suntoryCommonWrapper #suntory_contents .container_main .main .cm.section.clearfix ul{
	padding:0 5px;
}
#suntory_contents div.main div.cm_head h1 img { width:22%; }
#suntory_contents div.main div.cm_head { max-width: 94%; padding-top: 50px; margin-top: 0; }
#suntoryCommonWrapper #suntory_contents .container_main .main .cm.section.clearfix .clearfix.last_box{ padding-bottom:5px;}

}

/**
cm
*/
#suntory_contents div.main div.cm ul li { float: left; width: 25%; background-color: rgb(252, 252, 252); }
#suntory_contents div.main div.cm ul li.head { display: table; background-color: #c89a2f; }
#suntory_contents div.main div.cm ul li.head div.block { display: table-cell; padding: 10px; vertical-align: middle; }
#suntory_contents div.main div.cm ul li.head div.block h2 { text-align: center; color: rgb(255, 255, 255); }
#suntory_contents div.main div.cm ul li.head div.block h2 span.n2 { display: block; text-align: center; }
#suntory_contents div.main div.cm ul li.head div.block p.button { margin-top: 10px; text-align: center; }
#suntory_contents div.main div.cm ul li.head div.block p.button img { width: 120px; }
#suntory_contents div.main div.cm ul li div.block p.n1 { line-height: 0; }
#suntory_contents div.main div.cm ul li div.block p.n1 img { width: 100%; }
#suntory_contents div.main div.cm ul li div.block p.n2 { margin: 5px 10px 0 10px; }
#suntory_contents div.main div.cm ul li div.block p.n2 span { padding: 2px 0 1px 0; }
#suntory_contents div.main div.cm ul li div.block p.n2 span.new { margin-left: 10px; padding: 2px 10px 1px 10px; color: rgb(255, 255, 255); background-color: #dc272d; }
#suntory_contents div.main div.cm ul li div.block p.n3 { margin: 10px; }
#suntory_contents .main.article .cm.section.clearfix{ margin-top:10px}
#suntory_contents .main.article .cm.section.clearfix .clearfix .fixheight_li .block.clearfix .n3 .xsmall a{ text-decoration:underline; margin-top:5px;}
#suntory_contents .main.article .cm.section.clearfix .clearfix .fixheight_li .block.clearfix .n3 .xsmall a:hover{ text-decoration:none; color:rgb(150, 150, 150);}

/* 0 - 767 */
@media screen and (max-width: 767px) {
	#suntory_contents div.main div.cm ul li { width: 50%; }
}