@charset "utf-8";

/* common */
article { margin: 0 auto; width: 100%; max-width: 1164px; }
article section.body { margin: 0 auto; width: 94%; max-width: 600px; }
article section.body:nth-of-type(1) { margin-top: 60px; }
article section.body p { font-size: 110%; color: rgb(63, 32, 33); line-height: 1.6; }
.pc_none { display: none; }
.sp_none { display: block; }
@media screen and (max-width: 640px) {
	article h2 { padding: 13px 0 10px 0; font-size: 110%; }
	article section.body p { font-size: 90%; }
	.pc_none { display: block; }
	.sp_none { display: none; }
}

/* title */
article.title { position: relative;  background-color: rgb(63, 32, 33); background-color: rgb(63, 32, 33); background-position: center; background-repeat: no-repeat; background-size: cover; }
article.title { background-image: url("../images/event/title_bg_sp.jpg"); }
article.title h1 { display: -webkit-box; -webkit-box-pack: center; -webkit-box-orient: vertical; -webkit-flex-direction: column; -webkit-justify-content: center; -webkit-align-items: center; -webkit-flex-wrap: wrap; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 auto; width: 100%; height: 280px; background-color: rgba(0, 0, 0, 0.1); }
article.title h1 span { display: block; }
article.title h1 span:nth-child(1) { width: calc(236px*0.6); }
article.title h1 span:nth-child(2) { margin-top: 5px; width: calc(344px*0.6); }
article.title h1 span img { width: 100%; }
article.title p.logo { position: absolute; left: 10px; top: 10px; width: 40px; }
article.title p.logo img { width: 100%; }
@media screen and (min-width: 640px) {
	article.title { display: none; }
}
@media screen and (max-width: 640px) {
	article.title h1 span:nth-child(1) { margin: 0 auto; width: 142px; } /* android */
	article.title h1 span:nth-child(2) { margin: 0 auto; width: 206px; } /* android */
	article.title h1 span.notification_title03 { width: 286px; }
}

/* head */
article.head { position: relative; margin: 0 auto; padding-top: 50%; width: 100%; max-width: 1164px; height: 0; background-color: rgb(230, 218, 184); background-position: center; background-repeat: no-repeat; background-size: cover; }
article.head section.info { position: absolute; left: 0; top: 50%; margin-top: -1em; padding: 8px 0; width: 25%; background-color: rgba(255, 255, 255, 0.6); }
article.head section.info h2 { padding: 0 10px 0 10px; font-size: 95%; font-weight: bold; color: rgb(63, 32, 33); line-height: 1.3; }
article.head section.info ul { display: -webkit-box; -webkit-box-pack: start; -webkit-justify-content: flex-start; -webkit-align-items: flex-start; -webkit-flex-wrap: nowrap; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; margin-top: 5px; padding: 0 10px 0 15px; width: 92%; }
article.head section.info ul li { position: relative; margin-left: 1em; font-size: 75%; color: rgb(63, 32, 33); }
article.head section.info ul li:nth-child(1) { margin-left: 0; }
article.head section.info ul li.date { padding-left: 13px; }
article.head section.info ul li.place { padding-left: 12px; }
article.head section.info ul li.date:before { display: block; position: absolute; top: 0; left: 0; content: url("../images/event/icon_date_bk.svg"); width: 9px; height: 9.4px; }
article.head section.info ul li.place:before { display: block; position: absolute; top: 0; left: 0; content: url("../images/event/icon_place_bk.svg"); width: 8px; height: 12px; }
article.head p.logo { position: absolute; left: 20px; top: 20px; width: 90px; }
article.head p.logo img { width: 100%;}
@media screen and (max-width: 960px) {
	article.head section.info { width: 35%; }
}
@media screen and (max-width: 800px) {
	article.head section.info { width: 30%; }
}
@media screen and (max-width: 640px) {
	article.head { position: static; margin: 0 auto; padding: 15px 0; width: 100%; height: auto; min-height: 40px; }
	article.head section.info { position: static; margin: 0 auto; width: 90%; padding: 0; background-color: transparent; }
	article.head section.info h2 { padding: 0; font-size: 95%; border-bottom: 0; }
	article.head section.info ul { margin: 10px auto 0 auto; padding: 0; width: 100% }
	article.head p.logo { display: none; }
}

/* body */
article.body { margin: 50px auto; width: 94%; max-width: 620px; }
article.body section.block { margin-top: 50px; }
article.body p { margin-top: 20px; font-size: 95%; color: rgb(63, 32, 33); line-height: 1.7; }
article.body p img { width: 100%; }
article.body p.sp { display: none; }
article.body p strong { font-weight: bold; }
article.body p a { font-weight: bold; color: rgb(245, 145, 25); text-decoration: none; }
article.body p a:link { color: rgb(245, 145, 25); }
article.body p a:visited { color: rgb(245, 145, 25); }
article.body p a:hover { color: rgb(226, 84, 21); text-decoration: underline; }
article.body p a:active { color: rgb(226, 84, 21); text-decoration: underline; }
article.body section.info { margin-top: 30px; padding: 10px 10px 10px 12px; background-color: rgb(255, 255, 255); border: 2px solid rgb(63, 32, 33); box-sizing: border-box; }
article.body section.info p { display: -webkit-box; -webkit-box-pack: start; -webkit-justify-content: flex-start; -webkit-align-items: flex-start; -webkit-flex-wrap: nowrap; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; margin-top: 5px; }
article.body section.info p:first-child { margin-top: 0; }
article.body section.info p span:nth-child(1) { width: 15%; }
article.body section.info p span:nth-child(2) { width: 82%; }
@media screen and (max-width: 640px) {
	article.body { width: 90%; }
	article.body section.block { margin-top: 30px; }
	article.body p { margin-top: 20px; font-size: 85%; line-height: 1.6; }
	article.body p.sp { display: block; }
	article.body section.info { margin-top: 30px; padding: 10px; }
	article.body section.info p { font-size: 80%; line-height: 1.5; }
}

/* head report_20180707 */
.report_20180707 article.head { background-position: top; }
.report_20180707 article div.note_graphic { margin-top: 20px; font-size: 80%; line-height: 1.2; color: rgb(63, 32, 33); text-align: right;}
@media screen and (max-width: 640px) {
	.report_20180707 article div.note_graphic { font-size: 70%; }
	.report_20180707 article div.note_graphic img { width: 100%;}
	.report_20180707 article.body section.info p span:nth-child(1) { width: 25%; }
}

/* info report_20190721 */
@media screen and (max-width: 640px) {
  .report_20190721 article.body section.info p span:nth-child(1) { width: 25%; }
}

/* title report_20181222 */
#malibu_contents .malinu_sub_title {
  position: relative;
}
#malibu_contents .malibu_sp_none.picture_caution {
  text-align: right;
  font-size: 80%;
}
#malibu_contents .malibu_pc_none.picture_caution {
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-size: 85%;
}
#malibu_contents .malibu_sp_none {
  display: block;
  margin-top: 0px;
}
#malibu_contents .malibu_pc_none {
  display: none;
}
@media screen and (max-width: 460px) {
  #malibu_contents .malibu_sp_none {
    display: none;
  }
  #malibu_contents .malibu_pc_none {
    display: block;
  }
}
/* nav.local */
nav.local { display: -webkit-box; -webkit-box-pack: center; -webkit-justify-content: center; -webkit-align-items: center; -webkit-flex-wrap: nowrap; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; margin: 40px auto; width: 94%; max-width: 620px; }
nav.local ul { display: -webkit-box; -webkit-box-pack: center; -webkit-justify-content: center; -webkit-align-items: center; -webkit-flex-wrap: nowrap; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; margin: auto; padding: 6px 0 2px 0; width: 100%; min-height: 60px; background-color: rgb(245, 145, 25); }
nav.local ul li:nth-child(1) { width: 25%; text-align: center; }
nav.local ul li:nth-child(2) { width: 50%; text-align: center; }
nav.local ul li:nth-child(3) { width: 25%; text-align: center; }
nav.local ul li a { display: inline-block; margin: 0 auto; padding-top: 40px; height: 100%; font-size: 65%; font-weight: bold; color: rgb(255, 255, 255); text-decoration: none; background-position: center 0; background-repeat: no-repeat; background-size: 32px; -webkit-font-smoothing: antialiased; }
nav.local ul li a.enter { opacity: 1; background-position: center -58px; -webkit-animation: showon 0.3s ease; animation: showon 0.3s ease; }
@-webkit-keyframes showon {
	0% { opacity: 0; background-position: center -58px; }
	100% { opacity: 1; background-position: center -58px; }
}
@keyframes showon {
	0% { opacity: 0; background-position: center -58px; }
	100% { opacity: 1; background-position: center -58px; }
}
nav.local ul li a.leave { opacity: 1; background-position: center 0; -webkit-animation: showoff 0.3s ease; animation: showoff 0.3s ease; }
@-webkit-keyframes showoff {
	0% { opacity: 0; background-position: center 0; }
	100% { opacity: 1; background-position: center 0; }
}
@keyframes showoff {
	0% { opacity: 0; background-position: center 0; }
	100% { opacity: 1; background-position: center 0; }
}
nav.local ul li:nth-child(1) a { background-image: url("../images/event/sub/nav_prev.png"); }
nav.local ul li:nth-child(2) a { background-image: url("../images/event/sub/nav_index.png"); }
nav.local ul li:nth-child(3) a { background-image: url("../images/event/sub/nav_next.png"); }
nav.local ul li a:link { color: rgb(255, 255, 255); }
nav.local ul li a:visited { color: rgb(255, 255, 255); }
nav.local ul li a:hover { color: rgb(63, 32, 33); text-decoration: none; }
nav.local ul li a:active { color: rgb(63, 32, 33); text-decoration: none; }
@media screen and (max-width: 640px) {
	nav.local { margin: 0 auto; width: 100%; }
	nav.local ul li a { padding-top: 38px; font-size: 60%; background-size: 32px; }
}


/* title report_20201221 full window size */
article.body_full {
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
article.body_full .malinu_sub_title {
	font-size: 23px;
	font-weight: bold;
	text-align: center;
}
article.body_full .malinu_sub_title2 {
	padding-top: 30px;
  	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
article.body_full .sub_text {
	text-align: center;
	font-size: 20px;
}
/* 20210930*/
article.body_full .sub_text2 {
	text-align: center;
	font-size: 25px;
	font-weight:600;
	padding: 20px 0;
	margin:100px 0 50px 0;
	border-top: 2px  solid #6cd0c8;
	border-bottom: 2px  solid #6cd0c8; 
}
/* 20220920 ここから*/
.report_20220920 article.body_full{
	padding: 0;
}
.report_20220920 article.body_full .malinu_sub_title2 {
	padding-bottom: 50px;
}
article.body_full .flair_challenge{
	background: url(../../assets/images/event/report/20220920/bg01.png) no-repeat right top 35px,
	url(../../assets/images/event/report/20220920/bg02.png) no-repeat left bottom ;
	background-size: 50%;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
article.body_full .short_film{
	background: url(../../assets/images/event/report/20220920/bg03.png) no-repeat right top 35px,
	url(../../assets/images/event/report/20220920/bg04.png) no-repeat left bottom ;
	background-size: 50%;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
article.body_full .cocktail{
	background: url(../../assets/images/event/report/20220920/bg05.png) no-repeat right top;
	background-size: 50%;
}

article.body_full .sub_title{
	text-align: center;
	font-size: 25px;
	font-weight:600;
	padding: 15px 0;
	margin: 0 20px 50px;
	color: #fff;
	position: relative;
	border-radius: 50px;
}
article.body_full .sub_text01 {
	border: 1px  solid #fbaec6;
	background-color: #fbaec6;
}
article.body_full .sub_text02 {
	border: 1px  solid #6cd0c8;
	background-color: #6cd0c8;
	
}
article.body_full .sub_text03 {
	border: 1px  solid #b0ade1;
	background-color: #b0ade1;
}
article.body_full .sub_title:before,
article.body_full .sub_title:after {
	font-size: 14px;
	top: 50%;
	transform: translateY(-50%);
}
article.body_full .sub_title:before {
	position: absolute;
	content: '●';
	color: #fff;
	left:25px;
}
article.body_full .sub_title:after {
	position: absolute;
	content: '●';
	color: #fff;
	right:25px;
}
.report_20220920 article.body_full .block_award {
	margin: 10px 20px 50px;
}
/* 20220920 ここまで*/

article.body_full .block_award {
	margin: 10px 0 50px;
}
article.body_full .end_text {
	margin: 0 0 60px;
}
article.body_full .end_text .text {
	text-align: center;
	font-size: 20px;
}
article.body_full .block_award .box_award .box {
	    display: flex;
	    justify-content: space-between;
			align-items: flex-start;
			flex-wrap: wrap;
}
article.body_full .block_award .box_award .box li {
	width: 31%;
}
article.body_full .block_award .box_award .box .two_column{
	width: 48%;
}
article.body_full .block_award .box_award .box li .anfa_sub_title {
	margin: 5px 0 10px;
	text-align: center;
	font-size: 19px;
}
article.body_full .block_award .box_award .box li .note {
	margin: 0 0 10px;
	text-align: right;
	font-size: 13px;
}
article.body_full .block_award .box_award .box li .profile {
	margin: 5px 0 10px;
	text-align: center;
	font-size: 16px;
}
article.body_full .block_award .box_award .box li .popup_open {
	display: block;
	width: 100%;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	color: #fff;
	font-family: "Viga",	sans-serif;
	font-size: 100%;
	line-height: 1;
	background: #f59119;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
article.body_full .block_award .box_award .box li .popup_open:hover {
	background-color: rgb(63, 32, 33);
	transition: all 0.3s ease-in-out;
}
article.body_full .block_award .box_award .box li .popup_none:hover {
	 background-color: #f59119; 
   transition: none;
}
article.body_full .block_award .box_winning_award .box li {
	margin: 0 0 20px;
}

/* モーダル */
.block_modal .modal {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow-y: auto;
	transition: all 0.4s;
  z-index: 999;
}

.block_modal .modal__inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	/* padding: 50px 0; */
}

.block_modal .modal__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	cursor: pointer;
}

.block_modal .modal__cont {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		max-width: 600px;
		padding: 30px 50px 50px;
		background-color: #fff;
}

.block_modal .modal__text {
	color: #000;
	text-align: center;
}

.block_modal .is_show {
	opacity: 1;
	visibility: visible;
}

.block_modal .area_popup .close_btn {
	position: absolute;
	right: 0;
	top: -40px;
	width: 33px;
	height: 33px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	background: url(../images/event/btn_close.png)no-repeat;
}
.report_20210930 .block_modal .popup_block_conts p{
  text-align: left;
}

.block_modal .popup_block_conts .link_out {
	display: block;
	position: relative;
	width: 50%;
	height: 54px;
	margin: 20px auto 0;
	text-align: center;
	font-family: "Viga",
		sans-serif;
	font-size: 125%;
	color: rgb(255, 255, 255);
	text-decoration: none;
	line-height: 54px;
	background-color: rgb(245, 145, 25);
	transition: all 0.3s ease-in-out;
}
.block_modal .popup_block_conts .url{
  word-break: break-word;
}
.block_modal .popup_block_conts .link_out:after {
	content: url(../images/event/icon_out_link.png);
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -26px;
}

.block_modal .popup_block_conts .text {
	text-align: center;
}
.report_20210930 .block_modal .popup_block_conts .text{
  text-align: center;
} 

.block_modal .popup_block_conts .link_out:hover {
	background-color: rgb(63, 32, 33);
	transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 640px){
	article.body_full .malinu_sub_title {
		font-size: 100%;
	}
	article.body_full .sub_text {
		font-size: 90%;
	}
  	article.body_full .block_award2,
	.report_20220920 article.body_full .block_award2{
		margin-bottom: 0;
	}
	article.body_full .block_award .box_award .box li {
		width: 100%;
		margin: 0 0 50px;
	}
  article.body_full .block_award .box_award .box .two_column{
    	width: 100%;
		margin: 0 0 50px;
	}
  article.body_full .flair_challenge{
		background: url(../../assets/images/event/report/20220920/bg01_sp.png) repeat-y top;
		background-size: 100%;
		padding: 0;
		margin: 0;
}
article.body_full .short_film{
		background: url(../../assets/images/event/report/20220920/bg02_sp.png) repeat-y top;
		background-size: 100%;
		padding: 0;
		margin: 0;
}
article.body_full .cocktail{
		background: url(../../assets/images/event/report/20220920/bg03_sp.png) repeat-y top;
		background-size: 100%;
}
article.body_full .block_award .box_award .box li .anfa_sub_title {
	font-size: 85%;
}
	article.body_full .block_award .box_award .box li .profile {
		font-size: 85%;
	}
	article.body_full .block_award .box_award .box li .popup_open {
		font-size: 85%;
	}
	article.body_full .end_text .text {
		font-size: 90%;
	}
  article.body_full .block_award .box_award .box li.anfa_sp_none{
    display: none;
  }
  article.body_full .sub_text2 {
	font-size: 20px;
  font-weight:600;
  padding: 10px 0;
  margin:50px 0;
}
	/* モーダル */
	.block_modal .modal__cont {
		width: 70%;
	}
	.block_modal .popup_block_conts .link_out {
		width: 80%;
		font-size: 85%;
	}
}