rset "Shift_JIS";

header {
	/*background-color: #fffacd;*/
	/*min-width: 289px;*/
	/*background-color: rgb(4, 32, 44, 0.2);*/
}

#div-title {
	display: inline-block;
	width: 100%;
	text-align: center;
}

header p.sub-title {
	font-size: 1.6rem;
	/*border: 1px solid;*/
	display: inline-block;
	/*height: 40px;*/
	padding: 10px 5px;
	white-space: nowrap;
	text-align: center;
}

/*body.iPhone header p.sub-title {
	font-size: 3.5rem;
}*/

header p.sub-title:hover {
	cursor : pointer;
}

header p.title {
	font-size: 2.8rem;
	/*border: 1px solid;*/
	display: inline-block;
	/*height: 40px;*/
	padding: 10px 5px;
	white-space: nowrap;
	text-align: center;
}

/*body.iPhone header p.title {
	font-size: 4rem;
}*/

header p.title:hover {
	cursor : pointer;
}


header nav {
	border-top: 1px solid #475950;
	padding: 0px 1%;
	text-align: center;
}

header nav li {
	display: inline;
	/*vertical-align: middle;*/
	white-space: nowrap;

}

@media screen and (orientation: landscape) {
	header nav li:after {
	    content: "|";
	    margin-left: 10px;
	    margin-right: 10px;
	}
	header nav li.lastchild:after {
	    content: "";
	    margin-left: 0px;
	    margin-right: 0px;
	}
}

/*header nav li.this-page a {
    color: #000;
	background-color: rgba(168,157,172,0.5);
}*/


header nav li a{
	font-size: 1.6rem;
	text-decoration: none;
	color: #000;
	display: inline-block;
	/*height: 29px;*/
	padding: 5px 0px
	/*background-color: #f5deb3;*/
	vertical-align: middle;
	margin-top: 1%;
	transition: 0.5s;
}

header nav li a:hover{
	color: #000;
	background-color: rgba(168,157,172,0.5);
	/*background-color: rgba(71,89,80,0.3);*/
	/*background-image: url(/image/design/washi_green2.jpg);*/
	/*opacity: 0.7;*/
	/*font-size: 18px;*/

}


/*@media (max-width: 500px) {
	header p {
		font-size: 4.8vw!important;
	}
	section, a, small, th, td{
		font-size: 3.3vw!important;
		height: auto;
	}
}*/









/* ハンバーガーメニュー ここから */
@media screen and (orientation: landscape) {
	div.navToggle {
		display: none;
	}
}


@media screen and (orientation: portrait) {
	nav.globalMenuSp {
	    position: fixed;
	    z-index: 10000;
	    top: 0;
	    left: 0;
	    background: #fff;
	    color: #000;
	    text-align: center;
	    transform: translateY(-100%);
	    transition: all 0.6s;
	    width: 98%;
	    padding-bottom: 1%;
	}
	 
	nav.globalMenuSp ul {
	    background: #ccc;
	    margin: 0 auto;
	    padding: 0;
	    width: 100%;
	}
	 
	nav.globalMenuSp ul li {
	    font-size: 1.1rem;
	    list-style-type: none;
	    padding: 0;
	    width: 100%;
	    border-bottom: 1px dotted #333;
	}
	 
	/* 最後はラインを描かない */
	nav.globalMenuSp ul li:last-child {
	    padding-bottom: 0;
	    border-bottom: none;
	}
	 
	nav.globalMenuSp ul li a {
	    display: block;
	    color: #000;
	    padding: 1em 0;
	}
	 
	/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
	    transform: translateY(0%);
	}



	.navToggle {
	    display: block;
	    position: fixed;    /* bodyに対しての絶対位置指定 */
	    right: 13px;
	    top: 12px;
	    width: 42px;
	    height: 51px;
	    cursor: pointer;
	    z-index: 10001;
	    background: #666;
	    text-align: center;
	}
	 
	.navToggle span {
	    display: block;
	    position: absolute;    /* .navToggleに対して */
	    width: 3rem;
	    border-bottom: solid 3px #eee;
	    -webkit-transition: .35s ease-in-out;
	    -moz-transition: .35s ease-in-out;
	    transition: .35s ease-in-out;
	    left: 6px;
	}
	 
	.navToggle span:nth-child(1) {
	    top: 9px;
	}
	 
	.navToggle span:nth-child(2) {
	    top: 18px;
	}
	 
	.navToggle span:nth-child(3) {
	    top: 27px;
	}
	 
	.navToggle span:nth-child(4) {
	    border: none;
	    color: #eee;
	    font-size: 0.8rem;
	    font-weight: bold;
	    top: 34px;
	}



	/* 最初のspanをマイナス45度に */
	.navToggle.active span:nth-child(1) {
	    top: 18px;
	    left: 6px;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	 
	/* 2番目と3番目のspanを45度に */
	.navToggle.active span:nth-child(2),
	.navToggle.active span:nth-child(3) {
	    top: 18px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

}


/* ハンバーガーメニュー ここまで */