@charset 'utf-8';





/* コロナ感染症対策 */
.article_area .notice_list,
.article_area .living_list,
.article_area .link_list{
	margin: 0 auto;
}


.article_area .notice_list li .notice_item,
.article_area .link_list li .flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items:flex-start;
}

.article_area .notice_list .day,
.article_area .notice_list .title,
.article_area .link_list .text01,
.article_area .link_list .text02{
	box-sizing: border-box;
}
.article_area .notice_list .title,
.article_area .link_list .text02{
	flex-grow: 1;
}
.article_area .notice_list a .title,
.article_area .link_list .text02 .link_item{
	background: url(../images_2017/common/icon_arrow_blue.png) no-repeat left 15px;
}

.article_area .link_list .text02 .link_item{
	display: block;
}









#article_column .covid19_content p strong{
	display: block;
	font-weight: bold;
}
.covid19_content .red{
	color: #e60012;
}
.covid19_content .tab{
	margin: 0 auto 1em;
}
.covid19_content .img_wrap img{
	display: block;
	margin: 0 auto;
}
.covid19_content .border_caption{
	margin: 0 auto;
	border: 1px solid #333;
}
.covid19_content .border_caption li{
	padding-left: 3em;
	text-indent: -3em;
}

.covid19_content h4{
	padding: 0.5em 1em;
	color: #0078b4;
	border-left: 10px solid #0078b4;
	border-bottom: 1px solid #0078b4;
	font-weight: bold;
}
.covid19_content h5{
	padding: 0.5em 1em;
	font-weight: bold;
	color: #666;
	background-color: #fffef0;
	border: 1px solid #777;
	
}






/* 修学旅行の安心安全対策に係る通知等 */
.article_area .notice_list li{
	border-bottom: 1px dotted #ccc;
}


.article_area .notice_list li a,
.article_area .link_list li{
	width: 100%;
}




/* 新型コロナウィルス感染症対策を行っている事業者や3密を避けた京都での過ごし方情報 */
.living_list li{
	margin-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
.living_list .title a{
	text-decoration: underline;
}








/* 応募終了 */
.entry_end_message_wrap{
	margin-top: 1em;
	border: 2px solid #f33;	
}
.entry_end_message{
	text-align: center;
	font-weight: bold;	
}




/* ようこそ京都へ */
.welcome_list li{
	margin-top: 2em;
	
}
.welcome_list li .img_wrap{
	margin: 0.5em auto 0;
	position: relative;
	overflow: hidden;
}
#contents_area .welcome_list li .img_wrap img{
	display: block;
	margin-left: -5%;
	width: 110%;
	max-width: none
}

.welcome_list li .img_wrap:after{
	content: "終了";
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 60px;
	top: 50%;
	transform: translateY(-50%);
	
	font-size: 16px;
	width: 48px;
	height: 48px;
	background-color: #f66;
	color: #fff;
	border-radius: 50%;
}
.welcome_list li a .img_wrap:after{
	content: none
}

.welcome_list li .img_wrap img{
	opacity: 0.3;
}
.welcome_list li  a .img_wrap img{
	opacity: 1;
}

/* 徹底攻略 */
#contents_area .pre_education_list .btn_to_link a{
	width: 92%;
	padding-right: 2em;
	padding-left: 2em;
	box-sizing: border-box;
}
.pre_education_list li{
	margin: 1em auto 3em;
}
.pre_education_list li .img_wrap{
	margin: 0 auto 2em;
	width: 77%;
}
.pre_education_list li .img_wrap img{
	border: 1px solid #ccc;
}

.pre_education_list a{
	display: block;
}





/* 喜びのメッセージ */
.voice_list{
	margin: 1em auto 2em;
	border-bottom: 1px solid #ccc;
}
.voice_list li{
	padding: 1em 0;
	border-top: 1px solid #ccc;
}
.voice_list li a{
	text-decoration: underline;
}
.voice_list li.new .voice_item:first-of-type::after{
	display: inline-block;
	content: "NEW";
	margin-left: 1em;
	padding: 1px 5px;
	font-size: 90%;
	font-weight: bold;
	color: #f00;
	background-color: #ff0;
	vertical-align: middle;
}





/* リンク */
.article_area .link_list #article_column .title_article_color{
	margin-bottom: 0;
}

.article_area .link_list li .caption{
	margin:4.5% 0 5px;
	padding: 5px;
	background-color: #eee;
}