@charset "utf-8";
/* CSS Document */
@media screen and (max-width:767px) {
	/* modal_base
--------------------------------------*/
	html, body {
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	a {
		text-decoration: none
	}
	div#menu_modal {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 100000;
	}
	div#menu_modal div.menu_background {
		position: fixed;
		margin-top: -100px;
		width: 100%;
		height: 100%;
		background-color: #000000;
		opacity: 0.75;
		filter: alpha(opacity=75);
		-ms-filter: "alpha(opacity=75)";
	}
	div#menu_modal div.menu_container {
		position: relative;
		width: 600px;
		height: 500px;
		background-color: #ffffff;
		border-radius: 3px;
		margin-top: 50px;
		z-index: 100000;
	}
	div#menu_modal {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 100000;
	}
	div#menu_modal div.menu_container {
		position: relative;
		width: 90vw;
		height: auto;
		/*background-color: #ffffff;*/
		border-radius: 2px;
		margin-top: 0px;
	}
	/*btn Close
--------------------------*/
	a .btn_menu_modal_close {
		display: inline-block;
		text-decoration: none;
		color: #fff;
		width: 32px;
		height: 32px;
		line-height: 33px;
		border-radius: 2px;
		font-weight: normal;
		margin: auto;
		font-size: 24px;
		/*position: absolute;*/
		top: -38px;
		right: 9px;
		text-align: center;
		background-color: #E9641D;
		
		    position: fixed;
	}
    
    
    
/* sns
-------------------------------------*/
div.sns_wrap_s {
}
div.header_sns-share_s {
display:flex;
/*position:fixed;*/
top:40px;
left:28px;
}
/* .my_page_btn {
    position: absolute; 
    right: 194px !important;
    top: 40px !important;
	right: 20% !important;
}*/
.my_page_btn {
    top: 31px !important;
    right: 20% !important;
    height: 34px;
    line-height: 34px;
}
div.header_sns-share_s div {
flex:0 0 36px;
margin-right:5px;
}
div.header_sns-share_s div img {
	width:34px;
	}
p.sns_share_txt_s {
	position:absolute;
	top:0;/*-28px;*/
	left:10%;/*1.5em;*/
	color:#737373;
}
	/* font-awesoe menu_wrap_menu
----------------------------------------------------*/
	.menu_wrap_menu {
		margin-top: 100px;
	}
	.menu_drawer-nav {
		margin: 0;
		padding: 2% 1.4% 1.1%;
		background: #000;
		box-sizing: border-box;
	}
	.menu_drawer-nav_2 {
		margin: 2em 0 0;
		padding: 2% 1.4% 1.1%;
		background: #000;
		box-sizing: border-box;
	}
	.menu_drawer-menu {
		display: inline-flex;
		flex-flow: wrap;
	}
	.menu_drawer-menu li {
		flex-basis: 48%;
		margin: 0 1% 2%;
		padding: 0;
		text-align: center;
		box-sizing: border-box;
		font-size: 12px;
		border-radius: 3px;
	}
	.menu_drawer-menu li a {
		font-size: 12px;
		display: block;
		margin: 0;
		padding: 6px 0 3px;
		background: #fff;
		color: #000;
		border-radius: 3px;
		transition: .2s;
		position: relative;
	}
	.menu_drawer-menu li a::hover {
		display: block;
		margin: 0;
		padding: 6px 0 0;
		margin-left: 0px;
		background: #FFFFCC;
		color: #666;
		position: relative;
		cursor: hand !important;
	}
	.menu_drawer-menu li a::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f054";
		position: absolute;
		top: calc(50% - 7px);
		right: .7em;
		bottom: 0;
		margin: auto;
		color: #9A9A9A;
		font-size: 11px;
	}
	.menu_drawer-menu li a i {
		display: inline-block;
		width: 100%;
	}
	.menu_drawer-menu li a i.iconcolor {
		color: #EC5504;
	}
	/* footer menu_footer_btn_wrap
----------------------------------------------------*/
	div.menu_footer_btn_wrap {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		margin: 30px 0 0;
		padding: 0;
	}
	div.menu_footer_btn_wrap div {
		flex-basis: 47%;
		flex-shrink: 1;
		margin: 0;
		padding: 0 !important;
	}
	div.menu_footer_btn_wrap p img {
		margin: 0;
		padding: 0;
	}
	div.wide__menu_btn {
		margin: 0 auto;
		padding: 2% 0;
		width: 97.4%;
	}
	/* 標示非表示
-----------------------------*/
	.pc_only {
		display: none;
	}
	.sp_only {
		display: block;
	}
}
/*@media SMP END */