@charset "utf-8";
/*出版事業_日本語版css*/

/*----------------------------------------
common
----------------------------------------*/
#suntory_contents #cont #desc_pub {
	font-size: inherit;
}
#suntory_contents #cont section p {
	margin: 0.5em 0 0;
}
#suntory_contents #cont section p:first-of-type {
	margin: 0;
}
#suntory_contents #cont section * {
	box-sizing: border-box;
}

/*----------------------------------------
#desc_pub
----------------------------------------*/
#suntory_contents #cont #desc_pub p {
	font-size: 1.2em;
	line-height: 1.8;
}

/*----------------------------------------
.pglink
----------------------------------------*/
#suntory_contents .pglink {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-start;
}
#suntory_contents .pglink .btn {
	width: 370px;
	height: 60px;
	margin: 0 20px;
}
#suntory_contents .pglink .btn a {
	display: flex;
	justify-content:center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	background:#6b4216;
	border-radius: 5px;
	position: relative;
}
#suntory_contents .pglink .btn a::after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 25px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#suntory_contents .pglink .btn a:hover {
	opacity: 0.85;
	text-decoration: none;
}

/*----------------------------------------
.multi_column
----------------------------------------*/
#suntory_contents .multi_column {
	margin: 50px 0 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
#suntory_contents .multi_column a {
	color: #0071bf;
	text-decoration: none;
}
#suntory_contents .multi_column a:hover {
	text-decoration: underline;
}
#suntory_contents .multi_column .left_part{
	width: 20.618556701030928%;
	padding: 30px 20px 20px;
	background: #2d1506
}
#suntory_contents .multi_column .left_part h3 {
	margin: 0;
	color: #fff;
	font-size: 26px;
	line-height: 1.5;
	text-align: center;
}
#suntory_contents .multi_column .left_part figure {
	display: block;
	width: 100%;
	margin: 80px 0 0;
	padding: 0	;
}
#suntory_contents .multi_column .left_part figure img {
	max-width: 100%;
	width: auto;
		height: auto;
}
#suntory_contents .multi_column .left_part.space{
	background: none;
}
#suntory_contents .multi_column .body_part {
	width: 75.601374570446735%;
}
#suntory_contents .multi_column .info {
	padding: 20px 25px;
	background: #e7f6fa;
}
#suntory_contents #cont .multi_column .info .topic {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}
#suntory_contents .multi_column .info .topic strong {
	font-size: 20px;
	font-weight: bold;
}
#suntory_contents .multi_column .body_part h4 {
	margin: 30px 0 15px;
	padding: 8px 0 8px 15px;
	border-left: 5px solid #6b4216;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
}
#suntory_contents .multi_column .body_part h4 .txt_s {
	font-size: 14px;
	margin: 0 0 0 20px;
	font-weight: normal;
}
#suntory_contents .multi_column .body_part .notes{
	font-size: 14px;
}
#suntory_contents .link_lower {
	text-align: right;
}
#suntory_contents .link_lower a {
	position: relative;
	padding: 0 12px 0 0;
}
#suntory_contents .link_lower a::after {
	content: "";
	position: absolute;
	top: 4px;
	right: 0;
	width: 6px;
	height: 6px;
	border-right: 2px solid #0071bf;
	border-bottom: 2px solid #0071bf;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#suntory_contents .multi_column .body_part table.tb_pdf {
	width: 100%;
	margin: 10px 0 0;
	border-collapse:collapse;
	table-layout: fixed;
	border-top: 1px solid #ccc;
}
#suntory_contents .multi_column .body_part table.tb_pdf + .tb_pdf {
	margin: 0;
	border-top: none;
}
#suntory_contents .multi_column .body_part table.tb_pdf.double .wa{ width: 45%;}
#suntory_contents .multi_column .body_part table.tb_pdf.double .wb{ width: 55%;}

#suntory_contents .multi_column .body_part table.tb_pdf td {
	padding: 15px 5px 15px 25px;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
}
#suntory_contents .multi_column .body_part table.tb_pdf td > a {
	display: inline;
	padding: 0 0 0 25px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	position: relative;
}
#suntory_contents .multi_column .body_part table.tb_pdf td > a::before {
	content: "";
	display: block;
	position: absolute;
	width: 14px;
	height: 20px;
	top: 2px;
	left: 0;
	background: url(/sfa/music/publication/assets2022/img/icon_pdf.svg) no-repeat left top / 14px;
}
#suntory_contents #cont section.multi_column .body_part table.tb_pdf td p.notice {
	margin: 5px 0 0 25px;
	line-height: 1.5;
}
#suntory_contents .multi_column .body_part table.tb_link {
	width: 100%;
	margin: 10px 0 0;
	border-collapse:collapse;
	table-layout: fixed;
	border-top: 1px solid #ccc;
}
#suntory_contents .multi_column .body_part table.tb_link + .tb_link {
	margin: 0;
	border-top: none;
}
#suntory_contents .multi_column .body_part table.tb_link.double .wa{ width: 45%;}
#suntory_contents .multi_column .body_part table.tb_link.double .wb{ width: 55%;}

#suntory_contents .multi_column .body_part table.tb_link td {
	padding: 15px 5px 15px 25px;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
}
#suntory_contents .multi_column .body_part table.tb_link td > a {
	display: inline;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	position: relative;
}
#suntory_contents #cont section.multi_column .body_part table.tb_link td p.notice {
	margin: 5px 0 0 25px;
	line-height: 1.5;
}

/*----------------------------------------
#using
----------------------------------------*/
#suntory_contents #cont aside#using {
	display: table;
	margin: 40px 0 0;
	border: 1px solid #887A55;
}
#suntory_contents #cont #using h5 {
	display: table-cell;
	width: 170px;
	height: 100%;
	vertical-align: middle;
	color: #fff;
	font-size: 15px;
	text-align: center;
	background: #887A55;
}
#suntory_contents #cont #using .text_part {
	display: table-cell;
	padding: 15px;
	vertical-align: top;
}
#suntory_contents #cont #using .text_part p {
	font-size: 13px;
	line-height: 1.6;
}
#suntory_contents #cont #using .adobe {
	margin: 0 0 15px;
	padding: 10px 20px;
	background:#F6EED9;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}
#suntory_contents #cont #using .adobe a {
	display: block;
	margin-right: 20px;
}

/*----------------------------------------
#purchase
----------------------------------------*/
#suntory_contents #purchase {
	margin: 60px 0 0;
}
#suntory_contents #purchase h3 {
	padding: 10px 15px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #5FC2DB;
}
#suntory_contents #purchase .leadtxt {
	margin: 15px 0 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
}
#suntory_contents #purchase .leadtxt > p {
	width: calc(100% - 39.518900343642612%);
}
#suntory_contents #purchase .leadtxt strong {
	font-weight: bold;
	color: #007694;
}
#suntory_contents #purchase .leadtxt .destination {
	width: 36.082474226804124%;
	padding: 10px 30px;
	background:#F6EED9;
}
#suntory_contents #purchase .leadtxt .destination p {
	margin: 0;
}
#suntory_contents #purchase h4 {
	margin: 30px 0 15px;
	padding: 8px 0 8px 15px;
	border-left: 5px solid #6b4216;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
}
#suntory_contents #purchase table.tb_booklet {
	width: 100%;
	margin: 0;
	border-collapse:collapse;
	table-layout: fixed;
}
#suntory_contents #purchase table.tb_booklet .wa {width: 20%;}
#suntory_contents #purchase table.tb_booklet .wb {width: 10%;}
#suntory_contents #purchase table.tb_booklet .wc {width: 45%;}
#suntory_contents #purchase table.tb_booklet .wd {width: 25%;}

#suntory_contents #purchase table.tb_booklet th {
	background:#F6EED9;
	padding: 5px;
	border-bottom: 1px solid #fff;
}
#suntory_contents #purchase table.tb_booklet td.interval {
	padding: 0;
	border-left: none;
	border-right: none;
	font-size: 1px;
	line-height: 5px;
}
#suntory_contents #purchase table.tb_booklet td {
	padding: 5px 10px;
	border: 1px solid #ccc;
	text-align: center;
}
#suntory_contents #purchase table.tb_booklet td.type {
	background: #887A55;
	vertical-align: middle;
	border: 1px solid #fff;
}
#suntory_contents #purchase table.tb_booklet td.type p {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
	text-align: center;
	color: #fff;
}

@media screen and (min-width: 768px) {
/*for PC========================================-*/
.sp_item {
	display: none;
}
#suntory_contents #cont aside,
#suntory_contents #cont #purchase,
#suntory_contents .multi_column .body_part {
	font-family: Meiryo, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
#suntory_contents #cont section {
	font-size: 15px;
	line-height: 1.8;
}

#suntory_contents .multi_column .body_part table.tb_pdf td .external{
	font-size: 12px;
	margin-left: 20px !important;
	white-space: nowrap;
}


}
@media screen and (max-width: 767px) {
/*for SP========================================-*/
.pc_item {
	display: none;
}
#suntory_contents #cont aside,
#suntory_contents #cont #purchase,
#suntory_contents .multi_column .body_part {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
/*----------------------------------------
#desc_pub
----------------------------------------*/
#suntory_contents #ttl_main {
	background:none;
}
#suntory_contents #ttl_main h2 {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	background-color: #5fc2db;
	padding: 1.6vw 0;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -0.02em;
}
#suntory_contents #cont section {
	font-size: 4vw;
	padding: 0 4vw;
}
#suntory_contents #cont #desc_pub {
	margin: 0;
}


/*----------------------------------------
.pglink
----------------------------------------*/
#suntory_contents .pglink {
	margin: 6.4vw 0 0;
	padding: 0 4vw;
	justify-content: space-between;
}
#suntory_contents .pglink .btn {
	width: 44vw;
	height: 16vw;
	margin: 0;
}
#suntory_contents .pglink .btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 0 2.4vw 0 0;
	font-size: 4.8vw;
	border-radius: 1.6vw;
	line-height: 1.2;
	text-align: center;
}
#suntory_contents .pglink .btn a::after {
	content: "";
	position: absolute;
	top: calc(50% - 0);
	right: 3.2vw;
	width: 2.4vw;
	height: 2.4vw;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*----------------------------------------
.multi_column
----------------------------------------*/
#suntory_contents .multi_column {
	margin: 12vw 0 0;
	display: block;
}
#suntory_contents .multi_column .left_part{
	width: 100%;
	padding: 4vw 6.4vw;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
#suntory_contents .multi_column .left_part h3 {
	display: block;
	width: 48vw;
	margin: 0;
	background: #2d1506;
	font-size: 6.4vw;
	text-align: center;
}
#suntory_contents .multi_column .left_part figure {
	width: 24vw;
	margin: 0;
}
#suntory_contents .multi_column .left_part.space{
	display: none;
}
#suntory_contents .multi_column .body_part {
	width: 100%;
	margin: 8vw auto 0;
}
#suntory_contents .multi_column .info {
	padding: 4vw;
}
#suntory_contents #cont .multi_column .info .topic {
	font-size: 4vw;
}
#suntory_contents .multi_column .info .topic strong {
	font-size: 5.333333333vw;
}
#suntory_contents .multi_column .body_part h4 {
	margin: 8vw 0 4vw;
	padding: 1.6vw 0 1.6vw 4vw;
	border-left: 1.333333333vw solid #6b4216;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1;
}
#suntory_contents .multi_column .body_part h4 .txt_s {
	display: block;
	font-size: 3.733333333vw;
	margin: 2.4vw 0 0;
	line-height: 1.5;
}
#suntory_contents .multi_column .body_part .notes{
	font-size: 3.733333333vw;
}
#suntory_contents .link_lower a {
	padding: 0 4vw 0 0;
}
#suntory_contents .link_lower a::after {
	top: 0.8vw;
	right: 0;
	width: 1.6vw;
	height: 1.6vw;
	border-right: 0.53333333vw solid #0071bf;
	border-bottom: 0.53333333vw solid #0071bf;
}
#suntory_contents .multi_column .body_part table.tb_pdf td {
	padding: 2.4vw 2.4vw  2.4vw 8vw;
}
#suntory_contents .multi_column .body_part table.tb_pdf.double {
	display: block;
}
#suntory_contents .multi_column .body_part table.tb_pdf.double tbody,
#suntory_contents .multi_column .body_part table.tb_pdf.double tr,
#suntory_contents .multi_column .body_part table.tb_pdf.double td {
	display: block;
	width: 100%;
}
#suntory_contents .multi_column .body_part table.tb_pdf.double tr td:first-of-type {
	border-bottom: 1px dotted #fff;
	padding-bottom: 0;
}

#suntory_contents .multi_column .body_part table.tb_pdf td > a {
	padding: 0;
	font-size: 4vw;
}
#suntory_contents .multi_column .body_part table.tb_pdf td > a::before {
	width: 3.733333333vw;
	height: 5.333333333vw;
	top: 0;
	left: -5.6vw;
	background: url(/sfa/music/publication/assets2022/img/icon_pdf.svg) no-repeat left top / 3.733333333vw;
}
#suntory_contents .multi_column .body_part table.tb_pdf td .size {
	font-size: 3.466666667vw;
	white-space: nowrap;
}
#suntory_contents .multi_column .body_part table.tb_pdf td .external{
	font-size: 2.838427947vw;
	white-space: nowrap;
}

#suntory_contents #cont section.multi_column .body_part table.tb_pdf td p.notice {
	margin: 1.6vw 3.2vw 0 0;
	line-height: 1.5;
}
#suntory_contents .multi_column .body_part table.tb_link td {
	padding: 2.4vw 2.4vw  2.4vw 8vw;
}
#suntory_contents .multi_column .body_part table.tb_link.double {
	display: block;
}
#suntory_contents .multi_column .body_part table.tb_link.double tbody,
#suntory_contents .multi_column .body_part table.tb_link.double tr,
#suntory_contents .multi_column .body_part table.tb_link.double td {
	display: block;
	width: 100%;
}
#suntory_contents .multi_column .body_part table.tb_link.double tr td:first-of-type {
	border-bottom: 1px dotted #fff;
	padding-bottom: 0;
}

#suntory_contents .multi_column .body_part table.tb_link td > a {
	padding: 0;
	font-size: 4vw;
}
#suntory_contents .multi_column .body_part table.tb_link td .size {
	font-size: 3.466666667vw;
	white-space: nowrap;
}
#suntory_contents .multi_column .body_part table.tb_link td .external{
	font-size: 2.838427947vw;
	white-space: nowrap;
}
#suntory_contents #cont section.multi_column .body_part table.tb_link td p.notice {
	margin: 1.6vw 3.2vw 0 0;
	line-height: 1.5;
}

/*----------------------------------------
#using
----------------------------------------*/
#suntory_contents #cont aside#using {
	display: block;
	margin: 8vw 0 0;
	padding: 0 4vw;
	border: none;
}
#suntory_contents #cont #using h5 {
	display: block;
	width: 100%;
	height: 100%;
	padding: 2.4vw 0;
	font-size: 3.733333333vw;
	text-align: center;
}
#suntory_contents #cont #using .text_part {
	display: block;
	border: 1px solid #887A55;
	padding: 4vw;
}
#suntory_contents #cont #using .text_part p {
	font-size: 3.466666667vw;
}
#suntory_contents #cont #using .adobe {
	margin: 0 0 4vw;
	padding: 	2.4vw 4vw;
	display: block;
}
#suntory_contents #cont #using .adobe a {
	text-align: center;
	margin: 0 0 2.4vw;
}
/*----------------------------------------
#purchase
----------------------------------------*/
#suntory_contents #purchase {
	margin: 16vw 0 0;
}
#suntory_contents #purchase h3 {
	padding: 2.4vw 4vw;
	font-size: 4.8vw;
}
#suntory_contents #purchase .leadtxt {
	margin: 4vw 0 0;
	display: block;
}
#suntory_contents #purchase .leadtxt > p {
	width: 100%;
}
#suntory_contents #purchase .leadtxt .destination {
	width: 100%;
	padding: 4vw;
	margin: 4vw 0 0;
}
#suntory_contents #purchase table.tb_booklet {
	display: block;
	table-layout: auto;
}
#suntory_contents #purchase table.tb_booklet tbody {
	display: block;
	width: 100%;
}
#suntory_contents #purchase table.tb_booklet tr {
	display:flex;
	flex-flow: row wrap;
}
#suntory_contents #purchase table.tb_booklet th {
	display: none;
}
#suntory_contents #purchase table.tb_booklet td {
	display: block;
	padding: 1.6vw 2.4vw;
	border: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
#suntory_contents #purchase table.tb_booklet td.interval {
	width: 100%;
	border: none;
	font-size: 1px;
	line-height: 1.6vw;
}
#suntory_contents #purchase table.tb_booklet td.type {
	width: 100%;
}
#suntory_contents #purchase table.tb_booklet td:nth-last-child(3) {width: 18%;
	border-left: 1px solid #ccc;
}
#suntory_contents #purchase table.tb_booklet td:nth-last-child(2) {width: 58%}
#suntory_contents #purchase table.tb_booklet td:nth-last-child(1) {width: 24%;}

}