@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 768px) {
	
	.SP_none {
		display: none !important;
	}
	
.MgnTop5 {
	margin-top: 10%;
}

.MgnTop3 {
	margin-top: 5%;
}
	
body {
	font-size: 13px !important;
	line-height:1.5 !important;
}
	
.gotop {
	right:10px;
	bottom:10px;
}
	
.TopHeader p {
	text-align: center;
}

.SubMenu {
	position: static;
	background: #2e2e2e;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 1.5% 0;
}
	
	.HeaderInner {
		position: relative;
		width: 100%;
	}
	

	.TopLogo {
	padding: 15px 0 0 0;
		text-align: center;
}
	
	.TopLogo img,
	.F_logo img {
		width: 80px;
	}
	
header {
	background: #000 !important;
	color: #FFF;
	width:100%;
}
	
	.Cart {
		position: absolute;
		right: 20px;
		top: 40px;
	}
	
#Search {
		margin: 0 auto !important;
	float: none;
	padding: 0;
	
	}

	
.F_logo {
	float: none;
	width: 100%;
	padding-top: 0;
	text-align: center;
}
	
	.Connect {
		text-align: center;
		margin-top: 5%;
	}
	
.Small {
	margin-bottom: -1%;
}
	
.Title {
	font-size: 200% !important
}

.Title::before {
 width : 80px ;
 }	
	
.F_Title::before {
	margin: 0 auto;
 }
	
.List4 {
	margin-top: 5%;
	margin-left: -2%;	
}
	
.Title_Center_Top {
		font-size: 200%;
	}

.List4 li {
	width: 48%;
	margin: 5% 0 0 2%;
}
	
.Circle_Btn {
	margin-top: 10%;
}

.Circle_Btn a {
	color: #fcbb21;
	border: 2px solid #666;
	background: #000;
}

.mask {
	margin-top: 5%;
}
	
section#TopAbout {
	margin-top: 15%;
	padding: 10% 0;
}
	
.Abouto01 {
	margin-top: -15%;
}

.Abouto01 {
	padding-top: 0;
}
	
div.AboutImgWrap {
	width: 100%;
	float: none;
}
	
.WhtBox {
	width: 60%;
}
	
	.WhtBox .Title_Center {
		font-size: 150%;
	}


div.AboutTextWrap {
	float: none;
	width: 100% !important;
	padding: 10%;
	margin: 10% auto 0 auto;
}
	
.CollaboImgWrap {
	width: 100%;
}

.CollaboTitleWrap {
	width: 80%;
	padding: 10%;
}

.CollaboBtn {
	float: right;
}
	
	
/*背景斜め*/
.oneArea {
	padding: 10% 0;
}
/*背景斜め END*/
	
a .Circle_Btn {
	margin-top: 10%;
	width: 100px;
	padding: 5% 8%;
}
	
li.list {
    float: none;
    width: 100%;
    margin: 0 auto;
}
	
	.YelBtn a {
		margin: 0 auto;
	}
	
#Common {
	padding-top: 0;
			padding-bottom: 10%;
	}
	
.UnderBtn {
	text-align: center;
}
	
footer {
	padding: 10% 0 5% 0 !important;
}

	
}