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


/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
#sitemapMask{ display: none; background: rgba(0,0,0,0.8); width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10000; }

.sitemap{
	background: #282828; /* Old browsers */
	background: -moz-linear-gradient(left, #1e1e1e 0%, #1e1e1e 50%, #282828 50%, #282828 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1e1e1e 0%,#1e1e1e 50%,#282828 50%,#282828 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1e1e1e 0%,#1e1e1e 50%,#282828 50%,#282828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
	width: 100%; height: 0; padding:0 20px; overflow: hidden; position: fixed; top: 101px; left: 0; color: #fff; font-size: 13px; z-index: 100000; }

.sitemap,
.sitemap *{ box-sizing: border-box;}

.loggedIn .sitemap,
.adminx .sitemap{ top: 72px;}

.sitemap a{ color: #bfbfbf; text-decoration: none; }

.sitemap .wrap{
	background: #282828; /* Old browsers */
	background: -moz-linear-gradient(left, #1e1e1e 0%, #1e1e1e 14.28%, #282828 14.28%, #282828 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1e1e1e 0%,#1e1e1e 14.28%,#282828 14.28%,#282828 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1e1e1e 0%,#1e1e1e 14.28%,#282828 14.28%,#282828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
	max-width: 1400px; height: 100%; padding:36px 0 50px; margin:0 auto; overflow: scroll; }

.sitemap .wrap > div{ opacity:0; transition: opacity 0.3s ease-in-out 0s;}

/* fd_Nav
**********************************************************************/
.sitemap .fd_Nav{ position: relative; }

.sitemap .fd_Nav .menu{ display: table; width: 14.28%; }
.sitemap .fd_Nav .menu > li > a{ display: block; padding:6px 11px 4px 0px; border-right: transparent 3px solid; transition: background 0.3s ease-in-out 0s,color 0.3s ease-in-out 0s,border 0.3s ease-in-out 0s;}
.sitemap .fd_Nav .menu a.maintainHover,
.sitemap .fd_Nav .menu >li > a:hover{ color: #08c264; border-right: #169f5a 3px solid;}

.sitemap .fd_Nav .other{ width: 10.71%; }
.sitemap .fd_Nav .other{ margin:16px 0 0; border-top: #3b3b3b 1px solid;}
.sitemap .fd_Nav .other > a{ display: block; margin:24px 10px 22px; padding: 6px 10px 4px; color: #c9c9c9; text-align: center; border:#565656 1px solid; border-radius: 4px; transition: background 0.3s ease-in-out 0s;}
.sitemap .fd_Nav .other > a:hover{ background: #565656; }

.sitemap .fd_Nav .sns{ display: table; margin:0 auto; overflow: hidden;}

.sitemap .fd_Nav .sns li{ margin:0 0 0 10px; float: left;}
.sitemap .fd_Nav .sns li:first-child{ margin:0;}

.sitemap .fd_Nav .sns li a{ display: block; width: 27px; float: left; transition: opacity 0.3s ease-in-out 0s;}
.sitemap .fd_Nav .sns li a:hover{ opacity:0.7;}

.sitemap .fd_Nav .sns li a img{ width: 100%;}


/* fd_Cont
**********************************************************************/
.sitemap .fd_Cont{ display: none; width: calc(100% - 14.28%); padding:0 0 0 3.2%; position: absolute; top: 0; left: 14.28%;}
.sitemap #fd_domain{ display: block;}

.sitemap .fd_subNav{ margin:5px 0 0 -3%; overflow: hidden;}
.sitemap .fd_subNav > li{ width:17%; margin:0 0 0 3%; padding:0 0 50px; float: left;}
.sitemap .fd_subNav > li > p{ padding:0 0 6px; margin:0 0 14px; font-size: 13px; color: #fff; border-bottom: #3b3b3b 1px solid;}

.sitemap .fd_innerNav > li,
.sitemap .fd_inmostNav li{ margin:5px 0 0;}
.sitemap .fd_innerNav > li:first-child,
.sitemap .fd_inmostNav li:first-child{ margin:0;}
.sitemap .fd_innerNav > li > a,
.sitemap .fd_inmostNav li a{ display: inline-block;}

.sitemap .fd_innerNav li p{ color: #bfbfbf; }

.sitemap .blank03:after{ top: 6px; right: -16px; }

.sitemap .point > a{ padding:0 0 0 1.2em; position: relative;}
.sitemap .point > a:before{ content: "★"!important; display: block; background: none!important; position: absolute; top: 0!important; left: 0!important; color: #fff; }

.sitemap .brackets{ font-size: 11px; color: #757575;}

.sitemap .fd_inmostNav{ margin:5px 0 0 1em;}
.sitemap .fd_inmostNav li a{ padding:0 0 0 1.2em; position: relative;}
.sitemap .fd_inmostNav li a:before{ content: ""; display: block; background: #bfbfbf; width: 5px; height: 1px; position: absolute; top: 10px; left: 4px; }

.sitemap .fd_innerNav > li > a:hover,
.sitemap .fd_inmostNav li a:hover{ text-decoration: underline;}


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:1100px){
	.sitemap .fd_Nav .other > a{ margin:24px 15px 22px;}
}

@media print, screen and (min-width:1400px){
	.sitemap .brackets{ font-size: 12px;}
	.sitemap .fd_subNav > li > p{ font-size: 14px;}
	}


/*************************************************************************************************************************
* 980px以上用の記述
*************************************************************************************************************************/

@media print, screen and (min-width:1600px){
	.sitemap .wrap {
		/*background: #282828; /* Old browsers */
		/*background: -moz-linear-gradient(left, #1e1e1e 0%, #1e1e1e 15.5%, #282828 15.5%, #282828 100%); /* FF3.6-15 */
		/*background: -webkit-linear-gradient(left, #1e1e1e 0%, #1e1e1e 15.5%, #282828 15.5%, #282828 100%); /* Chrome10-25,Safari5.1-6 */
		/*background: linear-gradient(to right, #1e1e1e 0%, #1e1e1e 15.5%, #282828 15.5%, #282828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1e1e', endColorstr='#282828', GradientType=0); /* IE6-9 */
	}
}