@charset "UTF-8";

/* -------------------------------------------------------------
　タイトル
------------------------------------------------------------- */

/* brand_common.css（タイトル）に記載
下記は各調整 */

#page_title {
	background:url(/img/sitemap/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}




/* -------------------------------------------------------------
　サイトマップ一覧
------------------------------------------------------------- */

/* セレクト
------------------------------------------------------------- */

#selectBl {
	margin: 0 0 20px;
}

#selectBl #hSelect ul {
	margin: 0 17px;
}

#selectBl #hSelect ul li:nth-child(1) {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	padding: 8px 10px;
	background: #1D2B30;
	border: 1px solid #1D2B30;
	border-radius: 10px 10px 0 0;
}

#selectBl #hSelect ul li:nth-child(2) {
	border-left: 1px solid #1D2B30;
	border-right: 1px solid #1D2B30;
	border-bottom: 1px solid #1D2B30;
	border-radius: 0 0 10px 10px;
}

#selectBl #hSelect ul li select {
	width: 100%;
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 12px 10px;
	background: url(/img/common/mk_arrow_down.svg) 96% 52% no-repeat;
	background-size: 16px auto;
	cursor: pointer;
}




/* リンクリスト
------------------------------------------------------------- */

#linkList dl dt {
	color: #fff;
	font-size: 15px;
	font-weight: 450;
	padding: 8px 10px;
	background: #1E2B30;
}

#linkList dl dd {
	padding: 20px 10px;
}

#linkList dl dd .categ_top {
	margin: 0 0 5px;
}

#linkList dl dd ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
}

#linkList dl dd ul li {
	width: 50%;
}
#linkList dl dd ul li:nth-child(odd) {
	padding: 0 8px 0 0;
}
#linkList dl dd ul li:nth-child(even) {
	padding: 0 0 0 8px;
}

#linkList dl dd a {
	color: #1E2B30;
	padding: 4px 0;
}
#linkList dl dd a:hover {
	color: #638FA2;
}

#linkList dl dd ul li a {
	display: block;
	text-indent: -1.2em;
	margin: 0 0 0 1.2em;
}
#linkList dl dd ul li a::before {
	content: '— ';
}
#linkList dl dd ul li a.bt_newwin::after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 13px;
	margin: 0 0 2px 6px;
	padding: 0;
	background: url(/img/common/mk_new_window_blue.svg) no-repeat;
	background-size: 14px auto;
	vertical-align: middle;
}

#linkList dl dd ul li a.usePC {
	display: none;
}



/* ページ内リンク調整　*/

@-webkit-keyframes modify{
	0% { padding-top: 120px; margin-top: -120px; }
	100% { padding-top: 0; margin-top: 0; }
}
@keyframes  modify{
	0% { padding-top: 120px; margin-top: -120px; }
	100% { padding-top: 0; margin-top: 0; }
}


#linkList dt#portal:target,
#linkList dt#tourism:target,
#linkList dt#shibuya:target,
#linkList dt#mejiro:target,
#linkList dt#komagome:target,
#linkList dt#akihabara:target,
#linkList dt#gotanda:target,
#linkList dt#koenji:target,
#linkList dt#musashisakai:target,
#linkList dt#kokubunji:target,
#linkList dt#tachikawa:target,
#linkList dt#shinkiba:target,
#linkList dt#akabane:target,
#linkList dt#omori:target,
#linkList dt#kawasaki:target,
#linkList dt#tsurumi:target,
#linkList dt#yokohama:target,
#linkList dt#sakuragicho:target,
#linkList dt#mizonokuchi:target,
#linkList dt#kamakura:target,
#linkList dt#urawa:target,
#linkList dt#funabashi:target,
#linkList dt#tsudanuma:target,
#linkList dt#makuharitoyosuna:target,
#linkList dt#mito:target,
#linkList dt#utsunomiya:target,
#linkList dt#nagaoka:target,
#linkList dt#niigata:target,
#linkList dt#fukushima:target,
#linkList dt#kitakami:target,
#linkList dt#hachinohe:target,
#linkList dt#sapporo:target{
	-webkit-animation: modify 0.1s;
	animation: modify 0.1s;
}









/* media Queries  //////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- 810px */
@media screen and (min-width:810px), print {

/* -------------------------------------------------------------
　タイトル
------------------------------------------------------------- */

#page_title {
	background:url(/img/sitemap/h1_bg.jpg) center top no-repeat;
	background-size:cover;
}




/* -------------------------------------------------------------
　サイトマップ一覧
------------------------------------------------------------- */

/* セレクト
------------------------------------------------------------- */

#wrap {
	max-width: 1010px;
	margin: 0 auto 40px;
	padding: 0 5px;
}

#selectBl {
	margin: 0 0 60px;
}

#selectBl #hSelect ul {
	display: flex;
	width: 100%;
	margin: 0;
}

#selectBl #hSelect ul li:nth-child(1) {
	width: 160px;
	font-size: 16px;
	padding: 21px 10px;
	border-radius: 8px 0 0 8px;
}

#selectBl #hSelect ul li:nth-child(2) {
	width: calc(100% - 160px);
	border-top: 1px solid #1D2B30;
	border-left: none;
	border-radius: 0 8px 8px 0;
}

#selectBl #hSelect ul li select {
	text-align: left;
	padding: 19px 50px;
}




/* リンクリスト
------------------------------------------------------------- */

#linkList dl dt {
	font-size: 22px;
	padding: 5px 30px 6px 30px;
}

#linkList dl dd {
	padding: 20px 0 5px;
}

#linkList dl dd .categ_top {
	margin: 0 0 15px;
}

#linkList dl dd ul {
	margin: 0 0 30px;
}

#linkList dl dd ul li {
	width: 34%;
	padding: 0 2% 0 0;
}
#linkList dl dd ul li:nth-child(odd) {
	padding: 0;
}
#linkList dl dd ul li:nth-child(even) {
	padding: 0;
}
#linkList dl dd ul li:nth-child(3) {
	width: 32%;
	padding: 0;
}

#linkList dl dd a {
	padding: 5px 0;
}







}/* 810 */