/* CSS Document */

#access{}
	#access p+div{
		margin: 2em 0;
		}

#accessLink{}
	#accessLink dl{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		position: relative;
		background: #f0ede6;
		border: 1px solid rgba(var(--primary-color-rgb), 0.1);
		}
	#accessLink dl+dl{
		border-top: none;
		}
	#accessLink dt,
	#accessLink dd{
		line-height: 1.4em;
		}
	#accessLink dt{
		position: absolute;
		left: 0;
		top: calc(50% - 0.7em);
		width: 14em;
		font-weight: bold;
		text-align: center;
		}
	#accessLink dd{
		padding: 0.8em;
		background: #fff;
		border-left: 1px dotted #b7b7b7;
		}
		#accessLink dd:nth-of-type(odd){
			width: calc(100% - 20em);
			margin-left: 14em;
			background: #fff;
			}
		#accessLink dd:nth-of-type(even){
			width: 6em;
			text-align: center;
			}
		#accessLink dd:nth-of-type(n+3){
			border-top: 1px dotted #b7b7b7;
			}


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#accessLink{}
	#accessLink dt,
	#accessLink dd{
		padding: 0.5em;
		}
	#accessLink dt{
		position: static;
		width: 100%;
		}
	#accessLink dd{
		border-left: none;
		border-top: 1px dotted #b7b7b7;
		}
		#accessLink dd:nth-of-type(odd){
			width: calc(100% - 6em);
			margin-left: 0;
			}
		#accessLink dd:nth-of-type(even){
			text-align: right;
			}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for Tablet */
@media (min-width: 768px) {
/*768px以上*/
}


/* for PC */
@media (min-width: 960px) {
/*960px以上*/
#accessLnk{}
	#accessLnk dt{
		font-weight: 400;
		}
}


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