@media screen and (max-width: 767px) {
	.sm-none {
		display: none;
	}
	.padding-0-15 {
		padding: 0 15px;
	}
	body {
		background-color: #000000;
		margin: 0;
		font-family: 'Noto Sans Japanese',sans-serif;
	}
	.menu2 {
		position: fixed;
		top: 0;
		left: 0;
	}
	.sm-none {
		display: none;
	}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		-webkit-transition: all .4s;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 64px;
		height: 64px;
		z-index: 3;

	}
	.menu-trigger span {
		position: absolute;
		left: 14px;
		width: 37px;
		height: 2px;
		background-color: #333;
		border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 20px;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 31px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 20;
	}

	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(11px) rotate(-45deg);
		transform: translateY(11px) rotate(-45deg);
		background-color: #fff;
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-11px) rotate(45deg);
		transform: translateY(-11px) rotate(45deg);
		background-color: #fff;
	}

	/*ここからグローバルナビ*/
	nav.globalMenuSp {
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		background: #fff;
		color: #000;
		text-align: center;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
		width: 100%;
	}

	nav.globalMenuSp ul {
		margin: 0 auto;
		padding: 0;
		width: 100%;
		background-color: #000;
	}

	nav.globalMenuSp ul li {
		font-size: 1.1em;
		list-style-type: none;
		padding: 0;
		width: 100%;
		border-bottom: 1px solid #333;
	}

	/* 最後はラインを描かない */
	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}

	nav.globalMenuSp ul li a {
		display: inline-block;
		padding: 1em 0;
		width: 240px;
		color: #fff;
		text-decoration: none;
	}
	nav.globalMenuSp ul li a:hover {
	}

	/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}

	/*ここまでグローバルナビ*/
	.menu-active {
		color: #952932 !important;
	}

	.container {
		margin: 0 auto;
		margin: 0 10px;
	}
	header {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.positionfixed-clear {
		margin-top: 15%;
	}
	.top {
		background-color: #ffffff;
		padding: 10px;
		text-align: center;
	}
	.menu {
		display: none;
	}
	.text-center {
		text-align: center;
	}
	.margin-bottom-30 {
		margin-bottom: 30px;
	}
	.padding-bottom-30 {
		padding-bottom: 30px;
	}
	.padding-30 {
		padding: 30px;
	}
	.padding-tb-50 {
		padding: 50px 0;
	}
	.img-box {
		position: relative;
		border-bottom: solid 1px #333333;
	}
	.inner-box {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.footer {
		margin-top: 40px;
		border-top: 1px solid #333333;
	}
	.footer-text {
		color: #999999;
		font-size: 13px;
		letter-spacing: 0px;
		padding: 10px 19px;
	}
	.ebihara {
		color: #999999;
		font-size: 13px;
		border-bottom: 1px solid #999999;
	}
	.katori {
		color: #999999;
		font-size: 13px;
		border-bottom: 1px solid #999999;
	}
	.pagetop-img-box {
		position: fixed;
		bottom: 40px;
		right: 20px;
	}
	.padding-tb-100 {
		padding: 100px 0;
	}
	.pagetop-inner-box {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.pagetop-img-box img {
		padding: 5px;
	}
}


@media screen and (min-width: 768px) {
	.pc-none {
		display: none;
	}
	body {
		background-color: #000000;
		margin: 0px;
		font-family: 'Noto Sans Japanese',sans-serif;
	}
	.container {
		margin: 0 auto;
		margin: 0 15px;
	}
	header {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.menu2 {	/*sp用のメニューを非表示*/
		display: none;
	}

	.positionfixed-clear {
		margin-top: 15%;
	}
	.top {
		background-color: #ffffff;
		padding: 17px;
		text-align: center;
	}
	.menu {
		background: rgba(0,0,0,0.8);
		position: relative;
		z-index: 1;
	}
	ul.menu {
		border-bottom: solid 1px #333333;
		margin: 0px;
		padding: 9px;
	}
	ul.menu li {
		display: inline-block;
		margin: 0 6px;
	}

	ul.menu li>a {
		display: block;
		padding: 10px 10px;
		font-weight: bold;
		letter-spacing: -1px;
	}
	ul.menu li>a:hover {
		opacity: 0.8;
	}
	a {
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
	}
	.menu-active {
		color: #952932;
	}
	.text-center {
		text-align: center;
	}
	.margin-bottom-30 {
		margin-bottom: 30px;
	}
	.padding-bottom-30 {
		padding-bottom: 30px;
	}
	.padding-30 {
		padding: 30px;
	}
	.padding-tb-50 {
		padding: 50px 0;
	}
	.img-box {
		position: relative;
		border-bottom: solid 1px #333333;
	}
	.inner-box {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.footer {
		margin-top: 40px;
		border-top: 1px solid #333333;
	}
	.footer-text {
		color: #999999;
		font-size: 13px;
		letter-spacing: 0px;
		padding: 3% 0 0 10%;
	}
	.ebihara {
		color: #999999;
		font-size: 13px;
		border-bottom: 1px solid #999999;
	}
	.katori {
		color: #999999;
		font-size: 13px;
		border-bottom: 1px solid #999999;
	}
	.padding-tb-100 {
		padding: 100px 0;
	}

	.pagetop-img-box {
		position: fixed;
		bottom: 25px;
		right: 20px;
	}
	.pagetop-inner-box {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
}