@charset "UTF-8";
	/* nav */


	#global-nav,
	#global-nav #global-menu-button,
	#sp_mainImg.sp_main,
	#sp_mainImg>img {
		display: none;
	}

	@media (max-width: 769px) {
		body{
			width: 100%;
			min-width: inherit;
		}
		#areaHeader,
		#areaGnav,
		.main_img#vegas,
		.footer_sitemap,
		#mainArea02.sp_none,
		#footer{
			display: none;
		}
		#mainArea02{
			width: 100%;
		}

		#global-nav {
			display: block;
			background: #fff;
			position: fixed;
			height: 65px;
			width: 100%;
			padding: 0;
			z-index: 1;
		}
		#global-nav #global-menu-button+label {
		position: fixed;
		/*top: 20px;*/
		right: 0;
		/*margin-right: 10px;*/
		display: block;
		/*width: 40px;*/
		height: 40px;
		z-index: 2000;

		width: 35px;
		top: 0;
		margin: 0;
		background: #03263c;
		padding: 15px 15px 10px;
		}
		#global-nav #global-menu-button+label:after, #global-nav #global-menu-button+label:before {
		content: '';
		display: block;
		/*width: 40px;*/
		height: 4px;
		/*background: #03263c;*/
		border-radius: 1px;
		-webkit-transition: ease 0.5s;
		transition: ease 0.5s;

		width: 35px;
		background: #FFF;
		}
		#global-nav #global-menu-button+label:before {
	/*box-shadow: 0 15px 0 #03263c;*/

	box-shadow: 0 15px 0 #FFF;
		}
		#global-nav #global-menu-button+label:after {
			margin-top: 25px;
		}
		#global-nav #global-menu-button:checked~ul {
			right: 0;
		}
		#global-nav #global-menu-button:checked+label {
			right: 0;
		}
		#global-nav #global-menu-button:checked+label:before {
			-webkit-transform: rotate(-45deg) translate(-10px, 10px);
			transform: rotate(-45deg) translate(-10px, 10px);
			box-shadow: none;
			background: #83DCFF;
		}
		#global-nav #global-menu-button:checked+label:after {
			-webkit-transform: rotate(45deg) translate(-10px, -10px);
			transform: rotate(45deg) translate(-10px, -10px);
			box-shadow: none;
			background: #83DCFF;
		}
		#global-nav .sp_nav {
		background-color: #03263c;
		box-sizing: border-box;
		right: -200px;
		top: 0;
		-webkit-transition: -webkit-transform 0.3s linear 0s;
		transition: -webkit-transform 0.3s linear 0s;
		transition: transform 0.3s linear 0s;
		transition: transform 0.3s linear 0s, -webkit-transform 0.3s linear 0s;
		width: 200px;
		z-index: 1000;
		position: fixed;
		-webkit-transition: ease 0.5s;
		transition: ease 0.5s;
		display: block;
		height: 100%;
		/* padding-top: 60px; */
		margin: 0 auto;
		padding-left: 0;

		padding-top: 70px;
		}
		#global-nav h1 {
		width: 100%;
		/*padding: 20px 0 0 20px;*/
		line-height: 56px;
		border-top: 2px solid #03263c;
		/*border-bottom: 2px solid #03263c;*/

		padding: 20px 0 0 10px;
		border-bottom: none;
		}
		#global-nav h1 img {
		/*width: 300px;*/

		max-width: 300px;
		width: 75%;
		}
		#global-nav ul {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: end;
			-ms-flex-pack: end;
			justify-content: flex-end;
		}
		#global-nav ul li {
			list-style: none;
			line-height: 1em;
			padding: 1em 10px;
			text-align: left;
			border-bottom: 1px solid #000;
			border-right: none;
		}
		#global-nav ul li >a{
			color: #fff;
		}

		#global-nav ul li:first-child {
			border-top: 1px solid #000;
		}
		#global-nav ul li:last-child {
			border-right: none;
		}
		#sp_mainImg.sp_main {
			width: 100%;
			margin: 0 auto;
			height: 100vh;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			overflow: hidden;
			margin-top: 65px;
			background: url(../../assets/mainimg_sp.jpg) center center / cover no-repeat;
			color: #fff;
			text-align: center;
		}

		#sp_mainImg.sp_main h2{
			color: #fff;
			font-size: 180%;
		}
		#sp_mainImg.sp_main h2 span:first-child{
			display: block;
			margin-top: .4rem;
		}

		#sp_mainImg.sp_main h2 span:last-child{
			border-left: none;
			border-bottom: solid 3px #03263c;
			position: relative;
			line-height: 80px;
			font-weight: bold;
			padding: 0;
			display: block;
			width: 100px;
			text-align: center;
			margin: 40px auto 60px;
		}
		#sp_mainImg.sp_main h2 span:last-child::after{
			position: absolute;
			content: " ";
			display: block;
			border-bottom: solid 3px #f2132f;
			bottom: -3px;
			right: 0px;
			width: 50%;
		}
		#sp_mainImg.sp_main p{
			font-size: 100%;
			margin-bottom: .6rem;
		}
		#sp_mainImg.sp_main p:last-child{
			padding-bottom: 4rem;
		}


		.topMain_wrap{
			width: 100%;
			margin: 0 auto;
			padding: 0 0 25px 0;
			display: block;
		}

		.main_wrap>ol, .cat_wrap>ol{
			flex-wrap: wrap;
		}
		.main_wrap ol>li, .cat_wrap ol>li{
			width: 45%;
		}
		#mainArea02 .listTop ul{
				display: block;
		}
		#mainArea01 .list120, #mainArea02 .list120, #mainAreaNews .list120{
			width: 100%;
		}
		#mainArea02 .list120 dl dt{
			float: none;
		width: 100%;
		}
		#mainArea02 .list120 dl dd{
			width: 100%;
			display: inline-block;
			margin: 0;
			padding: 0;
		}
		.special .spe_box>.spe_item{
			width: 100%;
		}
		#mainArea02.pick .listTop ul li{
			margin: 60px auto;
			text-align: center;
		}
		#mainArea02.pick .listTop ul li div.product{
			padding: 0;
		}
		#sp_footer{
			padding: 10px 12px;
			color: #fff;
			background: #03263c;
			height: 145px;
			margin: 0;
			line-height: 0;
			border-bottom: 5px solid #f2132f;
		}
		#sp_footerLink{
			padding: 4px 0;
			font-size: .8rem;
			line-height: 1px;
		}
		#sp_copyright{
			font-size: .7rem;
		}
		#sp_footerLink>a{
			padding: 2px 0;
			margin: 5px 0;
			color: #83DCFF;
		}

		#top_btn .page-top {
			position: fixed;
			bottom: 25px;
			right: 14px;
			width: 60px;
			height: 60px;
			background: #03263c;
			line-height: 50px;
			font-size: 26px;
			z-index: 100;
			text-align: center;
			color: #fff;
			border-radius: 4px;

	}
		@media (max-width: 511px) {
			.main_wrap ol>li, .cat_wrap ol>li{
				width: 100%;
			}
		}
