@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------------------------------------------
00 RESET
------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------
01 Common
------------------------------------------------------------------------------------- */

body { word-wrap: break-word; background: #fff; color: #333; }
a,a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
img{ max-width: 100%; height: auto;}
/*@media only screen and (max-width:767px) {
img{ width: 100%; height: auto;}
}*/
a img:hover {opacity:0.8;}

/*枠 ---------------*/
.wrapper:after,.container:after,.block:after,.ticker-layout:after,
.voice ul li:after,.catalogs:after,.catalogs ul:after,
.res-comment:after,.page-link:after,.clearfix:after{
	content: "";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}



/* メインイメージ ---------------*/

	#main_image_bg { display: none; }
	#main_image_bg { display: none; }
	#main_image img { display: none; }
	#main_image_sp {
		display: block;
		width: 100%;
		height: auto;
		position: relative;
		background-color: #fff;
	}
	#main_image_sp img {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	#main_image_sp #id0, #main_image_sp #id1 {
		display: block;
	}
	#main_image_sp #id0 {
		position: relative;
	}

	#main_image_sp #sp_pict_all { display: none; }
	#main_image_sp #sp_u_copy { display: none; }
	#main_image_sp #sp_u2 { display: none; }
	#main_image_sp #sp_u1 {
		position: inherit;
		direction: block;
	}
	#main_image_sp #sp_u1 {
		position: inherit;
		direction: block;
	}

#main_image_sp.bg_wave::after {
    content: "";
    background: url(images/bg_mainslide.png);
    background-size: 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10.5%;
}

/*200212追記　ウィジェットに変更*/
.mainimage .slides li{
	position:relative;
	overflow: hidden;
  aspect-ratio: 1360 / 507;
}

.mainimage .slides li h3 span {
    position: absolute;
    bottom: 35%;
    left: calc(calc(calc(100% - 960px) / 2) - 60px);
    z-index: 110;
    text-shadow: 1px 1px 2px #fff;
}

.mainimage{
  position:relative;
  margin-top: 66px;
}

.mainimage .slides li h3 {
    background: url(images/bg_mainslide2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 12%;
    z-index: 100;
    font-size: 90%;
    color: #777;
}

.mainimage .slides li h3 span::before{
	content:"";
    background: url(images/icon_camera.png) no-repeat;
    background-size:20px;
    width:20px;
    height:13px;
    display:inline-block;
    margin-right: 2px;
}

.mainimage .slides li img {
    width: 100%;
    aspect-ratio: 1360 / 507;
}

@media only screen and (max-width: 1300px){
.mainimage .slides li h3 span{
	bottom:15%;
}
}

@media only screen and (max-width: 1000px){
.mainimage .slides li h3 span {
	bottom:0;
    left: 25px;
}
}

@media only screen and (max-width: 500px){
.mainimage .slides li h3 span {
	display:none;
}
}


1360 / 507