/*
Theme Name: ORIGINAL
*/


*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


.font12{
font-size:12pt;
}


.font13{
font-size:13pt;
}

.font14{
font-size:14pt;
}


.font_bold{
font-weight:bold;
}


img{
display:block;
}


ul, li{
list-style:none;
}


a{
color: #000;
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}

hover{
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}













body{
	font-family: "noto-sans-cjk-jp", "Helvetica", sans-serif;
	line-height: 180%;
	color: #333;
	overflow-x: hidden;
	font-weight: 300;
}


#waku{
background: #000;
position:fixed;
z-index: 999;
}



#waku.boder_top{
width: 100%;
height:5px;
top:0;
}

#waku.boder_bottom{
width: 100%;
height:5px;
bottom:0;
}


#waku.boder_left{
width: 5px;
height:100%;
left:0;
top:0;
}

#waku.boder_right{
width: 5px;
height:100%;
right:0;
top:0;
}




#header{
width:100%;
position:absolute;
z-index:999;
}



.header_inner ul{
width:100%;
text-align:center;
padding:30px 0;
}


.header_inner li{
padding:0 20px;
display:inline-block;
opacity:1;
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}

.header_inner li:hover{
opacity:0.6;
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}



#top_header{
display:none;
width:100%;
position:fixed;
z-index:9999;
top:-110px;
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}

#top_header.active{
top:0px;
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}

#pase_content #top_header{
top:0px!important;
}


.menu_page #top_header{
top:0px;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow: none;
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}


.menu_page #top_header.active{
top:0px;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow: none;
box-shadow: rgba(23, 18, 15, 0.3) 0px 0px 10px 2px;
-webkit-box-shadow: rgba(23, 18, 15, 0.3) 0px 0px 10px 2px;
-moz-box-shadow: rgba(23, 18, 15, 0.3) 0px 0px 10px 2px;
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}


.top_header_inner{
padding: 20px 0 0px;
overflow:hidden;
width:880px;
margin:0 auto;
height: 44px;
position: relative;
}





#footer{
padding:50px 0;
}


.footer_copy{
margin-top:20px;
}

.footer_copy p{
	color: #000;
	font-size:8pt;
	letter-spacing:1px;
	text-align: center;
	font-weight: 300;
}





.inner{
margin: 0 auto;
position: relative;
overflow: hidden;
}









#slide_header{
position:fixed;
top:0;
width:100%;
z-index:99;
}



#slide_header .inner{
	padding: 60px 80px 0px;
	-webkit-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
}


#slide_header.active .inner{
	padding: 20px 80px 0px;
	background:#fff;
	-webkit-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
}



.top_header_left{
float:left;
width: 50%;
}


.logo a{
	width:180px;
	display:block;
	-webkit-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
}

.active .logo a{
	width:120px;
	display:block;
	-webkit-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
}


.top_text{
margin-top:10px;
opacity:1;
-webkit-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
}

#slide_header.active .top_text{
opacity:0;
-webkit-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
}



.top_text p{
	font-size:10pt;
	letter-spacing:1px;
	color:#000;
	line-height:160%;
	font-weight: 300;
}

.top_text p a{
color:#000;
text-decoration:none;
}



.top_text_line{
	background: transparent;
	width: 97%;
	height: 1px;
	margin-top: 15px;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	}

#slide_header.active .top_text_line{
margin-top:-40px;
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}


.top_header_right{
	float:right;
}

.menu {
position: relative;
z-index:999;
}

.menu li{
opacity:1;
text-align:right;
-webkit-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
}

#slide_header.active .menu li {
opacity:0;
-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}


.menu li a span{
	width:15px;
	display:inline-block;
	margin-left: 8px;
	vertical-align: middle;
}


.menu li a span .icon_hear {
fill: #fff;
stroke: #000;
stroke-miterlimit: 10;
	stroke-width: .4px;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}



.menu li a:hover span .icon_hear {
	fill:#000;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}


.menu li a.active span .icon_hear {
	fill:#000;
}




.menu_side{
	margin-top: -79px;
	position: relative;
	z-index: 99;
	}

#slide_header.active .menu_side{
z-index:9999;
}


.menu_side li{
opacity:0;
display:inline-block;
text-align:right;
margin-left:0px;
-webkit-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
}

#slide_header.active .menu_side li {
opacity:1;
	margin-left: 15px;
-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}

.menu li a{
	font-size:10pt;
	letter-spacing:1px;
	color:#000;
	text-align:right;
	text-decoration: none;
	font-weight: 300;
}


.section{
padding-top: 130px;
margin-top: -20px;
}



.loading {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
z-index: 999999;
opacity: 1;
background: #fff;
}





.loader
{
position: absolute;
display: inline-block;
top:50%;
left:50%;
margin-left:-17px;
margin-top:-30px;
width: 30px; 
height: 30px;
border-radius: 30px;
border: 1px solid #000;
border-right-color: transparent;
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
}

@-webkit-keyframes spin
{
	0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
	50%  { -webkit-transform: rotate(180deg); opacity: 1; }
	100%   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin
{
	0% { -moz-transform: rotate(0deg); opacity: 0.4; }
	50%  { -moz-transform: rotate(180deg); opacity: 1; }
	100%   { -moz-transform: rotate(360deg); opacity: 0.4; }
}





.img-cover {
background: none no-repeat scroll 50% 50% / cover  rgba(0, 0, 0, 0);
background-size: cover !important;
-webkit-background-size: cover !important;
}


.img-cover img {
display: none;
}


.wooslider .slides > li img {
display: none;
}
.wooslider .slides > li a{
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 2000;
}
.wooslider .slides > li .title a{
color: #fff;
position: relative;
height: auto;
width: auto;
z-index: 1999;
}










	#index_section{
	width: 100%;
	margin: 0px auto;
	padding-top: 50px;
	}


	#index_section.top_page{
	padding-top: 230px;
}



#index_section .index_section_inner{
padding: 0 65px;
}

.post_inner{
padding:15px 15px;
overflow: hidden;
}

.post_inner:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#000;
	margin-top: 8px;
}

.box img {
-moz-user-select: none;
/*-webkit-user-select: none;*/
-ms-user-select: none;
user-select: none;
/*-webkit-user-drag: none;*/
user-drag: none;
display:block;
}

.box {
max-width: 100%;
}

.box:after {
content: '';
display: block;
clear: both;
}

.box .post{
width: 50%;
}

.box .post01{
width: 100%;
}

.post01 .box .post {
	width: 100%;
}

.box .post02{
width: 50%;
}

.post02 .box .post {
	width: 50%;
}

.box .post03{
width: 33.333%;
}

.post03 .box .post {
	width: 33.333%;
}

.box .post04{
width: 25%;
}

.post04 .box .post{
	width: 25%;
}


.movie_section{
padding: 0px 15px;
margin-top: 18px;
}

.movie_section iframe{
width:100%;
height:550px;
}





/* 画像アニメーション */

span.thumnail {
display: block;
overflow: hidden;
width: 100%;
}

span.thumnail br {
display: none;
}


span.thumnail img {
height: auto;
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
width: 100%;
vertical-align: bottom;
}


figure.thum_ami {
margin: 0;
overflow: hidden;
position: relative;
text-align: center;
width:100%!important;
}


figure.thum_ami:after {
content:"";
background-color: rgba(255,255,255,0.6);
color: #FFF;
opacity: 0;
font-size: 16px;
position: absolute;
text-align: center;
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

span.thumnail:hover>figure img {
transform: scale(1.04,1.04);
-webkit-transform:scale(1.04,1.04);
-moz-transform:scale(1.04,1.04);
-ms-transform:scale(1.04,1.04);
-o-transform:scale(1.04,1.04);
}



.works_index span.thumnail:hover>figure img {
transform: scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
}

.works_index figure.thum_ami:after {
	background-color: rgba(255, 255, 255, 0)!important;
}









span.thumnail:hover>figure.thum_ami:after {
opacity: 1;
}


.thum{
overflow: hidden;
}

.thum figure{
	margin:0;
}

.post_title{
	margin-top: 12px;
}

.post_title p{
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 300;
	line-height: 150%;
	word-wrap: break-word;
}

.post_title span{
	font-size:14px;
	margin-left: 15px;
	}


.post_note{
	margin-top: 0px;
}


.post_note p{
	font-size:9pt;
	line-height: 160%;
	letter-spacing:1px;
	font-weight:300;
	color:#686868;
}









#index_section.works_index{
	padding-top: 260px;
}


#index_section.works_index .post_inner:after {
	display:none;
}



.in_title{
	width:50%;
	padding:0 15px;
}

.in_title h3{
	font-size:20px;
	line-height:180%;
	font-weight:300;
}


.detail_note{
	width:50%;
	padding:0 15px;
	margin-top:40px;
}


.detail_note p{
	font-size:12px;
	line-height:180%;
}



.movie_box {
	padding:0 15px;
	margin-top:20px;
}


.movie_box video{
	width:100%;
}














.ft_sec {
    padding-top: 260px;
}



	#page_content {
		min-height: 80vh;
}




#page_content .inner {
	padding: 0 85px;
}

#page_content h1 {
	font-size:32px;
	font-weight:600;
}

#page_content h2 {
	font-size:26px;
	font-weight:600;
}

#page_content h3 {
	font-size:22px;
	font-weight:500;
}

#page_content h4 {
	font-size:18px;
	font-weight:500;
	font-feature-settings: "palt";
}

#page_content h5 {
	font-size:18px;
	font-weight:500;
}


#page_content p{
	font-size: 12px;
	line-height: 180%;
}



.down_load_text form{
	margin-top:10px;
}


.down_load_text input {
	border: 1px solid #000;
	padding: 6px 10px;
	outline: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	}

.down_load_text input::placeholder {
    font-size: 11px;
}


.down_load_text input[type="submit"] {
	margin-left:10px;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 11px;
    outline: none;
    background-color: transparent;
    border: 1px solid #000;
    background: #000;
    padding: 6px 30px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    -o-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    transition: 0.4s cubic-bezier(.42, 0, .58, 1);
}






.sp_img{
display:none;
}





@media screen and (max-width: 768px) {




.inner {
    width: auto;
    padding: 0 30px;
}



.movie_section iframe{
height:400px;
}




}






@media screen and (max-width: 756px) {


.sp_img{
display:block;
}

.pc_img{
display:none;
}

img{
width:100%;
height:auto;
	}
	
	
	
	
	
	
	
	
	
	
	
	.sub_grand_menu{
		position: fixed;
		top: 15px;
		right: 25px;
		z-index: 9999;
		width: 60px;
		-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
		-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
		-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
		-o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
		transition: 1s cubic-bezier(0.78, .18, .34, .98);
	}




.sub_grand_menu p{
text-align:center;
color:#fff;
}




.sub_grand_menu.sub_grand_menu_ani{
position:fixed;
top:0px;
z-index: 9999;
-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
transition: 1s cubic-bezier(0.78, .18, .34, .98);
}


.sub_grand_menu .button-navi-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 1.2px;
		margin: 0px 0 0 -15px;
	background: transparent;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	}
	
	

	.sub_grand_menu .button-navi-icon:after, .sub_grand_menu .button-navi-icon:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 30px;
		height: 1px;
		background: #444;
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-ms-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
	}


.sub_grand_menu .button-navi-icon:after, .sub_grand_menu .button-navi-icon:before {
	background: #000;
}


.active .sub_grand_menu .button-navi-icon:after, .active .sub_grand_menu .button-navi-icon:before{
	background:#000;
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	transition: .6s cubic-bezier(0.78, .18, .34, .98);
}

.sub_grand_menu .button-navi-icon:before {
margin-top: -5px;
}

.sub_grand_menu .button-navi-icon:after {
margin-top: 3px;
}


.sub_grand_menu_top{
padding: 25px 0px;
overflow:hidden;
}

.sub_grand_menu_top .sub_menu ul li{
display: inline-block;
padding:0 20px;
}


.sub_grand_menu .button-navi-icon.close:before, .sub_grand_menu .button-navi-icon.close:after {
	margin-top: 0;
	background: #2B2828;
}


.sub_grand_menu .button-navi-icon.close:after {

}


.button-navi-icon.close:after {
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}

.button-navi-icon.close:before {
-moz-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
-webkit-transform: rotate(-25deg);
transform: rotate(-25deg);
}


.button-navi-icon.close, #page .button-navi-icon.close {
background: transparent;
}



.button-close{
position:absolute;
padding: 25px 0px;
width: 60px;
top: 0;
z-index:-9999;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#slide_header {
		position: absolute;
	}
	
.sp_bottan{
		position: fixed;
		top:35px;
		right:40px;
		border-radius: 50%;
		width: 18px;
		height: 18px;
		display: inline-block;
		border: 1px solid #ccc;
		-webkit-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
		-moz-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
		-ms-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
		-o-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
		transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
	}

	.sp_bottan.active{
		background:#ccc;
		-webkit-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
		-moz-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
		-ms-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
		-o-transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
		transition:  0.3s cubic-bezier(0.78, .18, .34, .98);
	}
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	

#menu_index{
position:fixed;
width: 100%;
height: 100%;
z-index: 98;
background:#fff;
}
	
	.menu_index_inner{
		width: 100%;
		padding: 0px 40px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	
	
	
	
	
	
	
	
	#menu_index li a{
		text-decoration:none;
		font-size: 13pt;
		letter-spacing: 1px;
		font-weight: 300;
	}
	
	
	
	#menu_index li a span{
		width:15px;
		display:inline-block;
		margin-right: 7px;
		vertical-align: middle;
	}
	
	
	
	.menu_sp li{
		margin-bottom: 18px;
	}
	
	
	.menu_sp li a{
		font-size:10pt;
		letter-spacing:1px;
		color:#000;
		text-align:right;
		text-decoration: none;
	}
	
	
	.menu_sp li a span .icon_hear {
		fill: #fff;
		stroke: #000;
		stroke-miterlimit: 10;
		stroke-width: .4px;
	}
	
	
	
	
	
	
	.top_text_sp{
		border-top:1px solid #000;
		padding-top:25px;
		margin-top:25px;
	}

.top_text_sp p{
font-size:11pt;
letter-spacing:1px;
color:#000;
}


.top_text_sp p.title{
font-size:13pt;
}


.top_text_sp p a{
color:#000;
}



.top_sign a {
	width: 10%;
}

	#slide_header .inner {
		padding: 20px 40px 0;
	}
	
	#slide_header.active .inner {
		padding: 20px 40px 0;
		background: #fff;
		-webkit-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
		-moz-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
		-ms-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
		-o-transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
		transition: 0.3s cubic-bezier(0.78, .18, .34, .98);
	}
	
	


.top_header_left {
		float: left;
		margin-top: 15px;
    width: 100%;
}

.top_header_right {
display:none;
}

#slide_header.active .top_text_line{
margin-top: 20px;
}



	.top_text_line {
		width: 10%;
		margin-top: 15px!important;
}

#index_section .index_section_inner {
    padding: 25px;
}


#index_section {
		margin: 0px auto;
		padding-top: 120px;
	}
	
	
	#index_section.top_page {
		padding-top: 96px;
	}
	
	
	
	
	.logo a {
		width: 155px;
	}
	
	.active .logo a {
		width: 155px;
	}

	
	
	
	
	
	
.box .post {
    width: 100%;
}


.movie_section iframe{
height:230px;
}

.post_title {
    margin-top: 10px;
}




.top_sign {
    width: 100%;
    position:absolute;
    left: 0;
	bottom: 60px;
}


#index_section.works_index {
    padding-top: 140px;
}


.footer_copy span{
    display:none;
}


.wooslider-control-nav{
bottom: -43px !important;
}




.post01 .box .post {
	width: 100%;
}

.post02 .box .post {
	width: 50%;
}

.post03 .box .post {
	width: 33.333333%;
}

.post04 .box .post{
	width: 50%;
	}
	
	
	
	.page_title{
	width:100%;
	padding:0 15px;
	}
	
	
	.detail_note{
	width:100%;
	padding:0 15px;
	}
	
	
	
	
	
	.ft_sec {
		padding-top: 160px;
	}
	
	
	
	
	
	#page_content .inner {
		padding: 0px 40px;
	}
	
	
	.in_title h3 {
		font-size: 18px;
	}
	
	
	


}








@media screen and (max-width: 320px) {






}