@charset "UTF-8";
/* CSS Document */

.ircal_wrap {
	width: 90vw;
	max-width: var(--max-size2);
	margin: 0 auto;
}

h2 {
	border: none;
	margin-bottom: 0;
/*	padding-left: 0;*/
/*
	text-align: left;
	display: block;
*/
}

.sayu {
	display: none;
}

div.ircal,
div.iryotei {
	margin: 0 auto;
}

div.pulldown {
	text-align: right;
}

.select {
	width: 10em;
	text-align: center;
	font-size: var(--bigBunsyo);
	background-color: #fff;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	border-radius: 0.5vw;
	border: solid 1px #ccc;
	margin-bottom: 1em;
}

div.ircal {
	margin-bottom: 5em;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 2em;
}

div.ircal img {
	width: 100%;	
}

/**********************
レスポンシブ対応
***********************/
/*
@media screen and (max-width:542px)  {
	.sayu {
		display: block;
		font-size: 0.8rem;
		color: #666;
		margin-bottom: 1.5vw;
	}
	
	.scroll{
		overflow: scroll;
	}
}
*/

@media screen and (max-width:786px)  {
	h2{
		margin-bottom: 1vw;
	}
	
	.ircal_wrap {
		width: 100%;
		margin: 4% auto;
	}
	
	div.ircal {
	margin-bottom: 5em;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
	
/*
	.ircal{
		overflow: scroll;
	}
	
	.ircal img {
		min-width: 900px;
	}
*/
	
	.select {
		font-size: 16px;	
	}
}