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

/* --------------------------------------------------

en

-------------------------------------------------- */

body {
    font-family: "Montserrat", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.h-logo img {
    padding: 10px;
    width: 300px;
}

.h-menu {
    padding: 10px;
}

.h-menu .h-link {
    padding: 0;
}

#spnav .h-logo img {
    width: 190px;
}

.site-menu .h-link li:nth-of-type(1) {
    margin: 5px 0;
}

/* --------------------------------------------------
site-menu
-------------------------------------------------- */

.site-menu .mega-menu {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.site-menu .mega-menu li {
    width: 50%;
}

.site-menu .mega-menu a {
    text-align: center;
    display: block;
    padding: 3px 20px;
    border: #CCC solid 1px;
    border-radius: 5px;
    margin: 0 5px;
    margin-bottom: 5px;
}

.site-menu .mega-menu li a:before {
    color: #000;
    font-size: 2rem;
    margin-right: 0.5em;
    vertical-align: middle;
}

.site-menu .h-link li:nth-of-type(1) {
    width: 50%;
}

.site-menu .h-link li:nth-of-type(1) a {
    background: #fff;
    color: #272727;
    box-shadow: none;
    padding: 10px;
}

.site-menu .h-link li:nth-of-type(1) a:before {
    content: "\f05a";
    font-family: fontawesome;
    color: #272727;
}

.site-menu .h-link li:nth-of-type(2) a:before {
    content: "\f1b9";
    font-family: fontawesome;
    color: #272727;
}

@media screen and (max-width: 800px) {

    .site-menu .mega-menu li {
        width: 100%;
    }

}

/* --------------------------------------------------
h-menu
-------------------------------------------------- */
.h-menu .h-link li:nth-of-type(1) a {
    background: none;
    border-radius: 0;
    padding: 0;
    color: #272727;
    box-shadow: none;
    margin-right: 1rem;
    font-size: 1.4rem;
    display: block;
    padding: 10px;
    line-height: 1;
}

.h-menu .h-link li:nth-of-type(1) a:before {
    content: "\f05a";
    font-family: fontawesome;
    color: #272727;
}

.h-menu .h-link li:nth-of-type(2) a:before {
    content: "\f1b9";
    font-family: fontawesome;
}

/* --------------------------------------------------
gnav
-------------------------------------------------- */

@media screen and (max-width: 800px) {

    #gnav ul {
        display: none;
    }

}

/* --------------------------------------------------
badge
-------------------------------------------------- */

.badge-new,
.badge-open,
.badge-close {
    display: block;
    width: 106px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: none;
    z-index: 2;
}

/* --------------------------------------------------
pht
-------------------------------------------------- */

.pht-pick figcaption{
	top: auto;
	bottom:0;
	left:0;
}
.pht-pick figcaption span{
	display: inline-block;
	padding:10px;
	max-height:90%;
	font-size:1.7rem;
	line-height:1;
	background:#FFF;
	text-align:left;
	-webkit-writing-mode:unset;
	-ms-writing-mode:unset;
	writing-mode:unset;
}

@media screen and (max-width: 600px) {

	.pht-pick figcaption span{
		font-size:1.7rem;
	}

}

@media screen and (max-width: 400px) {

	.pht-pick figcaption span{
		font-size:2.3rem;
	}

}

/* --------------------------------------------------
list-sitemap
-------------------------------------------------- */
.list-sitemap li{
	width:48%;
}

/* --------------------------------------------------
search-menu
-------------------------------------------------- */

/* area genre */
.search-menu .genre dd{
	width:600px;
	margin-right: -150px;
}
.search-menu .genre .stack-genre{
	font-size:1.2rem;
}

/* area-search */
.area-search .lage-area{
	width:100%;
}
.area-search .lage-area:nth-of-type(5) {
	color: #e84d40;
}
.area-search .lage-area:nth-of-type(6) {
	color: #df6a0b;
}
.area-search .lage-area:nth-of-type(5).active,
.area-search .lage-area:nth-of-type(6).active{
	background:#666;
	color:#fff;
}