@charset "utf-8";

/*==================================================
common
================================================== */
#suntory_contents #container_news a {
	color: #881133;
	text-decoration: none;
	overflow-wrap:break-word;
}
#suntory_contents #container_news a:hover {
	text-decoration: underline;
}
#suntory_contents #container_news ul {
	list-style: none;
}
#suntory_contents #news_body strong {
	font-weight: bold;
}
#suntory_contents #news_body em {
	font-style: italic;
}
#suntory_contents #news_body h2 {
	font-weight: bold;
	background: #F5EEE0;
	display: flex;
	align-items: center;
}
#suntory_contents #news_body h3 {
	font-family: 'Sabon Next W04', serif;
	font-weight: bold;
	line-height: 1.3;
}
#suntory_contents #news_body a.external {
	background: url(https://www.suntory.com/culture-sports/suntoryhall/common2019/img/icon_external.png) no-repeat right center;
}
#suntory_contents #news_body .underline {
	text-decoration: underline;
}
#suntory_contents #news_body .border{
	width: 70%;
    margin: 30px auto 0;
    border: solid 1px #000;
    padding: 0 30px 30px;
}
#suntory_contents .text_min{
	font-size: 15px;
}
#suntory_contents #news_body .border ol li{
	margin-top: 5px;
}
#suntory_contents #news_body .t_center{
	text-align: center;
}
#suntory_contents #news_body .list_02 li{
	margin-top: 15px;
}
#suntory_contents #news_body .R_mark {
	font-size: 1.3rem;
	vertical-align: super;
}
#suntory_contents #news_body .bold {
	font-weight: bold;
}
/*==================================================
sp
================================================== */
@media screen and (max-width:767px){

/*==================================================
container [sp] layout
================================================== */
#suntory_contents #container_news {
	width: 100%;
	margin: 0;
	padding: 8vw 0 12vw;
	display: flex;
	flex-flow: column nowrap;
}
#suntory_contents .news_wrap {
	width: 100%;
	order: 1;
}
#suntory_contents .contact_wrap {
	width: 100%;
	order: 2;
}

/*==================================================
#side_contact [sp]
================================================== */
#suntory_contents #side_contact {
	width: 100%;
	padding: 0 4vw;
	margin: 12vw 0 0;
}
#suntory_contents #side_contact .inner {
	width: 100%;
	background: #f2f2f2;
	padding: 6vw;
}
#suntory_contents #side_contact .inner h4 {
	margin-bottom: 1em;
	font-size: 5.6vw;
	font-weight: bold;
	line-height: 1.4;
}
#suntory_contents #side_contact .inner p {
	font-size: 4.53333333vw;
	line-height: 1.4;
}
#suntory_contents #side_contact .inner li {
	width: 100%;
	font-size: 4vw;
	line-height: 1.4;
}
#suntory_contents #side_contact .inner li + li{
	margin-top: 2.4vw;
}

#suntory_contents #side_contact .inner li a.side_contact_link {
	font-weight: bold;
}

/*==================================================
#news_body [sp]
================================================== */
#suntory_contents .news_wrap {
	width: 100%;
}
#suntory_contents #news_body {
	width: 100%;
}
#suntory_contents #news_body h2 {
	padding: 0 0 0 4vw;
	height: 14.66666667vw;
	font-size: 5.6vw;
}

/*==================================================
#news_body INDEX [sp]
================================================== */
#suntory_contents #news_body dl {
	width: 100%;
	padding: 0 4vw;
}
#suntory_contents #news_body dt {
	display: block;
	padding: 5.3333333333333vw 0 0;
	font-size: 4.53333333vw;
	font-weight: bold;
	line-height: 1;
}
#suntory_contents #news_body dd {
	display: block;
	margin: 3.2vw 0 0;
	padding: 0 0 5.3333333333333vw;
	font-size: 4.53333333vw;
	font-weight: bold;
	line-height: 1.7;
	border-bottom: 1px solid #dedede;
}
#suntory_contents #news_body dd .font-italic{
	font-style: oblique;
}
#suntory_contents #news_body dd .font-italic {
	font-style: oblique;
}

/*==================================================
#news_body DETAIL [sp]
================================================== */
#suntory_contents #news_body article {
	width: 100%;
	padding: 0 4vw;
}
#suntory_contents #news_body p.serial {
	margin: 4vw 0 5.33333333vw;
	font-size: 4vw;
	line-height: 1;
	text-align: right;
}
#suntory_contents #news_body .serial .date {
	margin-left: 4vw;
}
#suntory_contents #news_body h3 {
	margin-bottom: 6vw;
	font-size: 6.4vw;
}
#suntory_contents #news_body p,
#suntory_contents #news_body li {
	margin-top: 4vw;
	font-size: 4.53333333vw;
	line-height: 1.7;
}
#suntory_contents #news_body h4 {
	font-size: 5vw;
}
#suntory_contents #news_body p + h4 {
	margin-top: 6vw;
}
#suntory_contents #news_body h4 + p {
	margin-top: 2vw;
}

#suntory_contents #news_body ol {
	list-style-type: decimal;
	margin-left: 8vw;
}
#suntory_contents #news_body ul.square {
	list-style-type: none;
	margin-left: 4vw;
}
#suntory_contents #news_body ul.square li {
	text-indent: -2.4vw;
}
#suntory_contents #news_body ul.square li::before {
	display: inline-block;
	content: ' ';
	width: 2.4vw;
	height: 2.4vw;
	position: relative;
	top: -0.2vw;
	left: -1.6vw;
	background: #222;
}
#suntory_contents #news_body .round {
	margin-left: 4vw;
	text-indent: -2.4vw;
}
#suntory_contents #news_body .round::before {
	display: inline-block;
	content: ' ';
	width: 2.4vw;
	height: 2.4vw;
	border-radius: 9999px;
	position: relative;
	top: -0.2vw;
	left: -1.6vw;
	background: #222;
}
#suntory_contents #news_body p.info {
	font-size: 4.26666667vw;
	margin-top: 6vw;
}
#suntory_contents #news_body p.info + p.info {
	margin-top: 4vw;
}
#suntory_contents #news_body a.sp-url {
	word-break: break-all;
}
#suntory_contents #news_body a.external {
	padding-right: 4vw;
	background-size: 2.4vw;
}
#suntory_contents #news_body p .font-italic,
#suntory_contents #news_body h3 .font-italic {
	font-style: oblique;
}
#suntory_contents #news_body p .mininfo {
	font-size: 3.8vw;
}
#suntory_contents .text_min{
	font-size: 3.8vw;
}
#suntory_contents .title_min {
	font-size: 5.4vw;
}

}


/*==================================================
pc
================================================== */
@media print, screen and (min-width:768px){


/*==================================================
container [pc] layout
================================================== */
#suntory_contents #container_news {
	width: 100%;
	padding: 0 0 110px;
}
#suntory_contents .news_wrap {
	width: 100%;
}
#suntory_contents .contact_wrap {
	width: 100%;
	padding: 50px 0 0;
	top: 0;
}
#suntory_contents .contact_wrap.fixed {
	position: sticky;
	z-index: 10;
}

/*==================================================
#side_contact [pc]
================================================== */
#suntory_contents #side_contact {
	width: 100%;
	max-width: 1160px;
	min-width: 960px;
	margin: 0 auto;
	position: relative;
}
#suntory_contents #side_contact .inner {
	display: block;
	width: 280px;
	position: absolute;
	background: #f2f2f2;
	padding: 20px;
	top:0;
	right: 40px;
	z-index: 9999;
}
#suntory_contents #side_contact .inner h4 {
	margin-bottom: 1em;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.4;
}
#suntory_contents #side_contact .inner p {
	font-size: 17px;
	line-height: 1.4;
}

#suntory_contents #side_contact .inner li {
	width: 100%;
	font-size: 15px;
	line-height: 1.4;
}
#suntory_contents #side_contact .inner li + li{
	margin-top: 10px;
}

#suntory_contents #side_contact .inner li a.side_contact_link {
	font-weight: bold;
}

/*==================================================
#news_body [pc]
================================================== */
#suntory_contents .news_wrap {
	width: 100%;
	max-width: 1160px;
	min-width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 0 40px;
}
#suntory_contents #news_body {
	width: calc(100% - 340px);
	z-index:1;
}
#suntory_contents #news_body h2 {
	height: 60px;
	margin-bottom: 20px;
	background: #f5eee0;
	display: flex;
	align-items: center;
	padding: 0 0 0 30px;
	font-size: 21px;
	font-weight: bold;
}

/*==================================================
#news_body INDEX [pc]
================================================== */
#suntory_contents #news_body dl {
	width: 100%;
	border-bottom: 1px solid #dedede;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#suntory_contents #news_body dt:first-of-type,
#suntory_contents #news_body dd:first-of-type {
	border-top: none;
}
#suntory_contents #news_body dt {
	display: block;
	width: 200px;
	padding: 20px 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5;
	border-top: 1px solid #dedede;
}
#suntory_contents #news_body dd {
	display: block;
	padding: 20px 0;
	width: calc(100% - 200px);
	margin: 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5;
	border-top: 1px solid #dedede;
}
/*==================================================
#news_body DETAIL [pc]
================================================== */
#suntory_contents #news_body p.serial {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1;
	text-align: right;
}
#suntory_contents #news_body .serial .date {
	margin-left: 15px;
}
#suntory_contents #news_body h3 {
	margin-bottom: 30px;
	font-size: 31px;
}
#suntory_contents #news_body h4 {
	font-size: 21px;
}
#suntory_contents #news_body p + h4 {
	margin-top: 30px;
}
#suntory_contents #news_body h4 + p {
	margin-top: 20px;
}

#suntory_contents #news_body p,
#suntory_contents #news_body li {
	margin-top: 30px;
	font-size: 17px;
	line-height: 1.7;
}
#suntory_contents #news_body ol {
	list-style-type: decimal;
	margin-left: 1em;
}
#suntory_contents #news_body ul.square {
	list-style-type: none;
	margin-left: 1em;
}
#suntory_contents #news_body ul.square li {
	text-indent: -10px;
}
#suntory_contents #news_body ul.square li::before {
	display: inline-block;
	content: ' ';
	width: 9px;
	height: 9px;
	position: relative;
	top: -1px;
	left: -5px;
	background: #222;
}
#suntory_contents #news_body .round {
	margin-left: 1em;
	text-indent: -10px;
}
#suntory_contents #news_body .round::before {
	display: inline-block;
	content: ' ';
	width: 11px;
	height: 11px;
	border-radius: 9999px;
	position: relative;
	top: -1px;
	left: -5px;
	background: #222;
}
#suntory_contents #news_body p.info {
	font-size: 16px;
	margin-top: 40px;
}
#suntory_contents #news_body p.info + p.info {
	margin-top: 20px;
}
#suntory_contents #news_body a.external {
	padding-right: 15px;
	background-size: 9px;
}

#suntory_contents #container_news a .font-italic,
#suntory_contents #news_body p .font-italic,
#suntory_contents #news_body h3 .font-italic {
	font-style: oblique;
}
#suntory_contents #container_news .mininfo {
	font-size: 15px;
}
#suntory_contents .title_min {
	font-size: 26px;
}
}