@charset "UTF-8";

/*
	グローバルナビ
-----------------------------------------------------------------------------------------------*/
#event #listGnav li a.event{
	color:#65C195;
}


/*
	パンくず
-----------------------------------------------------------------------------------------------*/
#event #listPanOut{
	background:-moz-linear-gradient(135deg, rgba(253, 198, 0, 1), rgba(101, 193, 149, 1) 50%);
	background:-webkit-linear-gradient(135deg, rgba(253, 198, 0, 1), rgba(101, 193, 149, 1) 50%);
	background:linear-gradient(-45deg, rgba(253, 198, 0, 1), rgba(101, 193, 149, 1) 50%);
}


/*
	ページタイトル
-----------------------------------------------------------------------------------------------*/
#event #titCatePageOut{
	background:-moz-linear-gradient(135deg, rgba(253, 198, 0, 0.7), rgba(101, 193, 149, 0.7) 50%),url(../images/bg_event_top_pc.png) center center no-repeat;
	background:-webkit-linear-gradient(135deg, rgba(253, 198, 0, 0.7), rgba(101, 193, 149, 0.7) 50%),url(../images/bg_event_top_pc.png) center center no-repeat;
	background:linear-gradient(-45deg, rgba(253, 198, 0, 0.7), rgba(101, 193, 149, 0.7) 50%),url(../images/bg_event_top_pc.png) center center no-repeat;
	background-size:cover;
}
#event #titPageLastOut{
	background:url(../images/bg_slash.png) top left repeat,rgba(101, 193, 149, 0.35);
	background-size:18px 18px;
}

/*
	カテゴリー共通
-----------------------------------------------------------------------------------------------*/
#event #titMain span::after{
	background:-moz-linear-gradient(135deg, rgba(253, 198, 0, 1), rgba(101, 193, 149, 1) 90%);
	background:-webkit-linear-gradient(135deg, rgba(253, 198, 0, 1), rgba(101, 193, 149, 1) 90%);
	background:linear-gradient(-45deg, rgba(253, 198, 0, 1), rgba(101, 193, 149, 1) 90%);
}


/*
	見出し
-----------------------------------------------------------------------------------------------*/
#event .titL{
	border-top:5px solid #65C195;
	background-color:#d8eee3;
	position:relative;
}
/*アイコン*/
#event .titL span{
	display:inline-block;
	padding:5px 10px;
	font-size:1.3rem;
	line-height:140%;
	color:#FFFFFF;
	border-radius:3px;
	position:absolute;
	top:50%;
	right:15px;
	transform:translate(0,-50%);
}
.end{
	background-color:#AAAAAA;
}
.close{
	background-color:#32338C;
}
.open{
	background-color:#FF6600;
}
.soon{
	background-color:#2F934E;
}
.near{
	background-color:#E60012;
}

#event .titM{
	border-left:5px solid #65C195;
}
#event .titS::after{
	background-color:#65C195;
}


/*
	ページ内リンク
-----------------------------------------------------------------------------------------------*/
#event .listAnchor li:before{
	color:#65C195;
}


/*
	イベント・セミナー
-----------------------------------------------------------------------------------------------*/
.label{
	display:inline-block;
	padding:7px 15px;
	margin:0 0 5px;
	font-weight:bold;
	color:#FFFFFF;
	border-radius:3px;
	line-height:120%;
	background-color:#65C195;
}
.pageCtsBox3col{
	width:calc((100% - 60px)/3);
	margin:20px 30px 0 0;
	float:left;
}
.pageCtsBox3col span{
	font-size:1.4rem;
}
.pageCtsBox3col:last-of-type{
	margin:20px 0 0 0;
}
.pageCtsBox3col figure{
	margin:0 0 10px;
	border:1px solid #DDDDDD;
	overflow:hidden;
}
.pageCtsBox3col figure img{
	width:100%;
}


/*
	詳細ページ
-----------------------------------------------------------------------------------------------*/
.eventDetaL{
	margin:0 30px 0 0;
	float:left;
	border:1px solid #DDDDDD;
}
.eventDetaL.main{
	width:350px;
	border:1px solid #DDDDDD;
}
.eventDetaL.instructor{
	width:160px;
	height:240px;
}
.eventDetaL img{
	width:100%;
}
.eventDetaR{
	float:left;
}
.eventDetaR.main{
	width:calc(100% - 380px);
}
.eventDetaR.instructor{
	width:calc(100% - 190px);
}
.eventDetaR.instructor.full{
	width:100%;
}
.instructor .sub{
	font-size:1.5rem;
	font-weight:bold;
}
.instructor .name{
	padding:0 0 10px;
	font-size:2.0rem;
	font-weight:bold;
}
.instructor .name span{
	padding:0 0 0 3px;
	font-size:1.4rem;
}


/*
	コンクール
-----------------------------------------------------------------------------------------------*/
#event .phot{
	width:258px;
	height:auto;
	background-color:#65C195;
	position:static;
}
#event .phot img{
	height:auto;
	-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	transform:translate(0, 0);	position:static;
	top:0;
	left:0;
	transition:0.2s;
}
#event .phot img:hover{
	opacity:0.7;
	cursor:pointer;
}
#event .pListL{
	width:calc((100% - 288px));
}

.prizeArea{
	display:-ms-flexbox;
	display:flex;
	-ms-justify-content:center;
	justify-content:center;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:0 auto;
	text-align:center;
}
.prizeArea .prizeBox.poster{
	width:260px;
}
.prizeArea .prizeBox.fashion{
	width:360px;
}
.prizeArea .prizeBox img{
	width:100%;
}
.prizeArea .prizeBox:first-of-type{
	margin:0 30px 0 0;
}
.prizeArea img{
	border:1px solid #DDDDDD;
}
.prizeArea p{
	padding:5px 0 0;
	font-size:1.5rem;
	font-weight:bold;
}

/* モーダルウィンドウ */
.lock {
	overflow:hidden;
}
.modal-content {
	position:relative;
	display:none;
	width:450px;
	margin:30px;
	border:1px solid #aaa;
	background:#fff;
}
.modal-content img{
	width:100%;
}
.close{
	text-align:center;
}
.modal-overlay {
	z-index:3000;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}
.modal-wrap {
	z-index:3500;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
}
.modalCancel{
	float: right;
	margin: -30px 5px 0 0;
	border-radius: 5px;
}
.css-cancel{
	display: inline-block;
	position: relative;
	padding: 0;
	width: 4px;
	height: 20px;
	background: #FFF;
	transform: rotate(45deg);
	border:none;
}
.css-cancel:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -8px;
	width: 20px;
	height: 4px;
	margin-top: -2px;
	background: #FFF;
}

/*
	これまでの受賞作品
-----------------------------------------------------------------------------------------------*/
#archiveBtnOut{
	background-color:#E5E5E9;
}
#archiveBtnIn{
	width:1200px;
	padding:60px 30px;
	margin:0 auto;
}
#titArchiveBtn{
	padding:0 0 0 30px;
	font-size:2.0rem;
	font-weight:bold;
	color:#757579;
	position:relative;
}
#titArchiveBtn::before{
	content:"";
	display:block;
	position:absolute;
	top:15px;
	left:0;
	width:20px;
	height:2px;
	background-color:#757579;
}
#archiveBtnArea{
	padding:20px 0 0;
}
#archiveBtnArea a{
	display:inline-block;
	width:calc((100% - 60px)/3);
	margin:0 30px 10px 0;
	padding:15px 30px 15px 20px;
	font-size:1.8rem;
	text-align:center;
	color:#757579;
	border:1px solid #757579;
	border-radius:4px;
	float:left;
	position:relative;
	transition:0.2s;
}
#archiveBtnArea a::after{
	font-family:"Font Awesome 5 Free";
	content:'\f054';
	font-weight:900;
	font-size:1.6rem;
	position:absolute;
	top:50%;
	right:10px;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
}
#archiveBtnArea a:hover{
	color:#FFFFFF;
	background-color:#757579;
}
#archiveBtnArea a:nth-of-type(3n){
	margin:0 0 10px 0;
}


@media screen and (max-width:667px){
	/*
		ページタイトル
	-----------------------------------------------------------------------------------------------*/
	#event #titCatePageOut{
		background:-moz-linear-gradient(135deg, rgba(253, 198, 0, 0.7), rgba(101, 193, 149, 0.7) 50%),url(../images/bg_event_top_sp.png) center center no-repeat;
		background:-webkit-linear-gradient(135deg, rgba(253, 198, 0, 0.7), rgba(101, 193, 149, 0.7) 50%),url(../images/bg_event_top_sp.png) center center no-repeat;
		background:linear-gradient(-45deg, rgba(253, 198, 0, 0.7), rgba(101, 193, 149, 0.7) 50%),url(../images/bg_event_top_sp.png) center center no-repeat;
		background-size:cover;
	}
	
	
	/*
		見出し
	-----------------------------------------------------------------------------------------------*/
	.pageMainCtsArea{
		padding:0 0 35px;
	}
	.pageSubCtsArea{
		padding:0 0 25px;
	}
	.pageCtsArea{
		padding:0 0 20px;
	}
	
	
	/*
		イベント・セミナー
	-----------------------------------------------------------------------------------------------*/
	.label{
		padding:5px 12px;
	}
	.pageCtsBox3col{
		width:100%;
		margin:10px 0 0 0;
		float:none;
	}
	.pageCtsBox3col span{
		font-size:1.3rem;
	}
	.pageCtsBox3col:last-of-type{
		margin:10px 0 0 0;
	}
	
	
	/*
		詳細ページ
	-----------------------------------------------------------------------------------------------*/
	.eventDetaL{
		margin:0 auto 10px;
		float:none;
	}
	.eventDetaL.main{
		width:100%;
	}
	.eventDetaR{
		float:none;
	}
	.eventDetaR.main{
		width:100%;
	}
	.eventDetaR.instructor{
		width:100%;
	}
	.instructor .sub{
		font-size:1.4rem;
	}
	.instructor .name{
		padding:0 0 10px;
		font-size:1.8rem;
	}
	.instructor .name span{
		font-size:1.3rem;
	}
	
	
	/*
		コンクール
	-----------------------------------------------------------------------------------------------*/
	#event .pListL.poster{
		width:100%;
	}
	#event .pListL.fashion{
		width:100%;
	}
	
	.prizeArea .prizeBox.poster{
		width:100%;
	}
	.prizeArea .prizeBox.fashion{
		width:100%;
	}
	.prizeArea .prizeBox:first-of-type{
		margin:0 0 0 0;
	}
	.prizeArea .prizeBox:first-of-type img{
		width:70%;
	}
	.prizeArea .prizeBox:first-of-type p{
		margin:0 0 10px;
	}
	.prizeArea p{
		font-size:1.4rem;
	}
	
	/* モーダルウィンドウ */
	.modal-content {
		width:80%;
	}

	/*
		これまでの受賞作品
	-----------------------------------------------------------------------------------------------*/
	#archiveBtnIn{
		width:100%;
		padding:20px 15px;
	}
	#titArchiveBtn{
		padding:0 0 0 27px;
		font-size:1.8rem;
	}
	#titArchiveBtn::before{
		top:13px;
	}
	#archiveBtnArea{
		padding:10px 0 0;
	}
	#archiveBtnArea a{
		display:block;
		width:100%;
		margin:0 0 10px 0;
		padding:10px 30px 10px 20px;
		font-size:1.6rem;
	}
	#archiveBtnArea a::after{
		font-size:1.4rem;
	}
	#archiveBtnArea a:last-of-type{
		margin:0 0 0 0;
	}
}