@import url("reset.css");
body{
	font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	color:#656565;
	width:100%;
	background-color:#ffffff;
	background-image: url("../images/bg_body.jpg");
	background-repeat:no-repeat;
}
div#content_area{
	width:1176px;
	margin:0 auto 0;
}
#header_area{
	width:100%;
	height:124px;
	margin:0 auto 94px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#header_area h1{
	width:91px;
	height:124px;
	margin:33px 0 0 0;
	/*text-indent:100%;*/
	white-space:nowrap;
	overflow:hidden;
	/*background-image: url("../images/logo.png");
	background-repeat:no-repeat;
	background-size:contain;*/
}
#header_area h1 img{
	width:91px;
	height:91px;
}
#navi_area{
	-webkit-flex: 1;
	flex: 1;
}
#sns_area{
	text-align:right;
	width:100%;
	margin:52px 0 35px 0;
	padding:0;
}
#sns_area a{
	margin:0 0 0 8px;
}
#global_menu ul{
	width:100%;
	text-align:right;
}
#global_menu ul li{
	margin-left:4%;
	float:right;
}
#global_menu ul li a,#global_menu ul li:hover,#global_menu ul li:visited{
	color:#656565;
	text-decoration:none;
}
#global_menu ul li:hover{
	text-decoration:underline;
}
.drawer-toggle{
	visibility:hidden;
}
.drawer-nav{
	visibility:hidden;
}
ul#top_slide{
	width:100%;
	margin:0 auto 0;
}
#main_content{
	width:100%;
	margin:0 auto 0;
}
ul#illust_thumb{
	width:100%;
	margin:0;
	list-style-type: none
}
ul#illust_thumb li{
	width:25%;
	margin:0;
	float:left;
}
ul#illust_thumb li img{
	width:100%;
}
#footer_area{
	width:100%;
	margin:32px auto 32px;
	text-align:center;
}
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.slider{
    margin: 0 auto;
}
.slider img{
	height: auto;
	width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before{
	color: #000;
}

/* clearfix */
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}

@media screen and (min-width:30em) and (max-width:1176px){
	/* ~1176px（小型PC、タブレットなど） */
	div#content_area{
		width:100%;
		margin:0 auto 0;
	}
	#header_area{
	width:96%;
	margin:0 auto 94px;
	}
	ul#illust_thumb li{
		width:33.33%;
	}
}
@media screen and (max-width:33em){
	/* ~480px（スマホ縦） */
	div#content_area{
		width:96%;
		margin:0 auto 0;
	}
	#header_area{
		width:100%;
		margin:0 auto 94px;
	}
	ul#illust_thumb li{
		width:50%;
	}
	#header_area h1{
		width:91px;
		height:124px;
		margin:16px 0 0 0;
	}
	#sns_area{
		margin:76px 2% 35px 0;
	}
	#global_menu ul{
		display:none;
	}
	.drawer-toggle{
		visibility:visible;
	}
	.drawer-nav{
		visibility:visible;
		}
}