@charset "utf-8";


.comb {
	opacity:0;
	transition:all 0.5s ease-in-out;
}

span.comb {
	display: block;
}

#contents_wrap.comb {
	transition:all 0.5s ease-in-out;
}

.comb.on {
	opacity:1;
}

.comb_delay01 { transition-delay:0.1s; }
.comb_delay02 { transition-delay:0.2s; }
.comb_delay03 { transition-delay:0.3s; }
.comb_delay04 { transition-delay:0.4s; }
.comb_delay05 { transition-delay:0.5s; }
.comb_delay06 { transition-delay:0.6s; }
.comb_delay07 { transition-delay:0.7s; }
.comb_delay08 { transition-delay:0.8s; }
.comb_delay09 { transition-delay:0.9s; }
.comb_delay10 { transition-delay:1s; }
.comb_delay11 { transition-delay:1.1s; }
.comb_delay12 { transition-delay:1.2s; }
.comb_delay13 { transition-delay:1.3s; }
.comb_delay14 { transition-delay:1.4s; }
.comb_delay15 { transition-delay:1.5s; }
.comb_delay16 { transition-delay:1.6s; }
.comb_delay17 { transition-delay:1.7s; }
.comb_delay18 { transition-delay:1.8s; }
.comb_delay19 { transition-delay:1.9s; }
.comb_delay20 { transition-delay:2s; }
.comb_delay21 { transition-delay:2.1s; }
.comb_delay22 { transition-delay:2.2s; }
.comb_delay23 { transition-delay:2.3s; }
.comb_delay24 { transition-delay:2.4s; }
.comb_delay25 { transition-delay:2.5s; }
.comb_delay26 { transition-delay:2.6s; }
.comb_delay27 { transition-delay:2.7s; }
.comb_delay28 { transition-delay:2.8s; }
.comb_delay29 { transition-delay:2.9s; }
.comb_delay30 { transition-delay:3s; }

.comb_main {
	transition:all 1.2s ease-in-out;
	transition-delay:0.2s; 
}

.comb_hr {
	width:100%;
	height:2px;
	overflow:hidden;
	position:relative;
}

.comb_hr:before {
	content:"";
	position:absolute;
	top:0;
	left:100%;
	width:100%;
	height:1px;
	border-bottom:1px dotted #ccc;
	transition:all 1s ease-in-out;
}

.comb_hr.on:before {
	left:0;
}



.comb_bg {
	opacity: 1

}

.comb_bg:before {
  transform-origin:right center;
  transform: rotate(-14deg) translateY(80px);
	transition:all 1.5s ease-in-out;
}

.comb_bg.on:before {
  transform: rotate(-14deg) translateY(0);
}

.comb_bg2:before {
  transform-origin:left center;
  transform: rotate(14deg) translateY(80px);
	transition:all 1.5s ease-in-out;
}

.comb_bg2.on:before {
  transform: rotate(14deg) translateY(0);
}


.comb_bg:after {
  transform-origin:left center;
  transform: rotate(14deg) translateY(80px);
	transition-delay:0.5s;
	transition:all 1.5s ease-in-out;
}

.comb_bg.on:after {
  transform: rotate(14deg) translateY(0);
}



.comb_top {

	-webkit-transform: translateY(-30px);

	transform: translateY(-30px);

}

.comb_top.on {

	-webkit-transform: none;

	transform: none;

}



.comb_bottom {

	-webkit-transform: translateY(40px);

	transform: translateY(40px);

}

.comb_bottom.on {

	-webkit-transform: none;

	transform: none;
	/*max-height: 300px;
	height: 47.4vw;*/


}

#luxy .comb_bottom.on iframe{
	width: 100%;
	height: 100%;
}
.comb_bottom.on li.slick-slide{
	max-height: 300px;
	position: relative;
	height: 47.7vw;
}
.comb_blog .comb_bottom.on li img{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: auto;
	min-height: 300px;
}



.comb_left {

	-webkit-transform: translateX(-30px);

	transform: translateX(-30px);

}

.comb_left.on {

	-webkit-transform: none;

	transform: none;

}



.comb_right {

	-webkit-transform: translateX(30px);

	transform: translateX(30px);

}

.comb_right.on {

	-webkit-transform: none;

	transform: none;

}



.comb_txt {

	line-height:160%;

	position:relative;

}

.comb_txt .txt10 {

	font-size:10px;

}

div.contents_wrap {
	opacity: 1;
}
h2.ttl {
	opacity:0;
	transition:all 0.7s ease-in-out;
}
h2.ttl.on {
	opacity:1;
}
div.contents_wrap:before {
	display: block;
	opacity:0;
	transition:all 0.7s ease-in-out;
	/*transform: translateY(-30px);*/
}
div.contents_wrap.on:before {
	opacity:1;
	/*transform: none;*/
}

/*.comb_blog .img {
	transform: translateY(30px);
	transition:all 0.7s ease-in-out;
}
.comb_blog .txt_box {
	transform: translateX(30px);
	transition:all 0.7s ease-in-out;
}
.comb_blog.on .img {
	transform: none;
}
.comb_blog.on .txt_box {
	transform: none;
}*/


.comb_bottom.smenu {
}

.comb_bottom.smenu.on {
	-webkit-transform: none;
	transform: none;
	transition:all 0.4s ease-in-out;
	width: 100%;
}



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

.comb_delay08_sp { transition-delay:0.8s; }
	
}


.slick-prev, .slick-next {	
width: 40px;	
height: 40px;	
opacity: 0.6;	
}	
.slick-next {	
right:5px;	
background: url("../images/blog/next.png");	
background-size: cover;	
}	
.slick-prev {	
left:5px;	
background: url("../images/blog/prev.png");	
background-size: cover;	
z-index: 999;	
}	
.slick-prev:hover,	
.slick-prev:focus,	
.slick-next:hover,	
.slick-next:focus	
{	
opacity: 1;	
}	
.slick-prev:before,	
.slick-next:before	
{	
display: none;	
}
.no {
	max-width: 600px;
	margin: 0 auto;
	padding: 15px 30px 30px;
}
.container.top .no{
	padding-top: 30px;
}
.no ul {	
display: flex;	
justify-content: center;	
flex-wrap: wrap;	
}	
.no ul li {	
width: 1.5em;	
height: 1.5em;	
margin: 5px;	
font-size: 18px;	
line-height: 1;	
}	
.no ul li a {	
display: block;	
width: 100%;	
height: 100%;	
background: #ccc;	
display: flex;	
justify-content: center;	
align-items: center;	
color: #000;	
position: relative;	
}	
.no ul li a hr {	
background: #000;	
}	
.no ul li a hr:first-child {	
display: block;	
border: none;	
position: absolute;	
bottom:40%;	
left: 10%;	
width: 80%;	
height: 1px;	
}	
.no ul li.prev a hr:nth-child(2) {	
display: block;	
border: none;	
position: absolute;	
bottom:40%;	
left: 10%;	
width: 40%;	
height: 1px;	
transform:rotate(-45deg);	
transform-origin:left bottom;	
}	
.no ul li.next a hr:nth-child(2) {	
display: block;	
border: none;	
position: absolute;	
bottom:40%;	
right: 10%;	
width: 40%;	
height: 1px;	
transform:rotate(45deg);	
transform-origin:right bottom;	
}
.no ul li span {
display: block;	
width: 100%;	
height: 100%;	
display: flex;	
justify-content: center;	
align-items: center;	
color: #000;	
position: relative;		
background: #000;	
color: #fff;	
}	
.no ul li a.ac,	
.no ul li a:hover {	
background: #000;	
color: #fff;	
}	
.no ul li a.ac hr,	
.no ul li a:hover hr {	
background: #fff;	
}	

.article:last-child {	
margin-bottom: 0;	
}	
}