@charset "utf-8";


.sp{
	display:none;
}

.hdr_indexsp {
	display:none;
	float:right;
	margin:15px 15px;
}

@media only screen and (min-width: 750px) {
#sp-icon {
	display:none;
}
}

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

.sp{
	display:block!important;
}

.pc{
	display:none!important;
}

header {
	position:static !important;
}

#global-nav{
	display:none;
}

#submenu {
	display:none;
}

#p_policy{
	display:none;
}

.wrapper {
	margin-top: 0px !important;
}

.hdr_indexsp {
	display:block;
}
}



ul#menu {
	list-style-type : none;
	background : rgba(0,0,0,0.9);
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 990;
	display : none;
	margin-top: 55px;
	text-align:center;
	height:91%;
}

ul#menu li {
	text-align : center;
	background-color: #fff;
}

ul#menu li a {
	text-decoration : none;
	display : block;
	color:#e20000;
	padding:4px 0;
}

ul#menu li a:hover {
	background : rgba(226,0,0,0.8) !important;
	color:#fff;
}

.menu_sp a {
	text-decoration : none;
}


div#sp-icon {
	width : 70px;
	height : 70px;
	display: unset;
}

@media all and (-ms-high-contrast: none){
div#sp-icon {
	width : auto;
	height : auto;
}
}

@supports (-ms-ime-align: auto){
div#sp-icon {
	width : auto;
	height : auto;
}
}

div#sp-icon:hover {
	cursor : pointer;
	opacity : 0.7;
}

div#sp-icon span,
div#sp-icon span:before,
div#sp-icon span:after {
	display : inline-block;
	width : 30px;
	height : 3px;
	background : #000000;
	transition-property : transform;
	transition-duration : 0.3s;
}

div#sp-icon span {
	/*transform : translate( -50%, -50% );*/
}

div#sp-icon span:before {
	content : "";
	position : absolute;
	transform : translateY( -10px ) rotate( 0deg );
}

div#sp-icon span:after {
	content : "";
	position : absolute;
	transform : translateY( 10px ) rotate( 0deg );
}


div.sp-close span {
	background : transparent !important;
}

div.sp-close span:before {
	transform : rotate( 45deg ) !important;
}

div.sp-close span:after {
	transform : rotate( -45deg ) !important;
}


.indexlogo_sp {
	display:none;
	margin:20px auto;
}

@media only screen and (max-width: 750px) {
.indexlogo_sp {
	display:block;
}
}

.index_spmenu {
	display:none;
	float:right;
	margin:25px 20px 0 0;
}

@media only screen and (max-width: 750px) {
.index_spmenu {
	display:block;
}
}