@charset "UTF-8";

/**************************************************
　Element
***************************************************/

* {
	font-family:'メイリオ', 'Meiryo', sans-serif;
}
footer {
	padding: 3px 0;
	text-align: center;
}


/**************************************************
　Menu
***************************************************/

.for-tab-sp .hasChildren + li ul > li:first-of-type {
	background-color: #F4F6F7;
}


/**************************************************
　デバイス振り分け設定
***************************************************/

/* ■■ SP ■■ */
@media (max-width: 767px) {

	/* footer */
	footer {
		margin-top: 0;
	}

}
@media (max-width: 320px) {

	/* 幅狭スマホ */

}
@media (min-width: 321px) and (max-width: 767px) {

	/* 幅広スマホ */

}


/* ■■ タブレット＆ブラウザ ■■ */
@media screen and (min-width: 768px) {

	/*  */

}

/* ■■ (狭いブラウザとタブレット向け) ■■ */
@media (max-width: 1020px) and (min-width: 768px) {

	/* Menu */
	.for-tab-sp .close::before {
		left: 338px;
	}
}


/* ■■ PC ■■ */
@media screen and (min-width: 1021px) {

	/* Menu */
	header nav.for-pc {
		right: 30px;
		top: 80px;
	}
	header nav.for-pc li::after {
		content: none;
	}
	header nav.for-pc li {
		border-radius: 5px;
		height: 40px;
		line-height: 41px;
		margin-left: 20px;
		text-align: center;
		transition: .3s;
		width: 120px;
	}
	header nav li {
		border: 2px solid #111;
	}
	header nav li a {
		color: #111;
		display: block;
		font-weight: bold;
		width: 100%;
	}
	header nav li:hover {
		background-color: #111;
	}
	header nav li:hover a {
		color: #fff !important;
	}
	/* 未ログイン */
	header nav.nologin li.loginBtn:hover {
		background-color: #6A488F;
		border: 2px solid #6A488F;
	}
	header nav.nologin li.loginBtn:hover a {
		color: #fff;
	}

}
@media (max-width: 1184px) and (min-width: 769px) {

	/* ミドルブラウザ */

}
@media screen and (min-width: 1185px) {

	/* ワイドブラウザ */

}