@charset "UTF-8";

#calender_contents
{
	width: 100%;
	margin: 2rem auto;
	max-width: 1020px;
	padding: 0 2rem;
}

.month_navi
{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
}

.month_navi .year_month
{
	font-size: clamp(1rem, 2vw, 1.5rem);
	transform: translateX(-.5em);
}

.year_month
{
	font-family: 'Zen-B', serif;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: flex-end;
}

.year_month .y + span
{
	font-size: 3em;
	margin: 0 0 0 .1em;
}

.en .year_month .y + span
{
	font-size: 2.5em;
}

#calender_contents div.calendar_color
{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#calender_contents .calennder_wrapper 
{
	display: flex;
	flex-direction: column;
}
#calender_contents div.calendar_color ul
{
	padding: 0;
	margin: 10px 0 0 0;
}
#calender_contents div.calendar_color ul li
{
	padding: 0 0 0 15px;
	margin: 0 15px 0 0;
	float: left;
	list-style: none;
	font-size: 12px;
	color: rgb(50, 50, 50);
	position: relative;
}
#calender_contents div.calendar_color ul li:before
{
	content: '●';
	position: absolute;
	left: 0;
	top: 0;
}
#calender_contents div.calendar_color ul li.li_exhibition:before {
	color: #325A32;
}
#calender_contents div.calendar_color ul li.li_other:before {
	color: #4696AA;
}
#calender_contents div.calendar_color ul li.li_workshop:before {
	color: #D7733C;
}
#calender_contents div.calendar_color ul li.li_study:before {
	color: #3C5091;
}


#archives
{
	background-image: url(https://ko.dougukan.jp/_img/bg.jpg);
	background-size:75%;
	background-position: 50%;
	padding:5rem 2rem;
}

#archives div.archive_area
{
	display: flex;
	align-items: flex-start;
	margin: 0 auto;
	max-width: 1020px;
}

#archives div.archive_area div.month_area
{
	padding-right: max(3rem, 7%);
	position: sticky;
	top: 5rem;
}

#archives div.archive_area .archive_box
{
	width: 100%;
	display: flex;
	align-items: center;
	padding: 1rem 0;
	border-bottom: 1px solid rgb(150, 150, 150);
}

#archives div.archive_area .archive_box > figure
{
	width:clamp(150px, 35%, 250px);
	aspect-ratio: 500 / 330;
	overflow: hidden;
	border: 1px solid rgb(240,240,240);
	background-color: rgb(0, 0, 0);
	flex-shrink: 0;
}

#archives div.archive_area .archive_box > figure img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

body:not(.touch) #archives div.archive_area .archive_box:hover > figure img
{
	filter:alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9;
}
body:not(.touch) #archives div.archive_area .archive_box:hover > .page_dir span._r._s
{
	transform: translateX(0rem);
}

#archives div.archive_area .archive_box > div.text
{
	width: calc(100% - clamp(100px, 35%, 250px));
	padding: 2rem;
}

.type_status
{
	font-size: .9rem;
	font-family: 'GG-B', sans-serif;
	font-weight: 700;
	display:flex;
	flex-wrap:wrap;
	margin: 0 -.25em .5em;
}
.type_status .type,
.type_status .status
{
	line-height: 1;
	display: inline-block;
	padding: .25em 1em;
	margin: .25em;
	background-color:#A03232;
	color: rgb(255, 255, 255);
	border-radius: 1em;
	white-space:nowrap;
	transform: translateY(.25em);
}

.type_status .type._0
{
	background-color: #325A32;
}
.type_status .type._1
{
	background-color: #D7733C;
}
.type_status .type._2
{
	background-color: #3C5091;
}
.type_status .type._3
{
	background-color: #4696AA;
}

.type_status .status._deadline,
.type_status .status._close
{
	background-color: #969696;
}

.type_status .status.draw_1
{
	color:rgb(50, 50, 50);
	background-color:#96bee6;
}
.type_status .status.draw_2
{
	color:rgb(50, 50, 50);
	background-color:#ffd200;
}

.list_archive .date
{
	font-size: .9rem;
	font-family: 'R-M', 'GG-M', sans-serif;
	font-weight: 450;
}

.list_archive h2
{
	font-size: clamp(1rem, 2vw, 1.2em);
	line-height: 1.5;
}

.archive_box .page_dir span._r
{
	width: 2rem;
}

body:not(.touch) .archive_box:hover .page_dir span._r._s
{
	transform:translateX(0rem);
}

.prev_next
{
	width: 100%;
	margin-top: 3rem;
	display: flex;
	justify-content:space-between;
}

.prev_next .page_dir > a
{
	display:flex;
}

.prev_next .year_month
{
	font-size: .7rem;
}

.prev_next .page_dir span._r,
.prev_next .page_dir span._l
{
	width: 2rem;
}

body:not(.touch) .prev_next .page_dir > a:hover span._r._s
{
	transform:translateX(0rem);
}
body:not(.touch) .prev_next .page_dir > a:hover span._l._s
{
	transform: translateX(0rem) rotate(180deg);
}

/*****************************************************************
***************************** CALENDER ***************************
******************************************************************/

#calender_contents div.month_navi
{
	margin: 0 auto;
	padding: 0;
}
#calender_contents #calendar
{
	margin: 0 auto;
	padding: 0;
}
#calender_contents #calendar a {
	color: #fff;
}
#calender_contents #calendar a:hover
{
	text-decoration: none;
}
#calender_contents #calendar .fc-popover {
	display: none;
}
#calender_contents #calendar .tooltip {
	display: none;
	position: fixed;
	opacity: 80;
	z-index: 10000;
	padding: 5px;
	background: #F8F7F2;
	width: 200px;
	border: 1px solid rgb(200, 200, 200);
/*	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	box-shadow: 0 0 5px rgba(200,200,200,1);
	-moz-box-shadow: 0 0 5px rgba(200,200,200,1);
	-o-box-shadow: 0 0 5px rgba(200,200,200,1);
	-ms-box-shadow: 0 0 5px rgba(200,200,200,1);*/
}

#calender_contents #calendar .tooltip.exhibition {
	border-color: #325A32;
}
#calender_contents #calendar .tooltip.other {
	border-color: #4696AA;
}
#calender_contents #calendar .tooltip.workshop {
	border-color: #D7733C;
}
#calender_contents #calendar .tooltip.study {
	border-color: #3C5091;
}


#calender_contents #calendar .tooltip img {
	width: 200px;
	height: auto;
}
#calender_contents #calendar .tooltip p {
	margin: 0;
	font-size: 85.7%;
	line-height: 1.3em;
}

.fc-today {
	background: rgb(240,240,245)!important;
}
.fc-basic-view td.fc-day-number.fc-today {
	
	color: rgb(255, 255, 255);
	border-color: #dfdcd8;
	font-family: 'Zen-B';
}

.fc-basic-view td.fc-day-number.fc-today:before
{
	content:"";
	display:block;
	position:absolute;
	width: 1.5em;
	height: 1.5em;
	left: calc(50% - .75em);
	top: .3em;
	border-radius: 50%;
	background-color:rgb(102, 86, 108);
}

.fc-day-number {
	text-align: center!important;
}
div.fc-content {
	text-align: center;
}
div.fc-popover div.fc-content {
	text-align: left;
}
.fc-more-cell {
	text-align: center;
}
.fc-not-start span.fc-title {
	color: transparent;
}
.fc-row:first-child .fc-not-start span.fc-title {
	color: #fff;
}
.fc-event {
	background-color: rgba(131,225,100,0.5);
	background-color: #D7733C;
}
.fc-event span.fc-title {
	color: #fff!important;
}
.fc-event.exhibition span.fc-title {
	color: #60503f;
}
.fc-not-start.exhibition span.fc-title {
	color: transparent;
}
.fc-row:first-child .fc-not-start.exhibition span.fc-title {
	color: #60503f;
}
.fc-event.other span.fc-title {
	color: #4696AA;
}
.fc-not-start.other span.fc-title {
	color: transparent;
}
.fc-row:first-child .fc-not-start.other span.fc-title {
	color: #fff;
}
.fc-event.workshop span.fc-title {
	color: #fff!important;
}
.fc-not-start.workshop span.fc-title {
	color: transparent;
}
.fc-row:first-child .fc-not-start.workshop span.fc-title {
	color: #60503f;
}
.fc-event.study span.fc-title {
	color: #60503f;
}
.fc-not-start.study span.fc-title {
	color: transparent;
}
.fc-row:first-child .fc-not-start.study span.fc-title {
	color: #60503f;
}
.fc-event.exhibition {
/*	background-color: #ffaa47;
	opacity: 0.5;*/
	background-color: rgba(255,170,71,0.5);
	background-color: #325A32;
}
.fc-event.closedday {
	background-color: #969696;
	text-align: center;
}
.fc-event.closedday span.fc-title {
	letter-spacing: 0em;
	color: #fff!important;
}
.fc-event.other {
	background-color: rgba(165,165,165,0.3);
	background-color: #4696AA;
}
.fc-event.workshop {
/*	background-color: #83e164;
	opacity: 0.5;*/
	background-color: rgba(131,225,100,0.5);
	background-color: #D7733C;
}
.fc-event.study {
/*	background-color: #4ebdfa;
	opacity: 0.5;*/
	background-color: rgba(78,189,250,0.5);
	background-color: #3C5091;
}
.fc-more-popover .fc-event-container .fc-title {
	color: #626262!important;
}
.fc-more-popover .fc-event-container a:before {
	content: '●';
	color: #f4a480;
	position: absolute;
	left: 0;
	top: 0;
}
.fc-more-popover .fc-event-container a.exhibition:before {
	color: rgba(255,170,71,0.5);
	color: #325A32;
}
.fc-more-popover .fc-event-container a.closedday:before {
	color: #ff615c;
}
.fc-more-popover .fc-event-container a.other:before {
	color: #4696AA;
}
.fc-more-popover .fc-event-container a.workshop:before {
	color: rgba(131,225,100,0.5);
	color: #D7733C;
}
.fc-more-popover .fc-event-container a.study:before {
	color: rgba(78,189,250,0.5);
	color: #3C5091;
}
.fc-more-popover .fc-event.closedday span.fc-title {
	color: #626262!important
}
.fc-unthemed th,
.fc-unthemed td {
	border-color: #dfdc8;
}
.fc th,.fc td
{
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
	position: relative;
}
.fc-ltr .fc-basic-view .fc-day-number,
.fc-day-header.fc-widget-header
{
	font-family: 'Zen-R';
	font-weight:400;
}

/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA SCREEN ////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 767px)
{
	#calender_contents div.month_navi {
		width: 100%;
		margin: 80px 0 0 ;
	}
	#calender_contents #calendar {
		width: 100%;
	}
	
	#calender_contents div.calendar_color {
		width: 100%;
		margin: 20px 0 0;
	}

	#calender_contents .calennder_wrapper
	{
		flex-direction: column-reverse;
	}
	#calender_contents div.calendar_color ul:after {
		content: "";
		clear: both;
		display: block;
	}
	
	#archives div.archive_area
	{
		flex-direction: column;
	}
	#archives div.archive_area div.month_area
	{
		margin-bottom: 2rem;
		position: relative;
		top:0;
	}
}

@media screen and (max-width: 500px)
{
	#archives div.archive_area .archive_box > div.text
	{
		padding: 0rem;
		margin-left: 2rem;
	}
	.type_status .type,
	.type_status .status
	{
		font-size: .8em;
		white-space:normal;
	}
	#archives div.archive_area .archive_box .page_dir
	{
		display: none;
	}
}