@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 127px auto; padding-top:715px; position: relative; background:url('../images/hiraya/contentsmain-back02.png') no-repeat top 628px center;}

#contentsmain .main-slide {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-960px;
}
#contentsmain .main-slide .slick-dots {
	width:1920px;
	top:680px;
	left:0;
	bottom:inherit;
	margin:0;
	padding: 0 470px 0 420px;
	text-align:right;
}
.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 8px 0 0;
}
.slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius:0%;
	background-color:transparent;
	border: solid 1px #fff;
}
.slick-dots li.slick-active button {
    background: #fff;
}
#contentsmain .inner-Box {margin: 0 auto 90px;position: relative;width: 1080px;height: 436px;background: #fff;padding: 60px 60px 60px 60px; box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);}

#contentsmain .minBox { position:relative; padding-bottom:50px; margin-bottom:40px; display: -webkit-box; display: -moz-flex; display: -ms-flex;  display: -o-flex;  display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap;  flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#contentsmain .minBox:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-image : linear-gradient(to right, #B18B28 1px, transparent 1px); background-size: 4px 1px; background-repeat: repeat-x; background-position: bottom;}

#contentsmain .minBox .logo { width:480px; padding-left:110px; }
#contentsmain .minBox .pritext-box { width:480px; padding-left:62px; }
#contentsmain .minBox p.pritext {font-size: 17px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;color: #222222;}
#contentsmain .minBox p.pritext span.kakaku {width: 70px;height: 22px;display: inline-block;border: 1px solid #222222;font-size: 11px;letter-spacing: 0.55px;font-weight: 400;color: #222222;top: -2px;position: relative;text-align: center;}
#contentsmain .minBox p.pritext span.redtext {color: #C20E0C;font-size: 38px;letter-spacing: 0;margin-right: 18px;position: relative;top: 2px;left: 10px;}



#contentsmain .minBox2 {display: -webkit-box; display: -moz-flex; display: -ms-flex;  display: -o-flex;  display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap;  flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#contentsmain .minBox2 h2 { width:480px; font-size:25px; letter-spacing:0.05em; line-height:1.8;}
#contentsmain .minBox2 .txt { width:480px; letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;}


#contentsmain .charm-Box{
	width:1100px;
	margin: 0 auto; 
}
#contentsmain .charm-Box .charm-ttl{
	font-size:32px;
	margin-bottom:70px;
	letter-spacing:0.05em;
	text-align:center;
}
#contentsmain .charm-Box li{
	position:relative;
	display: -webkit-box; display: -moz-flex; display: -ms-flex;  display: -o-flex;  display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap;  flex-wrap: wrap;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;	
	height:400px;
	margin-bottom:70px;
}
#contentsmain .charm-Box li:nth-child(even) .ph{
	left: inherit;
	right:0;
}
#contentsmain .charm-Box li:nth-child(even) .txtBox{
	margin-left: inherit;
	margin-right:520px;
}
#contentsmain .charm-Box .ph{
	position:absolute;
	top:0;
	left:0;
	width:560px;
}
#contentsmain .charm-Box .txtBox{
	position:relative;
	z-index:2;
	padding: 50px 40px 40px 40px;
	margin-left:520px;
	width:580px;
	min-height:294px;
	background-color:#fff;
}
#contentsmain .charm-Box .txtBox .no{
	position:absolute;
	top:-21px;
	left:60px;
	font-size:42px;
	line-height:1;
	color:#B18B28;
	font-family: "Shippori Mincho", serif;
}
#contentsmain .charm-Box .txtBox .no span{
	font-size:29px;
}
#contentsmain .charm-Box .txtBox h4{
	font-size:25px;
	margin-bottom:10px;
	line-height:2.1;
	letter-spacing:0.05em;
}
#contentsmain .charm-Box p{
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;
}


#case{
	margin-bottom:168px;
}
#case .case-ttl{
	text-align:center;
	margin-bottom:30px;
}
#case .case-txt{
	text-align:center;
	margin-bottom:55px;
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;
}
#case .case-box{
	width:1100px;
	margin: 0 auto 80px;
	background-color:#F8F7F5;
}
#case .case-box:nth-of-type(2){
	margin-bottom:0;
}
#case .case-box .ttl{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	padding:40px 70px;
	height:145px;
	background-color:#77665B;
	color:#fff;
}
#case .case-box .ttl .no{
	position:relative;
	display: block;
	width:97px;
	font-size:18px;
	letter-spacing:0;
}
#case .case-box .ttl .no:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:35px;
	background-color:#fff;
}
#case .case-box .ttl .no::first-letter {
	font-size:16px;
}
#case .case-box .ttl .ttl-box{
	width:calc(100% - 97px);
	font-size:24px;
	padding-left:13px;
}
#case .case-box .ttl .ttl-box .ttl-data{
	font-size:16px;
}

#case .case-box .inner{
	padding: 30px 70px;
}
#case .case-box .inner .txt{
	margin-bottom:40px;
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;
}


.slider-area {
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.slider-for {
	width:599px;
	height:392px;
	margin-left:27px;
	text-align:center;
}
.slider-for img {
    display: inline;
}
.thumbnail-list {
	width:280px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.thumbnail-list li {
	width:132px !important;
	height:86px;
	margin-right:16px;
	margin-bottom:16px;
	text-align:center;
	cursor: pointer;
}
.thumbnail-list li:nth-child(2n) {
	margin-right:0;
}
.thumbnail-list li img {
	height:100%;
    display: inline;
}


#case .slider-area .slick-prev,
#case .slider-area .slick-next {
    width: 84px;
    height: 84px;
	z-index:2;
	background-color:#ccc;
}
#case .slider-area .slick-prev:hover,
#case .slider-area .slick-next:hover{
	opacity: 0.5;
}
#case .slider-area .slick-prev {
    left: -50px;
	background: url(../images/indione/aro-left.png) no-repeat center center;
}
#case .slider-area .slick-next {
    right: -50px;
	background: url(../images/indione/aro-right.png) no-repeat center center;
}
#case .slider-area .slick-prev:before {
	display:none;
}
#case .slider-area .slick-next:before {
	display:none;
}

#case .bnr{
	padding-top:40px;
	text-align:center;
}





#data{
	padding:130px 0 90px;
	background: url(../images/indione/data-back.jpg) no-repeat center top #DDD3AC;
}
#data .data-box01{
	width:1020px;
	margin: 0 auto 60px;
	padding:50px 60px;
	background-color:#fff;
	box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);
}
#data .data-box02{
	width:1020px;
	margin: 0 auto 60px;
	padding:50px 60px;
	background-color:#fff;
	box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);
}
#data .data-box03{
	width:1020px;
	margin: 0 auto;
	padding:50px 60px;
	background-color:#fff;
	box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);
}
#data .ttl{
	position:relative;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:20px;
	font-size:26px; letter-spacing:0.05em; line-height:1.8;
}
#data .ttl:before{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	width:60px;
	margin-left:-30px;
	height:2px;
	background-color:#B18B28;
}

#data .data-box01 .txt{
	width:760px;
	margin:0 auto 30px;
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;
}
#data .data-box02 .inner{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#data .data-box02 .txt{
	width:380px;
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;
}
#data .data-box03 .txt{
	margin-bottom:40px;
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;
}





#gallery{
	margin-bottom:79px;
}
#gallery .gallery-ttl{
	padding: 103px 0 19px;
	text-align:center;
}

#gallery .scroll-container {
	margin-bottom:32px;
	width: 100vw;
	height: 380px;
	overflow: hidden;
	position: relative;
}
#gallery .scroll-background {
	width: calc(3000px * 2);
	height: 100%;
	background-image: url('../images/indione/gallery-img.jpg');
	background-repeat: repeat-x;
	background-size: 3000px 100%; /* 7枚分の幅に拡大 */
	animation: scroll-sprite-pc 40s linear infinite;
}

@keyframes scroll-sprite-pc {
	0% {
	transform: translateX(0);
	}
	100% {
	transform: translateX(-3000px); /* 7枚分スクロール */
	}
}
#gallery p{
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400; text-align:center;
}


#contentsbottom {margin: 0 auto -50px;padding: 74px 0 40px;position: relative;background: url(../images/indione/contentsbottom-back01.png)no-repeat top center;background-size: 100% auto;}
#contentsbottom h2 {font-size: 64px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 15px;position: relative;text-align: center;color: #534D46;}
#contentsbottom p.subttl {font-size: 22px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 139px;position: relative;text-align: center;color: #534D46;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .inner-Box ul li {position: relative;box-shadow: 0px 30px 30px #0000001F;background: #fff;text-align: center;margin-bottom: 80px;padding-bottom: 10px;width: 360px;margin-right: 10px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box ul li .arr{position: absolute;bottom: 24px;right: 20px;}
#contentsbottom .inner-Box figure.photo {position: relative;top: -21px;left: 0;}
#contentsbottom .inner-Box figure.photo img{  }
#contentsbottom .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 10px;}
#contentsbottom .inner-Box figure.img img{  }
#contentsbottom .inner-Box p.litext {font-size: 15px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 10px;position: relative;min-height: 79px;}
#contentsbottom .inner-Box p.pritext {font-size: 17px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;color: #222222;left: 8px;}
#contentsbottom .inner-Box p.pritext span.kakaku {width: 70px;height: 22px;display: inline-block;border: 1px solid #222222;font-size: 11px;letter-spacing: 0.55px;font-weight: 400;color: #222222;margin-right: 8px;left: -3px;top: -6px;position: relative;}
#contentsbottom .inner-Box p.pritext span.redtext {color: #C20E0C;font-size: 38px;letter-spacing: 0;margin-right: 9px;}


}

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


	#contentsmain {position: relative;padding-top:107.97vw;margin-top: -4vw;}

	#contentsmain .main-slide {
		position:absolute;
		top:0;
		left:0;
		width:100vw;
	}
	#contentsmain .main-slide .slick-dots {
		width:100%;
		top:99vw;
		left:0;
		bottom:inherit;
		margin:0;
		padding:0;
		padding-right:7.35vw;
		text-align:right;
	}
	.slick-dots li {
		width: 2.90vw;
		height: 2.90vw;
		margin: 0 2.90vw 0 0;
	}
	.slick-dots li button {
		width: 2.90vw;
		height: 2.90vw;
		border-radius:0%;
		background-color:transparent;
		border: solid 1px #fff;
	}
	.slick-dots li.slick-active button {
		background: #fff;
	}
	#contentsmain .inner-Box {margin: 0 auto 21.26vw;position: relative;width: 94.20vw;background: #fff;padding: 15.7vw 5.31vw 6.18vw;box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);}
	
	#contentsmain .minBox { position:relative; padding-bottom:7.97vw; margin-bottom:3.14vw;}
	#contentsmain .minBox:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-image : linear-gradient(to right, #B18B28 1px, transparent 1px); background-size: 4px 1px; background-repeat: repeat-x; background-position: bottom;}
	
	#contentsmain .minBox .logo {width:68.12vw;margin: 0 auto 8vw;text-align:center;}
	#contentsmain .minBox h2 {width:100%;font-size: 5.07vw;text-align:center;letter-spacing: 0.25vw;line-height: 1.86;}
	

	#contentsmain .minBox2 {}
	#contentsmain .minBox2 .txt {width:100%;letter-spacing:0;font-size: 3.62vw;line-height: 2;font-weight: 400;padding: 0 3.3vw;}
	#contentsmain .minBox2 .pritext-box { width:100%; text-align:center; margin-bottom:5vw; }
	#contentsmain .minBox2 p.pritext {font-size: 4.11vw;line-height: 1.88;font-weight: 500;letter-spacing: 0px;color: #222222;}
	#contentsmain .minBox2 p.pritext span.kakaku {width: 17.5vw;height: 5.3vw;display: inline-block;border: 1px solid #222222;font-size:2.66vw;letter-spacing: 0vw;font-weight: 400;color: #222222;top: -0.9vw;position: relative;text-align: center;left: -1.4vw;}
	#contentsmain .minBox2 p.pritext span.redtext {color: #C20E0C;font-size: 9.18vw;letter-spacing: 0;margin-right: 18px;position: relative;top: 2px;left: 10px;}



	#contentsmain .charm-Box{
		background-color:#F8F7F5;
		padding: 9.08vw 2.90vw 1vw;
		margin-bottom: 7.26vw;
	}
	#contentsmain .charm-Box .charm-ttl{
		font-size:7.73vw;
		margin-bottom:9vw;
		letter-spacing:0.05em;
		text-align:center;
	}
	#contentsmain .charm-Box li{
		position:relative;
		padding:12vw 6.04vw 10.14vw;
		margin-bottom:12.08vw;
		background-color:#fff;
	}
	#contentsmain .charm-Box li:nth-child(3n){margin-bottom: 9vw;}
	#contentsmain .charm-Box .txtBox{
		position:relative;
		background-color:#fff;
	}
	#contentsmain .charm-Box .no{
		position:absolute;
		top:-4.83vw;
		left:6.04vw;
		font-size:10.14vw;
		line-height:1;
		color:#B18B28;
		font-family: "Shippori Mincho", serif;
	}
	#contentsmain .charm-Box .no span{
		font-size:7.00vw;
	}
	#contentsmain .charm-Box h4{
		font-size:5.80vw;
		margin-bottom:6.7vw;
		line-height:1.7;
		letter-spacing:0.03em;
	}
	#contentsmain .ph{
		margin-bottom: 6vw;
	}
	#contentsmain .charm-Box p{
		letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;
	}



	
	#case{
		margin-bottom:14.49vw;
	}
	#case .case-ttl{
		width: 74.7vw;
		text-align:center;
		margin:0 auto 5.56vw;
	}
	#case .case-txt{
		margin-bottom:11.35vw;
		padding:0 7.73vw;
		letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;
	}
	#case .case-box{
		margin: 0 auto 9.66vw;
		background-color:#F8F7F5;
	}
	#case .case-box:nth-of-type(2){
		margin-bottom:0;
	}
	#case .case-box .ttl{
		padding: 4.67vw 0 6.27vw 0;
		background-color:#77665B;
		color:#fff;
		text-align:center;
		margin-bottom: -1vw;
	}
	#case .case-box .ttl .no{
		display:block;
		font-size: 4.35vw;
		letter-spacing:0;
		text-align:center;
		margin-bottom: 0.6vw;
	}
	#case .case-box .ttl .no::first-letter {
		font-size:3.86vw;
	}
	#case .case-box .ttl .ttl-box{
		font-size: 5.80vw;
		line-height:1.8;
		text-align:center;
		letter-spacing: 0.29vw;
	}
	#case .case-box .ttl .ttl-box .ttl-data{
		display:block;
		padding-top:3vw;
		font-size: 3.86vw;
		line-height:1.8;
		text-align:center;
		letter-spacing: 0.19vw;
		margin-top: -1vw;
	}
	
	#case .case-box .inner{
		padding: 4.83vw 7.97vw 8.83vw 7.97vw;
	}
	#case .case-box .inner .txt{
		margin-bottom:7.00vw;
		letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;
	}
	
	
	.slider-area {
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.slider-for {
		width:79.23vw;
		height:51.93vw;
		margin: 0 auto 6.04vw;
		text-align:center;
	}
	.slider-for img {
		display: inline;
		width:auto;
		height:51.93vw;
	}
	.thumbnail-list {
		width:84.06vw;
		margin: 0 auto;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.thumbnail-list li {
		width:19.57vw !important;
		height:12.80vw;
		margin-right:1.926vw;
		margin-bottom:1.926vw;
		text-align:center;
		cursor: pointer;
	}
	.thumbnail-list li:nth-child(4n) {
		margin-right:0;
	}
	.thumbnail-list li img {
		width:auto;
		height:12.80vw;
		display: inline;
	}
	
	
	#case .slider-area .slick-prev,
	#case .slider-area .slick-next {
		width: 11vw;
		height:11vw;
		z-index:2;
		background-color:#ccc;
	}
	#case .slider-area .slick-prev:hover,
	#case .slider-area .slick-next:hover{
		opacity: 0.5;
	}
	#case .slider-area .slick-prev {
		left: -7vw;
		background: url(../images/indione/aro-left.png) no-repeat center center / 100% 100%;
	}
	#case .slider-area .slick-next {
		right: -7vw;
		background: url(../images/indione/aro-right.png) no-repeat center center / 100% 100%;
	}
	#case .slider-area .slick-prev:before {
		display:none;
	}
	#case .slider-area .slick-next:before {
		display:none;
	}
	
	#case .bnr{
		padding-top:5.31vw;
		text-align:center;
	}
	



	#data{
		padding:19.32vw 2.90vw 9.66vw;
		background: url(../images/indione/sp-data-back.jpg) no-repeat center top #DDD3AC;
	}
	#data .data-box01{
		margin: 0 auto 7.25vw;
		padding: 9.41vw 4.83vw 12.81vw 4.83vw;
		background-color:#fff;
		box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);
	}
	#data .data-box02{
		margin: 0 auto 7.25vw;
		padding:11.11vw 4.83vw;
		background-color:#fff;
		box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);
	}
	#data .data-box03{
		margin: 0 auto;
		padding:11.11vw 4.83vw;
		background-color:#fff;
		box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);
	}
	#data .ttl{
		position:relative;
		text-align:center;
		padding-bottom:3.86vw;
		margin-bottom:5.07vw;
		font-size:5.80vw;
		letter-spacing:0.05em;
		line-height: 1.7;
	}
	#data .ttl:before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:14.49vw;
		margin-left:-7.245vw;
		height:2px;
		background-color:#B18B28;
	}
	
	#data .data-box01 .txt{
		margin-bottom:5vw;
		-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
		letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;
	}
	#data .data-box02 .inner{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#data .data-box02 .txt{
		margin-bottom:5vw;
		-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
		letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;
	}
	#data .data-box03 .txt{
		margin-bottom:5vw;
		-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
		letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;
	}
	
	
	#data .data-box01 figure {
		width: 79.23vw;
		margin: 0 auto;
	}
	
	#data .data-box02 figure.img img {
		width: 117vw;
	}
	#data .data-box03 figure.img img {
		width: 188vw;
	}
	
	


	#gallery{
		padding-top:11.84vw;
		margin-bottom:11.84vw;
	}
	#gallery .gallery-ttl{
		width: 87.32vw;
		margin: 0 auto 4.83vw;
		text-align:center;
		position: relative;
		left: -2vw;
	}
	#gallery .scroll-container {
		margin-bottom:4.83vw;
		width: 100vw;
		height: 53.14vw;
		overflow: hidden;
		position: relative;
	}
	#gallery .scroll-background {
		width: 720vw;
		height: 100%;
		background-image: url('../images/indione/sp-gallery-img.jpg');
		background-repeat: repeat-x;
		background-size: 360vw 100%;
		animation: scroll-sprite 40s linear infinite;
	}
	@keyframes scroll-sprite {
		0% {
		transform: translateX(0);
		}
		100% {
		transform: translateX(-360vw);
		}
	}
	#gallery p{
		padding: 0 7.73vw;
		letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;;
	}
	
	
    #contentsbottom {padding: 17.17vw 0 9.66vw;position: relative;background: url(../images/indione/sp-contentsbottom-back01.png)no-repeat top center;background-size: 100% auto;}
    #contentsbottom h2 {font-size: 10.14vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 4.35vw;position: relative;text-align: center;color: #534D46;}
    #contentsbottom p.subttl {font-size: 4.35vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 14.38vw;position: relative;text-align: center;color: #534D46;}
    #contentsbottom .inner-Box {margin: 0 4vw;position: relative;}
    #contentsbottom .inner-Box ul{}
    #contentsbottom .inner-Box ul li {position: relative;box-shadow: 0.0vw 7.25vw 7.25vw #0000001F;background: #fff;width: 100%;text-align: center;margin-bottom: 14.52vw;padding-bottom: 2.72vw;}
    #contentsbottom .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }
    #contentsbottom .inner-Box ul li .arr{position: absolute;bottom: 3.1vw;right: 3.93vw;width: 4.4vw;}
    #contentsbottom .inner-Box figure.photo {position: relative;top: -2.9vw;left: 0;margin-bottom: -2.55vw;}
    #contentsbottom .inner-Box figure.photo img{  }
    #contentsbottom .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 0.3vw 1.49vw;}
    #contentsbottom .inner-Box figure.img img{  }
    #contentsbottom .inner-Box p.litext {font-size: 3.14vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: -2.48vw;position: relative;}
    #contentsbottom .inner-Box p.pritext {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;color: #222222;}
    #contentsbottom .inner-Box p.pritext span.kakaku {width: 16.91vw;height: 5.31vw;display: inline-block;border: 0.24vw solid #222222;font-size: 2.66vw;letter-spacing: 0.13vw;font-weight: 400;color: #222222;margin-right: 1.93vw;left: -0.8vw;top: -1.7vw;position: relative;}
    #contentsbottom .inner-Box p.pritext span.redtext {color: #C20E0C;font-size: 9.18vw;letter-spacing: 0;margin-right: 2.17vw;}


}