/* CSS Document */

#pamphlet{}
	#pamphlet dl{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin-top: 1em;
		}
	#pamphlet dt,
	#pamphlet dd{
		min-width: 1em;
		}
	#pamphlet dd{
		margin-left: 1em;
		}
	#pamphlet ul{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top: 2em;
		list-style: none;
		}
	#pamphlet li{
		width: calc(33.33% - 0.75em);
		}
		#pamphlet li:nth-child(n+4){
			margin-top: 1em;
			}
		#pamphlet li a{
			display: block;
			padding: 1em;
			background: rgba(var(--primary-color-rgb), 0.1);
			border-radius: 0.2em;
			text-decoration: none;
			text-align: center;
			}
			#pamphlet li a:hover,
			#pamphlet li a:active{
				background: var(--secondary-color);
				color: #fff;
				}
		#pamphlet li span{
			display: block;
			margin-top: 1em;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			}
	#pamphlet .thumbBox{
		background-color: rgba(0,0,0,0);
		background-size: contain;
		}
		#pamphlet .thumbBox img{
			background: none;
			object-fit: contain;
			}

/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
}


/* for Tablet */
@media (min-width: 768px) {
/*768px以上*/
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#pamphlet{}
	#pamphlet dl{
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		}
	#pamphlet dd{
		margin-left: 0.5em;
		}
	#pamphlet li{
		width: 100%;
		}
	#pamphlet li+li{
		margin-top: 1em;
		}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for PC */
@media (min-width: 960px) {
/*960px以上*/
#pamphlet{}
	#pamphlet li{
		width: calc(33.33% - 1.33em);
		}
		#pamphlet li:nth-child(n+4){
			margin-top: 2em;
			}
}


/* ie */
@media all and (-ms-high-contrast: none){}