@charset "utf-8";

/*------------------------------------------------------------
[common]
------------------------------------------------------------ */
#suntory_contents .bulletin_contents dt.item_tl { background-color: #E9E3DB; }
#suntory_contents .bulletin_contents dt.item_tl.godo { background-color: #E2D5C2; }
#suntory_contents .bulletin_contents dt.item_tl.ronshu { background-color: #D3C8B9; }

@media screen and (max-width:767px){

/*------------------------------------------------------------
    [SP] page title
    ------------------------------------------------------------ */
    #suntory_contents .lead {
    	padding: 8vw 0 0;
    }
    #suntory_contents .lead h1 {
    	margin-bottom: 8vw;
    	font-size: 5.6vw;
    	font-weight: normal;
    	text-align: center;
    }
    #suntory_contents .lead p {
    	margin: 0 4vw;
    	font-size: 3.466666666666667vw;
    	line-height: 1.8;
    	text-align: left;
    }
    #suntory_contents .lead p.title_note {
    	margin: 0 4vw 12vw;
	font-size: 2.933333333vw;
}



/*------------------------------------------------------------
[SP] bulletin_nav
------------------------------------------------------------ */
#suntory_contents .bulletin_nav {
	margin: 0 4vw 12vw;
}
#suntory_contents .bulletin_nav ul {
	height: 21.6vw;
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: space-between;
}
#suntory_contents .bulletin_nav li {
	height: 8.8vw;
	list-style: none;
	font-size: 3.466666666666667vw;
	line-height: 1.5;
	border-right: 1px #666 solid;
	padding: 0 4.8vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
#suntory_contents .bulletin_nav li:first-child,
#suntory_contents .bulletin_nav li:nth-child(4) {
	border-left: 1px #666 solid;
}
#suntory_contents .bulletin_nav li a {
	color: #000;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

/*------------------------------------------------------------
[SP] bulletin_contents
------------------------------------------------------------ */
#suntory_contents .bulletin_contents#latest {
	margin: -16vw 4vw 0;
	padding: 4vw 0 0;
}
#suntory_contents .bulletin_contents#backnumber {
	margin: -16vw 4vw 0;
	padding: 16vw 0;
}

/*------------------------------------------------------------
[SP] item
------------------------------------------------------------ */
#suntory_contents .bulletin_contents dl {
	margin: 0 0 8vw;
}
#suntory_contents .bulletin_contents dt.item_tl {
	color: #000;
	padding: 3.2vw 9.6vw 3.2vw 4vw;
	font-size: 3.733333333333333vw;
	line-height: 1.8;
	font-weight: normal;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
#suntory_contents .bulletin_contents dt.item_tl .date {
	font-size: 3.2vw;
	display: block;
}
#suntory_contents .bulletin_contents dt.item_tl::after {
	content: '';
	width: 4vw;
	height: 2.4vw;
	background: url(../img/arrow_down_large_gr.svg) no-repeat 0 0;
	background-size: 4vw auto;
	position: absolute;
	top: calc(50% - 1.2vw);
	right: 4vw;
}
#suntory_contents .bulletin_contents dl.open dt.item_tl::after {
	background: url(../img/arrow_up_large_gr.svg) no-repeat 0 0;
	background-size: 4vw auto;
}
#suntory_contents .bulletin_contents dd.item_table {
	padding: 8vw 0vw;
}
#suntory_contents .bulletin_contents dd.item_table table {
	border-top: 1px #dad5c8 solid;
	width: 100%;
}
#suntory_contents .bulletin_contents dd.item_table tr {
	display:flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
#suntory_contents .bulletin_contents dd.item_table td {
	box-sizing: border-box;
	display: block;
	font-size: 3.466666666666667vw;
	line-height: 1.8;
}
#suntory_contents .bulletin_contents dd.item_table td.number {
	width: 6.4vw;
	padding: 2.4vw 1.6vw 0 0;
	font-size: 3.2vw;
	text-align: center;
}
#suntory_contents .bulletin_contents dd.item_table td.title {
	width: calc(100% - 6.4vw);
	padding: 2.4vw 0 0 1.6vw;
}
#suntory_contents .bulletin_contents dd.item_table td.person {
	padding: 0.8vw 0 2.4vw 8vw;
	width: 100%;
	border-bottom: 1px #dad5c8 solid;
}
#suntory_contents .bulletin_contents dd.item_table td.person .position {
	display: block;
	font-size: 2.933333333vw;
}
#suntory_contents .bulletin_contents dd.item_table td.spindent {
padding-left: 11.2vw;
}


}
/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {
/*------------------------------------------------------------
[PC] page title
------------------------------------------------------------ */
#suntory_contents .lead h1 {
	margin-bottom: 50px;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	line-height: 1;
}
#suntory_contents .lead p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
}
#suntory_contents .lead p.title_note {
	margin-bottom: 50px;
	font-size: 12px;
	text-align: center;
}


/*------------------------------------------------------------
[PC] bulletin_nav
------------------------------------------------------------ */
#suntory_contents .bulletin_nav {
	margin: 50px 0 80px;
}
#suntory_contents .bulletin_nav ul {
	display: flex;
	justify-content: center;
}
#suntory_contents .bulletin_nav li {
	list-style: none;
	font-size: 14px;
	border-right: 1px #666 solid;
	padding: 8px 30px;
}
#suntory_contents .bulletin_nav li:first-child {
	border-left: 1px #666 solid;
}
#suntory_contents .bulletin_nav li a {
	color: #000;
	padding-bottom: 3px;
	text-decoration: none;
}
#suntory_contents .bulletin_nav li a:hover {
	border-bottom: 1px #666 solid;
}

/*------------------------------------------------------------
[PC] bulletin_contents
------------------------------------------------------------ */

#suntory_contents .bulletin_contents#latest {
	margin-top: -140px;
	padding-top: 140px;
}
#suntory_contents .bulletin_contents#backnumber {
	margin-top: -90px;
	padding: 110px 0 80px;
}

/*------------------------------------------------------------
[PC] item
------------------------------------------------------------ */
#suntory_contents .bulletin_contents dl {
	margin: 0 0 30px;
}
#suntory_contents .bulletin_contents dt.item_tl {
	color: #000;
	padding: 15px 82px 15px 30px;
	font-size: 16px;
	line-height: 1.8;
	font-weight: normal;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
#suntory_contents .bulletin_contents dt.item_tl .date {
	font-size: 14px;
	display: block;
	white-space: nowrap;
}
#suntory_contents .bulletin_contents dt.item_tl::after {
	content: '';
	width: 20px;
	height: 12px;
	background: url(../img/arrow_down_large_gr.svg) no-repeat 0 0;
	background-size: 20px auto;
	position: absolute;
	top: calc(50% - 6px);
	right: 30px;
}
#suntory_contents .bulletin_contents dl.open dt.item_tl::after {
	background: url(../img/arrow_up_large_gr.svg) no-repeat 0 0;
	background-size: 20px auto;
}
#suntory_contents .bulletin_contents dd.item_table {
	padding: 30px 15px;
}
#suntory_contents .bulletin_contents dd.item_table table {
	border-top: 1px #dad5c8 solid;
	width: 100%;
}
#suntory_contents .bulletin_contents dd.item_table .wa { width: 4%;}
#suntory_contents .bulletin_contents dd.item_table .wb { width: 80%;}
#suntory_contents .bulletin_contents dd.item_table .wc { width: 16%;}
#suntory_contents .bulletin_contents dd.item_table.r-wide .wb { width: 66%;}
#suntory_contents .bulletin_contents dd.item_table.r-wide .wc { width: 30%;}

#suntory_contents .bulletin_contents dd.item_table td {
	padding: 10px;
	font-size: 14px;
	line-height: 1.8;
	border-bottom: 1px #dad5c8 solid;
}
#suntory_contents .bulletin_contents dd.item_table td.number {
	padding: 10px 0;
	font-size: 13px;
	text-align: center;
}
#suntory_contents .bulletin_contents dd.item_table td.person {
	padding: 10px 5px 10px 10px;
}
#suntory_contents .bulletin_contents dd.item_table td.person .position {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	margin: 0 0 5px 7px;
}

}