@charset "utf-8";

/* reset
----------------------------------------------------------*/
#suntory_contents #containar40th {
	color:#000;
}
#suntory_contents #containar40th a {
	color: #003d77;
	text-decoration: none;
}
#suntory_contents #containar40th p {
	margin: 0;
}
#suntory_contents #containar40th ul,
#suntory_contents #containar40th li{
	list-style:none;
}

/* 40th page base
----------------------------------------------------------*/
#suntory_contents .pc_item{
	display: inherit;
}
#suntory_contents .sp_item{
	display: none;
}

#suntory_contents #containar40th *{
	box-sizing: border-box;
}
#suntory_contents #containar40th #contents {
	width: 1000px;
	margin: 0 auto 100px;
}
#suntory_contents #containar40th figure {
	margin: 0;
	padding: 0;
}
#suntory_contents #containar40th figure img {
	width: 100%;
}
#suntory_contents #containar40th a:hover {
	opacity: 0.75;
}
#suntory_contents #containar40th p.pankuzu {
	font-size: 12px;
	line-height:160%;
	padding: 15px 0;
}
#suntory_contents #containar40th p.pankuzu a {
	color: #003d77;
}

/* pglink
----------------------------------------------------------*/
#suntory_contents #containar40th .pglink_upper {
	margin: 0;
}
#suntory_contents #containar40th .pglink_upper ul {
	width: 100%;
	margin: 0 auto;
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
#suntory_contents #containar40th .pglink_upper li {
	width: 188px;
	height: 50px;
}
#suntory_contents #containar40th .pglink_upper li:nth-child(2),
#suntory_contents #containar40th .pglink_upper li:last-child {
	width: 192px;
}
#suntory_contents #containar40th .pglink_upper li a {
	display:flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 16px 0 3px;
	font-size: 14px;
	color: #222;
	line-height: 1;
	border-radius: 5px;
	background: #cef3fb;
	position: relative;
}
#suntory_contents #containar40th .pglink_upper li a::after {
	content: "";
	position: absolute;
	transform: rotate(135deg);
	top: calc(50% - 6px);
	right: 10px;
	width: 6px;
	height: 6px;
	border-top: 3px solid #46C6E4;
	border-right: 3px solid #46C6E4;
}
#suntory_contents #containar40th .pglink_upper li.call a {
	padding: 0 16px 10px 3px;
}
#suntory_contents #containar40th .pglink_upper li.call a::before {
	content: "参加募集中";
	color: #f00;
	font-size: 12px;
	display: block;
	position: absolute;
	bottom:8px;
	left:0;
	width: 100%;
	text-align: center;
}


/* #message
----------------------------------------------------------*/
#suntory_contents .message {
	margin: 40px 0 0;
	background: url(/sfnd/40th/img/img_bird.png) no-repeat right 30px bottom / 90px;
}
#suntory_contents #containar40th .message figure {
	display: block;
	width: 256px;
	margin: 0 auto;
}
#suntory_contents .message h1 {
	margin: 30px 0 0 0;
	padding: 0;
	font-size:22px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
#suntory_contents #containar40th .message p {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
}


/* #summary
----------------------------------------------------------*/
#suntory_contents section#summary {
	margin: 80px 0 0;
}
#suntory_contents section#summary .inner {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
#suntory_contents section#summary .mv {
	width: 41.818%;
	text-align: center;
}
#suntory_contents section#summary .mv.last {
	margin-top: 40px;
}
#suntory_contents section#summary .mv h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
#suntory_contents section#summary .mv h3 span {
	display: block;
	font-size: 14px;
	font-weight: normal;
}
#suntory_contents section#summary .mv .movie {
	position: relative;
	width: 100%;
	margin: 20px 0 0;
	height: 0;
	border: 1px solid #ddd;
	padding-bottom: 56.25%;
	overflow: hidden;
}
#suntory_contents section#summary .mv .movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#suntory_contents section#summary .newsrelease {
	margin: 50px 0 0;
}
#suntory_contents section#summary .newsrelease a {
	display: block;
	margin: 0 auto;
	width: 310px;
	height: 50px;
	font-size: 15px;
	color: #333;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	border: 2px solid #46C6E4;
	border-radius: 5px;
}
#suntory_contents section#summary .newsrelease a span{
	padding-right: 20px;
	background: url(../img/arrow_r_pblue.png) no-repeat right center / 10px;
}


/* #words
----------------------------------------------------------*/
#suntory_contents section#words,
#suntory_contents section#event {
	margin: 100px 0 0;
}
#suntory_contents section#words h2,
#suntory_contents section#event h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	border-top: 2px solid #46C6E4;
	border-bottom: 2px solid #46C6E4;
}
#suntory_contents section#words .inner {
	margin: 30px 0 0;
	display:flex;
	flex-flow: row-reverse nowrap;
	justify-content: space-between;
}
#suntory_contents section#words .txt {
	width: 700px;
}
#suntory_contents section#words .txt p {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 5px;
}
#suntory_contents section#words .txt p.organization {
	margin-top: 15px;
	font-size: 13px;
	text-align: right;
	line-height: 1;
}
#suntory_contents section#words .txt p.signature {
	margin-top: 10px;
	font-size: 16px;
	text-align: right;
	line-height: 1;
}
#suntory_contents section#words figure {
	width: 250px;
}

/* #event
----------------------------------------------------------*/
#suntory_contents section#event .inner {
	margin: 30px 0 0;
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
#suntory_contents section#event p.notice {
	margin: 20px 0 0;
	font-size: 12px;
	line-height: 1.5;
	/* color: #900; */
	text-align: right;
}
#suntory_contents section#event .eventbox {
	margin-top: 60px;
}
#suntory_contents section#event .eventbox#no1 {
	margin-top: 20px;
}
#suntory_contents section#event .eventbox h3 {
	padding: 18px 0 0 70px;
	height: 56px;
	font-size: 18px;
	line-height: 1.3;
	background: #B7EAF5 no-repeat left top / 50px;
}
#suntory_contents section#event .eventbox#no1 h3 {	background-image:url(../img/img_no1.png);}
#suntory_contents section#event .eventbox#no2 h3 {	background-image:url(../img/img_no2.png);}
#suntory_contents section#event .eventbox#no3 h3 {	background-image:url(../img/img_no3.png);}
#suntory_contents section#event .eventbox#no4 h3 {	background-image:url(../img/img_no4.png);}
#suntory_contents section#event .eventbox#no5 h3 {	background-image:url(../img/img_no5.png);}

#suntory_contents section#event .eventbox h3 .non-public {
	display: inline-block;
	width: 50px;
	height: 20px;
	margin: 0 0 0 10px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	background: #555;
	border-radius: 5px;
}
#suntory_contents section#event .eventbox h3 .public {
	display: inline-block;
	width: 50px;
	height: 20px;
	margin: 0 0 0 10px;
	font-size: 12px;
	color: #555;
	line-height: 20px;
	text-align: center;
	background: #fff;
	border: 1px solid #555;
	border-radius: 5px;
}
#suntory_contents section#event .eventbox .eventleft {
	width: 280px;
	text-align: center;
}
#suntory_contents section#event .eventleft figure {
	width: 100%;
}
#suntory_contents section#event .eventbox .right {
	width: 670px;
}
#suntory_contents section#event .eventbox .right p {
	font-size: 14px;
	line-height: 1.8;
}
#suntory_contents section#event .toggle {
	margin: 30px 0 0;
}
#suntory_contents section#event .eventbox .right p.switchtl {
	height: 40px;
	padding: 0 20px;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	background: #D4E0D5 url(../img/arrow_down_gray.png) no-repeat right 20px center / 22px;
	cursor:pointer;
}
#suntory_contents section#event .eventbox .right p.switchtl:hover {
	opacity: 0.7;
}
#suntory_contents section#event .toggle .column {
	padding: 10px 20px 20px 20px;
	border: 1px solid #CCC;
	border-top: none;
}
#suntory_contents section#event .notoggle .column {
	padding: 30px 0 0;
}
#suntory_contents section#event .column .box {
	position: relative;
	padding: 20px 0 20px 80px;
	border-top: 1px solid #CCC;
	min-height: 110px;
}
#suntory_contents section#event .notoggle .column .box:last-child {
	border-bottom: 1px solid #CCC;
}
#suntory_contents section#event .toggle .column div.box:first-of-type {
	border: none;
}
#suntory_contents section#event .column .box .times {
	display: block;
	position: absolute;
	top: 20px;
	left:0;
	width: 70px;
	height: 70px;
	padding: 15px 5px 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	background: #46C6E4;
}
#suntory_contents section#event .column .box .times span {
	display: inline-block;
}
#suntory_contents section#event .column .theme {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	margin: 0 0 10px;
}
#suntory_contents section#event .column dl {
	font-size: 0;
}
#suntory_contents section#event .column dt {
	display: inline-block;
	width: 90px;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.8;
}
#suntory_contents section#event .column dd {
	display: inline-block;
	width: calc(100% - 90px);
	font-size: 14px;
	line-height: 1.8;
}
#suntory_contents section#event .column dt::before {
	content: "■";
	margin-right: 3px;
	color: #666;
}

/* #event mv/eventleft, mv_eventthumnail
----------------------------------------------------------*/
#suntory_contents section#event .mv .movie {
	position: relative;
	width: 100%;
	margin: 0 0 15px;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
#suntory_contents section#event .mv .movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#suntory_contents section#event .mv .mvcaption {
	font-size: 13px;
	line-height: 1.5;
}
#suntory_contents section#event .mv_eventthumnail {
	margin-left: auto;
}
#suntory_contents section#event .mv_eventthumnail a {
	display: block;
}
#suntory_contents section#event .mv_eventthumnail figure {
	width: 140px;
	margin: 0 auto 5px;
}
#suntory_contents section#event .eventbox .right .mv_eventthumnail p {
	display: block;
	padding: 5px 0;
	text-align: center;
	line-height: 1.5;
	font-size: 13px;
}
#suntory_contents section#event .external::after {
	content: "";
	padding-right: 14px;
	background:  url(/sfnd/common2016/img/icon_external_sp.png) no-repeat right top 4px / 11px;
}

/* #event共通
----------------------------------------------------------*/
#suntory_contents section#event .bt_entry {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	width: 120px;
	height: 40px;
}
#suntory_contents section#event .bt_entry a {
	box-sizing: border-box;
	display:flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 2px 15px 0 0;
	font-size: 13px;
	line-height: 1;
	text-align: left;
	border: 2px solid #46C6E4;
	border-radius: 5px;
	background:url(../img/arrow_r_pblue.png) no-repeat right 8px top 11px / 7px, url(/sfnd/common2016/img/icon_external_sp.png) no-repeat right 20px top 12px / 11px;
}
/*終了 右エリア*/
/*#suntory_contents section#event .right .mv_eventthumnail .end_just {
	position: absolute;
	top:  60px;
	right: 40px;
	color: #900;
	}*/
	/*終了 日付の後ろ*/
	#suntory_contents section#event .end {
		color: #900;
		margin-left: 2em;
	}

/* #event #no1
----------------------------------------------------------*/
#suntory_contents section#event #no1 .column .box,
#suntory_contents section#event #no2 .column .box,
#suntory_contents section#event #no4 .column .box {
	width: 100%;
	display:flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}
#suntory_contents section#event #no1 .column dl,
#suntory_contents section#event #no2 .column dl,
#suntory_contents section#event #no4 .column dl.hiroshima {
	width: 390px;
}
#suntory_contents section#event #no1 dd.theme,
#suntory_contents section#event #no2 dd.theme {
	width: 100%;
}
#suntory_contents section#event #no1 .mv_eventthumnail .supplement_link{
	padding: 0;
}
#suntory_contents section#event #no1 .mv_eventthumnail .supplement_link li {
	width: 180px;
	height: 30px;
	margin: 12px 0 0;
}
#suntory_contents section#event #no1 .mv_eventthumnail .supplement_link li a {
	display:flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 2px 0 0;
	font-size: 13px;
	line-height: 1;
	background-color: #cef3fb;
	border-radius: 5px;
}
#suntory_contents section#event #no1 .tko01 .mv_eventthumnail {
	padding-top: 25px;
}



/* #event #no3
----------------------------------------------------------*/
#suntory_contents section#event #no3 dl.data {
	font-size: 0;
}
#suntory_contents section#event #no3 dl.data dt {
	display: inline-block;
	width: 140px;
	margin: 0 0 6px;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.8;
}
#suntory_contents section#event #no3 dl.data dd.theme {
	font-weight: bold;
}
#suntory_contents section#event #no3 dl.data dt::before {
	content: "■";
	margin-right: 3px;
	color: #666;
}
#suntory_contents section#event #no3 dl.data dd {
	display: inline-block;
	margin: 0 0 6px;
	width: calc(100% - 140px);
	font-size: 14px;
	line-height: 1.8;
}
#suntory_contents section#event #no3 dl.data dd a {
	color: #003d77;
	background: url(/sfnd/common2016/img/icon_external_pc.png) no-repeat right 0;
	padding-right: 20px;
}
#suntory_contents section#event #no3 .right p.lead {
	margin: 15px 0 20px;
	padding: 15px 0 ;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#suntory_contents section#event #no3 .toggle .column {
	padding: 0 15px;
}
#suntory_contents section#event #no3 .toggle .column .box {
	padding: 20px 0;
}
#suntory_contents section#event #no3 .toggle .column .box .category {
	display: block;
	width: 150px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	background: #46C6E4;
}
#suntory_contents section#event #no3 .toggle .column .box .grid {
	padding: 20px 0 ;
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
}
#suntory_contents section#event #no3 .toggle .column dt {
	width: 100%;
	margin: 0 0 5px;
	font-weight: bold;
}
#suntory_contents section#event #no3 .toggle .column dt span {
	font-size: 13px;
}
#suntory_contents section#event #no3 .toggle .column dd {
	width: 100%;
}
#suntory_contents section#event #no3 .toggle .column dt::before {
	content: none;
}
#suntory_contents section#event #no3 .toggle .column dl {
	width: 480px;
}
#suntory_contents section#event #no3 .toggle .column figure {
	width: 120px;
}

#suntory_contents section#event #no3 .fw_nomal {
	font-weight: normal;
}

/* #event #no3, #no5, #no4
----------------------------------------------------------*/
#suntory_contents section#event #no3 figure,
#suntory_contents section#event #no4 figure,
#suntory_contents section#event #no5 figure {
	text-align: center;
}
#suntory_contents section#event #no3 .inner > figure img,
#suntory_contents section#event #no4 figure img,
#suntory_contents section#event #no5 figure img {
	width: auto;
	height: 250px;
}
#suntory_contents section#event #no3 .mv .movie,
#suntory_contents section#event #no4 .mv .movie {
	border: 1px solid #ddd;
}

/* #event #no4
----------------------------------------------------------*/
#suntory_contents section#event #no4 .textfiles {
	margin-top: 30px;
}
#suntory_contents section#event #no4 .textfiles p.msg {
	font-size: 14px;
	line-height: 1.8;
}
#suntory_contents section#event #no4 .textfiles ul {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#suntory_contents section#event #no4 .textfiles li {
	display: block;
	box-sizing: border-box;
	width: 210px;
	margin: 10px 0 0;
}
#suntory_contents section#event #no4 .textfiles li a {
	box-sizing: border-box;
	display:flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	font-size: 14px;
	line-height: 1.5;
	background-color: #cef3fb;
	border-radius: 5px;
	text-align: center;
}
#suntory_contents section#event #no4 .textfiles li a:hover {
	opacity: 0.75;
}
#suntory_contents section#event #no4 .textfiles li .version {
	display: block;
	margin-top: 3px;
	font-size: 13px;
}
#suntory_contents section#event #no4 .textfiles p.notes {
	font-size: 13px;
	line-height: 1.8;
	margin: 10px 0 0 17px;
	text-indent: -1em;
	background: none;
	color: #900;
}
#suntory_contents section#event #no4 .column .box dt.dtwide {
	width: 150px;
	margin-top: 8px;
}
#suntory_contents section#event #no4 .column .box dd.dtwide-dd {
	width: calc(100% - 150px);
	margin-top: 8px;
}
#suntory_contents section#event #no4 .column .box dd a  {
	text-decoration: underline;
}
#suntory_contents section#event #no4 .column .box .bt_entry {
	position: absolute;
	right: 0;
	top: 30px;
}
#suntory_contents section#event #no4 .eventleft .mv a {
	text-decoration: underline;
}
#suntory_contents section#event #no4 .eventleft .external::after {
	content: "";
	padding-right: 14px;
	background:  url(/sfnd/common2016/img/icon_external_sp.png) no-repeat right center / 11px;
}
/*地域文化フォーラム 応募方法記載*/
#suntory_contents section#event #no4 .howentry {
	margin: 0;
	padding: 20px 25px;
	background: #f3f3f3;
	color: #333;
}
#suntory_contents section#event #no4 .howentry h4 {
	margin: 0 0 5px;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5;
	color: #f00;
}
#suntory_contents section#event #no4 .howentry p {
	line-height: 1.5;
	margin-top: 5px;
}
#suntory_contents section#event #no4 .howentry dl {
	width: 100%;
}
#suntory_contents section#event #no4 .howentry dt {
	display: inline-block;
	width: 90px;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.8;
}
#suntory_contents section#event #no4 .howentry dt::before {
	content: "■";
	margin-right: 3px;
	color: #ccc;
}
#suntory_contents section#event #no4 .howentry dd {
	display: inline-block;
	width: calc(100% - 90px);
	font-size: 14px;
	line-height: 1.8;
}
#suntory_contents section#event #no4 .howentry dd.indent_post {
	padding-left: 100px;
	position: relative;
}
#suntory_contents section#event #no4 .howentry dd.indent_post span {
	width: 100px;
	display: block;
	position: absolute;
	left: 0;
}
#suntory_contents section#event #no4 .howentry ol {
	list-style-type: decimal;
	margin: 5px 0 20px;
	padding: 0 0 0 30px;
}
#suntory_contents section#event #no4 .howentry ol li {
	list-style-type: decimal;
	font-size: 14px;
	line-height: 1.8;
}
#suntory_contents section#event #no4 .mv_eventthumnail figure img {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
}
#suntory_contents section#event #no4 .mv_eventthumnail .sm_txt {
	font-size: 11px;
}
/*地域文化フォーラム レポート*/
#suntory_contents section#event #no4 .eventleft ul {
	margin-top: 40px;
}
#suntory_contents section#event #no4 .eventleft li {
	margin-top: 20px;
}
#suntory_contents section#event #no4 .eventleft li a {
	box-sizing: border-box;
	display:flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	font-size: 13px;
	line-height: 1.5;
	background-color: #cef3fb;
	border-radius: 5px;
	text-align: center;
}
#suntory_contents section#event #no4 .eventleft li a .sub{
	display: block;
}
/*地域文化フォーラム レポート右側*/
#suntory_contents section#event #no4 .column .box.osaka  {
	position: relative;
}
#suntory_contents section#event #no4 .column .box.osaka dl .narrow {
	letter-spacing: -0.05em;
}
#suntory_contents section#event #no4 .column .box.osaka dl .end {
	display: inline-block;
	text-indent: -1em;
	margin-left: 1em;
}
#suntory_contents section#event #no4 .column .box.osaka .mv_eventthumnail  {
	display: block;
	position: absolute;
	right:0;
	top:30px;
}
#suntory_contents section#event #no4 .column .box.osaka .mv_eventthumnail li a {
	box-sizing: border-box;
	display:flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 190px;
	margin-bottom: 20px;
	height: 56px;
	font-size: 13px;
	line-height: 1.5;
	background-color: #cef3fb;
	border-radius: 5px;
	text-align: center;
}
#suntory_contents section#event #no4 .column .box.osaka .mv_eventthumnail li a .sm_txt {
	display: block;
	font-size: 12px;
	letter-spacing: -0.05em;
}
#suntory_contents section#event #no4 .eventleft .mv {
	width: 280px;
	margin-top: 30px;
}

/* #event #no5
----------------------------------------------------------*/
#suntory_contents section#event .bt_detail {
	margin-top: 20px;
}
#suntory_contents section#event .bt_detail a {
	display: block;
	width: 160px;
	height: 40px;
	padding: 0 0 0 20px;
	font-size: 14px;
	color: #000;
	line-height: 40px;
	font-weight: bold;
	background: #D4E0D5 url(../img/arrow_r_gray.png) no-repeat right 15px center / 11px;
}


/* entry40th PC toppage
----------------------------------------------------------*/
#entry40th {
	width: 100%;
	padding: 50px 0 10px;
	background: #ABE6E0;
}
#entry40th, #entry40th figure, #entry40th p, #entry40th a, #entry40th div {
	box-sizing:border-box;
}
#entry40th .inner {
	width: 960px;
	margin: 0 auto;
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

/* entry40th banner PC toppage
----------------------------------------------------------*/
.bn_area {
	width: 630px;
	height: 210px;
	padding: 20px 0 12px;
	background: #FFF;
	border-radius: 6px;
	display:flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	overflow: hidden;
}
.bn_area .logo {
	width: 190px;
	margin: 0 65px;
}
.bn_area .logo a {
	display: block;
	text-decoration: none;
}
.bn_area .logo a:hover {
	opacity: 0.75;
}
.bn_area .logo figure {
	width: 160px;
	margin: 0 auto;
}
.bn_area .logo figure img {
	width: 100%;
}
.bn_area .logo a p.bt_40th {
	display: block;
	width: 100%;
	height: 36px;
	margin: 15px 0 0;
	padding: 10px 0 0 20px;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none!important;
	line-height: 1;
	background: #46C6E4 url(../img/arrow_r_wh.png) no-repeat right 10px center/ 8px;
	border-radius: 18px;
}
#suntory_contents .bn_area ul.slide40th {
	list-style-type:none;
	width: 260px;
}
#entry40th .bn_area .bx-wrapper {
	width: 260px!important;
	margin: 0!important;
}
.bn_area .slide40th li {
	display: block;
	width: 100%;
	margin: 2px 0 0;
	padding: 0;
	overflow: hidden;
}
.bn_area .slide40th li a {
	display: block;
	text-decoration: none;
	color: #000;
}
.bn_area .slide40th li a:hover {
	opacity: 0.75;
}
.bn_area .slide40th li img {
	width: 100%;
}
.bn_area .slide40th li p {
	font-size: 13px;
	line-height: 1.2;
	margin-top: 5px;
	text-align: center;
	overflow: hidden;
}

/* entry40th movie PC toppage
----------------------------------------------------------*/
.movie_area {
	width: 300px;
	padding: 10px 0 0;
}
.movie_area .mv {
	width: 300px;
	text-align: center;
}
.movie_area .mv h3 {
	font-size: 12px;
	line-height: 1.3;
	margin: 5px 0 0;
}
.movie_area .mv h3 span {
	display: block;
	font-weight: normal;
}
.movie_area .mv .movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.movie_area .mv .movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


@media screen and (min-width:768px){
	#entry40th,
	#suntory_contents #containar40th {
		font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

}
@media screen and (max-width:767px){
	body {
		-webkit-text-size-adjust: 100%; /*iOSsafariのfont自動調整無効*/
		text-size-adjust: 100%;
	}

/* 40th page base SP
----------------------------------------------------------*/
#suntory_contents .sp_item{
	display: inherit;
}
#suntory_contents .pc_item{
	display: none;
}
#suntory_contents #containar40th #contents {
	width: 100%;
	margin: 0 auto 80px;
}
#suntory_contents #containar40th p.pankuzu {
	display: none;
}

/* pglink SP
----------------------------------------------------------*/
#suntory_contents #containar40th .pglink_upper ul {
	width: 92vw;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#suntory_contents #containar40th .pglink_upper li {
	width: 44.8vw;
	height: 12vw;
	margin: 2vw 0 0;
}
#suntory_contents #containar40th .pglink_upper li:nth-child(2),
#suntory_contents #containar40th .pglink_upper li:last-child {
	width: 44.8vw;
}
#suntory_contents #containar40th .pglink_upper li:last-of-type {
	width: 48vw;
	margin: 2vw auto 0;
}
#suntory_contents #containar40th .pglink_upper li a {
	font-size: 3.2vw;
}
#suntory_contents #containar40th .pglink_upper li.call a {
	padding-bottom:  4vw;
}

/* #message SP
----------------------------------------------------------*/
#suntory_contents .message {
	padding: 0 0 22vw;
	background: url(/sfnd/40th/img/img_bird.png) no-repeat center bottom / 16vw;
}
#suntory_contents #containar40th .message figure {
	display: block;
	width: 50vw;
	margin: 0 auto;
}
#suntory_contents .message h1 {
	margin: 4vw 0 0 0;
	font-size: 4.6vw;
	line-height: 1.5;
}
#suntory_contents #containar40th .message p {
	margin: 2.4vw auto 0;
	font-size: 3.2vw;
	line-height: 1.8;
}

/* #summary SP
----------------------------------------------------------*/
#suntory_contents section#summary {
	width: 92vw;
	margin: 30px auto 0;
	padding: 20px 0 0;
	border-top: 2px solid #D4E0D5;
}
#suntory_contents section#summary .inner {
	display:block;
	width: 90.4%;
	margin: 0 auto;
}
#suntory_contents section#summary .mv {
	width: 100%;
	max-width: 460px;
	text-align: center;
	line-height: 1.5;
	margin: 30px auto 0;
}
#suntory_contents section#summary .mv.last {
	margin-top: 30px;
}
#suntory_contents section#summary .mv h3 {
	font-size: 13px;
}
#suntory_contents section#summary .mv h3 span {
	font-size: 12px;
}
#suntory_contents section#summary .mv .movie {
	margin: 10px 0 0;
}
#suntory_contents section#summary .newsrelease {
	margin: 30px 0 0;
}
#suntory_contents section#summary .newsrelease a {
	width: 285px;
	font-size: 14px;
	color: #333;
}


/* #words SP
----------------------------------------------------------*/
#suntory_contents section#words,
#suntory_contents section#event {
	width: 92vw;
	margin: 60px auto 0;
}
#suntory_contents section#words h2,
#suntory_contents section#event h2{
	font-size: 20px;
	line-height: 52px;
}
#suntory_contents section#words .inner,
#suntory_contents section#event .inner {
	display:block;
}
#suntory_contents section#words .txt {
	width: 100%;
	margin-top: 20px;
}
#suntory_contents #containar40th section#words figure {
	margin: 0 auto;
}
/* #event SP
----------------------------------------------------------*/
#suntory_contents section#event p.notice {
	margin: 20px 0 0;
	font-size: 11px;
	line-height: 1.5;
}
#suntory_contents section#event .eventbox h3 {
	padding: 16px 10px 16px 70px;
	height: auto;
	min-height:56px;
}
#suntory_contents section#event .eventbox .eventleft {
	width: 80vw;
	margin: 0 auto;
}
#suntory_contents section#event .eventbox .right {
	width: 100%;
	margin-top: 30px;
}
#suntory_contents section#event .toggle .column {
	padding: 10px 15px 15px 15px;
}
#suntory_contents section#event .column .box {
	padding: 20px 0;
}
#suntory_contents section#event .column .box .times {
	position: relative;
	width: 130px;
	height: 30px;
	margin-bottom: 10px;
	padding: 0;
	top: 0;
	line-height: 30px;
}
#suntory_contents section#event .column .box .times span {
	margin-left: 10px;
}
#suntory_contents section#event .column dt {
	width: 70px;
	font-size: 13px;
}
#suntory_contents section#event .column dd {
	width: calc(100% - 70px);
	font-size: 13px;
}

/* #event mv/eventleft, mv_eventthumnail
----------------------------------------------------------*/
#suntory_contents section#event #no1 .column .box,
#suntory_contents section#event #no2 .column .box,
#suntory_contents section#event #no4 .column .box {
	width: 100%;
	display: block;
}
#suntory_contents section#event .column dl {
	width: 100%;
}
#suntory_contents section#event .mv_eventthumnail {
	width: 100%;
	margin: 4vw auto 0;
}
#suntory_contents section#event .mv_eventthumnail a {
	width: auto;
	margin: 0;
}
#suntory_contents section#event .eventbox .mv_eventthumnail figure {
	width: 44vw;
	margin: 0 auto;
}
#suntory_contents section#event .external::after {
	background-position: right top;
	background-size: 12px;
}
/* #event共通 SP
----------------------------------------------------------*/
#suntory_contents section#event .bt_entry {
	position: relative;
	top: 0;
	right:0;
	margin: 15px auto 0;
	width: 44vw;
}
/*終了 右エリア*/
/*#suntory_contents section#event .right .mv_eventthumnail .end_just {
	font-size: 13px;
	right: 30px;
	}*/
	/*終了 日付の後ろ*/
	#suntory_contents section#event br + .end {
		margin-left: 0;
	}

/* #event #no1
----------------------------------------------------------*/
#suntory_contents section#event #no1 .column .box,
#suntory_contents section#event #no2 .column .box {
	width: 100%;
	display: block;
	align-items: flex-start;
}
#suntory_contents section#event #no1 .column dl,
#suntory_contents section#event #no2 .column dl,
#suntory_contents section#event #no4 .column dl.hiroshima {
	width: 100%;
}
#suntory_contents section#event #no1 .mv_eventthumnail {
	width: 100%;
	margin: 15px auto 0;
}
#suntory_contents section#event #no1 .mv_eventthumnail .supplement_link li {
	width: 70vw;
	height: 10vw;
	margin: 2.4vw auto 0;
	border-radius: 1.6vw;
}
#suntory_contents section#event #no1 .mv_eventthumnail .supplement_link li a {
	padding: 0;
	border-radius: 1.6vw;
}
#suntory_contents section#event #no1 .tko01 .mv_eventthumnail {
	padding-top: 0;
}



/* #event #no3 SP
----------------------------------------------------------*/
#suntory_contents section#event #no3 dl.data dt {
	display: inline-block;
	width: 90px;
	margin: 0 0 6px;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.8;
}
#suntory_contents section#event #no3 dl.data dt::before {
	content: "■";
	margin-right: 2px;
	color: #666;
}
#suntory_contents section#event #no3 dl.data dd {
	display: inline-block;
	margin: 0 0 6px;
	width: calc(100% - 90px);
	font-size: 13px;
	line-height: 1.8;
}
#suntory_contents section#event #no3 .toggle .column {
	padding: 10px 15px 0 15px;
}
#suntory_contents section#event #no3 .toggle .column .box .category {
	width: 100%;
}
#suntory_contents section#event #no3 .toggle .column .box .grid {
	padding: 20px 0;
	display:flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: center;
}
#suntory_contents section#event #no3 .toggle .column .box .grid figure { order:1;}
#suntory_contents section#event #no3 .toggle .column .box .grid dl { order:2;}
#suntory_contents section#event #no3 .toggle .column dt {
	width: 100%;
	margin: 0 0 2px;
	text-align: center;
}
#suntory_contents section#event #no3 .toggle .column dt span {
	font-size: 12px;
	white-space: nowrap;
}
#suntory_contents section#event #no3 .toggle .column dd {
	width: 100%;
	font-size: 13px;
}
#suntory_contents section#event #no3 .toggle .column dl {
	width: 100%;
}
#suntory_contents section#event #no3 .toggle .column figure {
	width: 120px;
	margin-bottom: 10px;
}

/* #event #no3, #no5 SP
----------------------------------------------------------*/
#suntory_contents section#event #no3 .inner > figure img,
#suntory_contents section#event #no5 figure img {
	height: 200px;
	width: auto;
}
#suntory_contents section#event #no5 .right dl {
	font-size: 13px;
}
/* #event #no4 SP
----------------------------------------------------------*/
#suntory_contents section#event #no4 .textfiles ul {
	display:flex;
	flex-flow: column wrap;
	align-items: center;
}
#suntory_contents section#event #no4 .textfiles li {
	display: block;
	width: 96%;
	margin: 8px 0;
}
#suntory_contents section#event #no4 .textfiles li a {
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	height: 45px;
	padding: 0 15px;
}
#suntory_contents section#event #no4 .textfiles p.notes {
	font-size: 12px;
}
#suntory_contents section#event #no4 .column .box dt.dtwide {
	width: 130px;
	margin-top: 8px;
}
#suntory_contents section#event #no4 .column .box dd.dtwide-dd {
	width: calc(100% - 130px);
	margin-top: 8px;
}
#suntory_contents section#event #no4 .column .box .bt_entry {
	position: relative;
	top: 0;
}
/*地域文化フォーラム 応募方法記載*/
#suntory_contents section#event #no4 .howentry {
	padding: 15px;

}
#suntory_contents section#event #no4 .howentry h4 {
	font-size: 14px;
}
#suntory_contents section#event #no4 .howentry p,
#suntory_contents section#event #no4 .howentry ol li ,
#suntory_contents section#event #no4 .howentry dt,
#suntory_contents section#event #no4 .howentry dd {
	font-size: 13px;
}
#suntory_contents section#event #no4 .howentry ol {
	padding: 0 0 0 15px;
}
#suntory_contents section#event #no4 .howentry dt {
	width: 80px;
}
#suntory_contents section#event #no4 .howentry dd {
	width: calc(100% - 80px);
}
#suntory_contents section#event #no4 .howentry dd.indent_post {
	padding-left: 0;
}
#suntory_contents section#event #no4 .howentry dd.indent_post span {
	width: auto;
	display: block;
	position: relative;
}
/*地域文化フォーラム レポート*/
#suntory_contents section#event #no4 .eventleft li a {
}
/*地域文化フォーラム レポート右側*/
#suntory_contents section#event #no4 .column .box.osaka .mv_eventthumnail  {
	position: relative;
	top:0;
}
#suntory_contents section#event #no4 .column .box.osaka .mv_eventthumnail li a {
	width: 100%;
	margin: 15px 0 0;
}
#suntory_contents section#event #no4 .eventleft .mv {
	width: 80vw;
	margin: 8vw auto;
}


/* #event #no5 SP
----------------------------------------------------------*/
#suntory_contents section#event .bt_detail {
	margin-top: 10px;
}
#suntory_contents section#event .bt_detail a {
	margin: 0 auto;
}

/* entry40th SP toppage
----------------------------------------------------------*/
#entry40th {
	padding: 8vw 4vw 4vw;
}
#entry40th .inner {
	width: 100%;
}
/* entry40th banner SP toppage
----------------------------------------------------------*/
.bn_area {
	width: 100%;
	height: auto;
	padding: 4vw 0;
	border-radius: 1.6vw;
}
.bn_area .logo {
	width: 40vw;
	margin: 0 4vw;
}
.bn_area .logo figure {
	width: 25vw;
}
.bn_area .logo a p.bt_40th {
	height: 8vw;
	margin: 2vw 0 0;
	padding: 0 0 0 4vw;
	font-size: 3.2vw;
	line-height: 8vw;
	background: #46C6E4 url(../img/arrow_r_wh.png) no-repeat right 2.4vw center/ 2vw;
	border-radius: 4vw;
}
#entry40th .bn_area .bx-wrapper {
	width: 40vw!important;
}
.bn_area .slide40th li {
	margin: 0;
}
.bn_area .slide40th li p {
	font-size: 3.2vw;
	margin: 2vw 0 0;
}


/* entry40th movie PC toppage
----------------------------------------------------------*/
.movie_area {
	display: none;
}

}