@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');

/********** Base ***********/
html,body{background-color:#f4f6f6;width:100%;height:100%;}
img{border:none;}
/********** Reset **********/
*,*::before,*::after{box-sizing:border-box}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
ul[role='list'],ol[role='list']{list-style:none}
body{min-height:100vh;line-height:1.5}
h1,h2,h3,h4,button,input,label{line-height:1.1}
h1,h2,h3,h4{text-wrap:balance}
a:not([class]){text-decoration-skip-ink:auto;color:currentColor}
img,picture{max-width:100%;display:block}
input,button,textarea,select{font:inherit}
textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}
*{padding:0;}
/********** Clearfix **********/
*html.clearfix{height:1px;height:auto;overflow:hidden;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix:before{content:"";display:block;clear:both;} 
.clearfix {display:block;}
/********** Text **********/
body{
	font-size:14px;
	font-weight:normal;
	line-height:1.5;
	font-family:'Meiryo','Yu Gothic UI','Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
}
/********** Link **********/
a{text-decoration:none;}
a:focus {outline:none;}
/********** Header **********/
header{
	position:fixed;
	width:100%;
	margin:0 auto;
	padding-left:10px;
	background-color:#232f3e;
	color:#FFF;
	font-family:'M PLUS Rounded 1c',sans-serif;
	z-index:9999;
}
header>hgroup{
	height:60px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
h1{
	font-size:30px;
	letter-spacing:0.3em;
}
/********** Container **********/
body{
	display:flex;
	flex-direction:column;
}
main{
	flex-grow:1;
	width:100%;
	margin:65px auto 0;
}
/********** MainContents **********/
.MainSect {
	display:flex;
	flex-wrap:wrap;
	width:1700px;
	margin-left:200px;
	padding:5px;
	background-color:#fff;
	border-radius:10px;
}
.MainSect>h2 {
	width:100%;
	margin:0 auto 10px;
	padding:10px;
	font-size:30px;
	color:#0f1111;
	border-bottom:1px solid #ddd;
}
/********** SaleList **********/
.SaleList {

}

/********** SideNavigation **********/
.SideNav {
	display:flex;
	position:fixed;
	background-color:#fff;
	width:180px;
	justify-content:center;
	text-align:center;
	border-radius:10px;
	margin-left:10px;
}
.SideNavInner{
	margin:0;
	padding:0;
	border-top:1px solid #ecf0f1;
}
.SideNavInner>li{
	width:180px;
	padding:15px 0;
	list-style:none;
	font-weight:bold;
	color:#424949;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
}
.SideNavInner>h3{
	padding:15px;
	border-radius:10px 10px 0 0;;
	background-color:#232f3e;
	font-size:18px;
	color: #f8f9f9;
}
.SideNavInner>li>a{
}
.SideNavInner>li:hover{
	background-color:#ecf0f1;
	font-size:15px;
}

/********** Footer **********/
footer{
	background-color:#000;
	width:100%;
	min-width:370px;
	margin:0 auto;
	color:#FFF;
}
footer>p{
	height:50px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
/********** end **********/