@charset "utf-8";
.sec-restrict img {
	vertical-align: bottom;
}
.sec-restrict {
	margin: 0 auto;
	max-width: 1280px;
}
.sec-container {
	width: 95.625%;
	margin: 0 2.1875%;
}
.sec-grid-12 {
	width: 98.69281%;
	margin: 0 0.653594771242%;
}





.header {
	height: 120px;
}
.header .menu,
.header .tools-menu {
	display: none;
}
.header .container {
	max-width: 500px;
}
.header .nav-wrapper {
	border: none;
}
.header .top-nav {
	position: static !important;
}




footer {
	padding: 15px 20px 20px;
	border-top: 1px solid #cccccc;
	text-align: center;
}





#sec-floating {
	position: fixed;
	bottom: 10px;
	right: 0px;
	width: 30px;
	z-index: 9999;
}
#sec-floating .area-sns {
	list-style:none;
}
#sec-floating .area-sns > * {
	margin-bottom: 1px;
	text-align: left;
}
#sec-floating .area-btn {
	position: relative;
	cursor: pointer;
}
#sec-floating .area-btn .close {
	position: absolute;
	top: 0;
	left: 0;
}





#sec-main-visual-least-slide {
	overflow: hidden;
	display: none;
}
#sec-main-visual {
	overflow: hidden;
	background-color: #ddd;   /* 201511.14 */
	position: relative;
}
#sec-main-visual .area-wp-close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
#sec-main-visual .area-wp-close img {
	width: 100%;
	height: 100%;
}
#sec-main-visual ul.area-wp li .title {
	text-align: center;
}
#sec-main-visual ul.area-button li {
	text-align: center;
}
#sec-main-visual ul.area-wp li.monthly > * {
	float: left;
}
#sec-main-visual ul.area-wp li.monthly:after {
	content: "";
	clear: both;
	display: block;
}
#sec-main-visual img {
	max-width: 100%;
}





#sec-calendar .sec-grid-12 {
	text-align: center;
	margin: 3% auto;
}
#sec-calendar .area-wp li {
	float: left;
}
#sec-calendar .area-wp-3 {
	display: none;
}
#sec-calendar .area-wp:after {
	content: "";
	clear: both;
	display: block;
}
#sec-calendar li a,
#sec-calendar li span,
#sec-calendar td a,
#sec-calendar td span {
	display: block;
	position: relative;
}
#sec-calendar .month,
#sec-calendar .text,
#sec-calendar .mouse {
	position: absolute;
	top: 0;
	left: 0;
}

#sec-calendar .area-wp .lock span img:first-child,
#sec-calendar .area-wp-3 .lock span img:first-child {
    opacity: .5;
}



/* @media ie8 { */
	.ie8 .sec-restrict {
		min-width: 1000px;
	}
	.ie8 #sec-main-visual {
		margin-top: 36.234px;
	}
	.ie8 #sec-main-visual ul.area-wp li .wp {
		width: 75%;
	}
	.ie8 #sec-main-visual ul.area-wp li .title {
		width: 20%;
		margin: 0 2.5%;
	}
	.ie8 #sec-main-visual ul.area-button {
		width: 20%;
		margin: 0.75% 2.5% 0;
	}
	.ie8 #sec-main-visual ul.area-button li {
		width: 100%;
		margin-top: 3.312%;
	}
	.ie8 #sec-main-visual .sec-container {
		padding: 34px 0 34px 0;
	}
	.ie8 #sec-calendar .area-wp-3 {
		display: none;
	}
	.ie8 #sec-calendar .area-wp {
		display: block;
		margin-top: 3%;
	}
	.ie8 #sec-calendar .area-wp li {
		width: 24.50275%;
		margin: 0.663% 0 0 0.663%;
	}
	.ie8 #sec-calendar .area-wp li.title {
		width: 49.6685%;
		margin: 0.663% 0 0 0;
	}
	.ie8 #sec-calendar .area-wp li.split4 {
		margin: 0.663% 0 0 0;
	}
/* } */





@media all and (max-width:640px) {
	.header {
		display: none;
	}
	#gnHeader .headerMenuBtn {
		visibility: hidden;
	}
	#gnHeader .headerMenuBtnWrap {
		border: none;
	}
	#sec-main-visual .area-wp-close {
		width: 24px;
		height: 24px;
		top: 1%;
		right: 1%;
	}
	#sec-main-visual ul.area-wp li .wp {
		width: 100%;
	}
	#sec-main-visual ul.area-wp li .title {
		width: 30%;
		margin: 1.5% 3% 0 0;
	}
	#sec-main-visual ul.area-button {
		width: 67%;
	}
	#sec-main-visual ul.area-button li {
		width: 48.5%;
		margin: 1.5% 0 0 1.5%;
		float: left;
	}
	#sec-main-visual ul.area-button:after {
		content: "";
		clear: both;
		display: block;
	}
	#sec-main-visual ul.area-button li.btn {
		margin-top: 3%;
	}
	#sec-main-visual .sec-container {
		padding: 34px 0 34px 0;
	}
	#sec-calendar .area-wp {
		display: block;
	}
	#sec-calendar .area-wp li {
		width: 49.5%;
		margin: 1% 0 0 1%;
	}
	#sec-calendar .area-wp li.title {
		width: 100%;
		margin: 3% 0 0 0;
	}
	#sec-calendar .area-wp li.split2 {
		margin: 1% 0 0 0;
	}
}





@media only screen and (max-width: 1024px) and (min-width: 641px) {
	.pc .header .restrict {
		min-width: 620px;
		max-width: 1024px;
		width: 100%;
	}
}





@media all and (min-width:641px) {
	#sec-main-visual {
		margin-top: 36.234px;
	}
	#sec-main-visual ul.area-wp li .wp {
		width: 75%;
	}
	#sec-main-visual ul.area-wp li .title {
		width: 20%;
		margin: 0 2.5%;
	}
	#sec-main-visual ul.area-button {
		width: 20%;
		margin: 0.75% 2.5% 0;
	}
	#sec-main-visual ul.area-button li {
		width: 100%;
		margin-top: 3.312%;
	}
	#sec-main-visual .sec-container {
		padding: 34px 0 34px 0;
	}
	#sec-main-visual ul.area-wp li.monthly {
		position: relative;
	}
	#sec-main-visual .area-button {
		position: absolute;
		bottom: 0;
		right: 0;
	}



	#sec-calendar .area-wp {
		display: none;
	}
	#sec-calendar .area-wp-3 {
		display: block;
		margin-top: 3%;
		width: 100%;
	}
	#sec-calendar .area-wp-3 td {
		border: solid #ffffff;
		border-top-width: 4.6875px;
	}
	#sec-calendar .area-wp-3 td.title {
		border-right-width: 4.6875px;
	}
	#sec-calendar .area-wp-3 td.split3 {
		border-left-width: 4.6875px;
		border-right-width: 4.6875px;
	}
	#sec-calendar .area-wp-3 img {
		width: 100%;
	}
}





@media all and (min-width:769px) {
	#sec-main-visual {
		-margin-top: 36.234px;
	}
	#sec-calendar .area-wp-3 {
		display: none;
	}
	#sec-calendar .area-wp {
		display: block;
		margin-top: 3%;
	}
	#sec-calendar .area-wp li {
		width: 24.50275%;
		margin: 0.663% 0 0 0.663%;
	}
	#sec-calendar .area-wp li.title {
		width: 49.6685%;
		margin: 0.663% 0 0 0;
	}
	#sec-calendar .area-wp li.split4 {
		margin: 0.663% 0 0 0;
	}
}