@charset "UTF-8";


/*******************************
 モノクロ→カラー切明 for PC
 *******************************/
#pr01 > .c-body  > .c-img picture,
#pr02 > .c-body  > .c-img picture,
#pr03 > .c-body  > .c-img picture,
#pr04 > .c-body  > .c-img picture{
	opacity: 0.0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#pr01 > .c-body  > .c-img{
	display:block;
	background:url('/_userdata/1m.jpg') no-repeat 0 0;
	background-size:contain;
}

#pr02 > .c-body  > .c-img{
	display:block;
	background:url('/_userdata/2m.jpg') no-repeat 0 0;
	background-size:contain;
}

#pr03 > .c-body  > .c-img{
	display:block;
	background:url('/_userdata/3m.jpg') no-repeat 0 0;
	background-size:contain;
}

#pr04 > .c-body  > .c-img{
	display:block;
	background:url('/_userdata/4m.jpg') no-repeat 0 0;
	background-size:contain;
}


.stay > .c-body  > .c-img picture{
	opacity:1.0!important;
}


/*******************************
 モノクロ→カラー切明 for SP
 *******************************/
#pr01sp > .c-body  > .c-img picture,
#pr02sp > .c-body  > .c-img picture,
#pr03sp > .c-body  > .c-img picture,
#pr04sp > .c-body  > .c-img picture{
	opacity: 0.0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#pr01sp > .c-body  > .c-img{
	display:block;
	background:url('/_userdata/1m.jpg') no-repeat 0 0;
	background-size:contain;
}

#pr02sp > .c-body  > .c-img{
	display:block;
	background:url('/_userdata/2m.jpg') no-repeat 0 0;
	background-size:contain;
}

#pr03sp> .c-body  > .c-img{
	display:block;
	background:url('/_userdata/3m.jpg') no-repeat 0 0;
	background-size:contain;
}

#pr04sp > .c-body  > .c-img{
	display:block;
	background:url('/_userdata/4m.jpg') no-repeat 0 0;
	background-size:contain;
}


/*******************************
 Access
 *******************************/
.ctm_accesBody{
	display:block;
	overflow:hidden;
}

.ctm_accesBody > .g-column > .-col7{
	display:block;
	overflow:hidden;
}

.ctm_accesBody > .g-column > .-col7 iframe{
	width:100%;
}




/*******************************
 タブレットナビ
 *******************************/

/* for TB --------------------*/
@media screen and (max-width:1070px){

	.ctm_navOuter{
		display:block;
		overflow:hidden;
		width:100vw;
		position:relative;
		text-align:right;
	}

	.ctm_navOuter > div {
		display:inline-block;
		overflow:hidden;
		margin:0;
	    padding: 0;
	    max-width:unset;
	}

	.ctm_navInner > div {
	    padding-left: 0!important;
	    padding-top: 5px!important;
	    padding-right: 0!important;
	    padding-bottom: 0!important;
	}

	.-dress_3e06532fc1394d25b781e275082a1ac8 .c-body a {
	    margin-left: 3vw;
	}


	.g-column > .-col9 {
		display:block;
		overflow:hidden;
	    width: 100%;
	    float:none;
	}

	.g-column >.-col11 {
	    width:auto;
	    display:inline-block;
	    overflow:hidden;
	}

	.g-column > .-col9 .-menu_right {
	    text-align: center;
	}

	.c-menu {
		display:block;
		overflow:hidden;
		line-height:175%;
	    margin:0 0;
	}
}


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

	.c-menu li{
		display:inline-block;
		width:auto;
	}

}

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

	.c-menu li{
		display:block;
		width:100%;
	}

}

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

	

}



/*******************************
 カットサンプル
 *******************************/

/* for TB --------------------*/
@media screen and (max-width:1070px){

	.ctm_cutSample > .g-column{
		display: block;
		overflow: hidden;
	}

	.ctm_cutSample.c-sp-space_custom .g-column.-sp-col3.-no_spacing > .colu .c-img{
		margin:0 0!important;
	}

	.ctm_cutSample.c-sp-space_custom .g-column.-sp-col3.-no_spacing > .column{
		display:block;
		overflow:hidden;
		height:auto!important;
		margin: 0 0!important;

	}

	.ctm_cutSample.c-sp-space_custom .g-column.-sp-col3.-no_spacing > .column img{
		width:100%!important;
		height:auto!important;
	}
	.ctm_cutSample .c-img a{
		margin:0 0!important;
		display:block;
		overflow:hidden;
	}
}


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

	.ctm_cutSample{
		display: block;
		overflow: hidden
	}

	.ctm_cutSample.c-sp-space_custom .g-column.-sp-col3.-no_spacing > .column{
		width:33.3%!important;
	}

	.-dress_3e06532fc1394d25b781e275082a1ac8 .c-body a {
	    margin-left: 0;
	}

}