@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: #2a2a2a;
	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 .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;
}

#sec-profile {
	margin: 97px 0 95px;
}
#sec-profile .sec-grid-12 {
	text-align: center;
}
#sec-profile .description {
	font-size: 140%;
	line-height:1.5em;
	margin: 0.375em 0;
	text-align:center;
}
#sec-profile .caption {
	font-size: 120%;
	line-height:1.5em;
	margin: 2.0em 0;
	text-align:left;
}
#sec-profile .profile {
	max-width: 912px;
	margin: 0 auto;
}
#sec-profile .sp {
	display: none;
}
#sec-profile .name {
	font-size: 220%;   /* 2015.11.14 */
	line-height:1.5em;
	margin: 0.375em 0;
	text-align:center;
	/*letter-spacing: 0.5em;*/
}


/*161027add Artist Profile*/
#sec-profile * {
    box-sizing: border-box;
}
#sec-profile .artist-prof .artist-photo {
    width: 21%;
    float: right;
    margin-left: 2%;
}

#sec-profile .works-list {
    margin-top: 20px;
}
#sec-profile .works-list li {
    display: table;
    margin-top: 20px;
    text-align: left;
}
#sec-profile .works-list .fl {
	float: left;
	width:49%;}
#sec-profile .works-list .fr {
	float: right;
	width:49%;}

#sec-profile .works-list dl {
    display: table-cell;
    width: 65%; /* 77 → 65 */
    padding-left: 15px;
    vertical-align: middle;
}

#sec-profile .works-list dt,#sec-profile .works-list dd {
    font-size: 1.3em;
}
#sec-profile .works-list dt {
    color: #c71444;
}
/*spロールオーバー対策*/
.sp #sec-calendar .text {
    display: none!important;
}



/* @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 ul.area-button li.btn {
		margin-top: 3.312%;
	}
	.ie8 #sec-main-visual ul.area-button li.split {
		margin-top: 11.18%;
	}
	.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;
	}



	.ie8 #sec-profile .sec-grid-12 {
		border-color: #cccfd4;
		border-style: solid;
		border-left-width: 4px;
		border-right-width: 4px;
		width: 97.89281%;
	}
/* } */





@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%;
		margin-bottom: 2.2%;
	}
	#sec-main-visual ul.area-wp li .title {
		width: 30%;
		margin: 1% 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;
	}



	#sec-profile .pc {
		display: none;;
	}
	#sec-profile .sp {
		display: block;
	}
	#sec-profile img.sp {
		width: 100%;
	}

	/*161027 Artist Profile*/
    #sec-profile .artist-prof .artist-photo {
		min-width: 38%;
	}
    #sec-profile .works-list li {
        width: 100%;
    }
    #sec-profile .works-list .fl,#sec-profile .works-list .fr {
        float: none;
        width: 100%;}
   /*
    #sec-profile .works-list dl {
        width: 83%;
    }
    */

}





@media all and (max-width:500px) {
	#sec-profile {
		margin: 24% 0 4%;
	}
}





@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 ul.area-button li.btn {
		margin-top: 3.312%;
	}
	#sec-main-visual ul.area-button li.split {
		margin-top: 11.18%;
	}
	#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 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: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;
	}

}





@media all and (min-width:1000px) {
	#sec-profile .sec-grid-12 {
		border-color: #cccfd4;
		border-style: solid;
		border-left-width: 4px;
		border-right-width: 4px;
		width: 97.89281%;
	}
}