@charset "UTF-8";


html{
	font-size: 10px;
}

body{
	padding: 0;
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.6;
	overflow-x: hidden;
	background-color: #f5f4eb;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%; /* iPhoneだけ文字が大きくなる現象を防ぐ */

	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
	/*font-feature-settings: "pkna";*/
}

img{
	max-width: 100%;
}
svg{
	max-width: 100%;
	height: auto;
}

a[href] img{
	transition: transform 0.2s ease-in-out;
}
a[href]:hover img{
	transform: scale(1.05);
}

.bg1{ background-color: #e4b144; }
.bg2{ background-color: #f5f4eb; }
.bg3{ background-color: #4b301b; }

@media (max-height: 420px) and (orientation: landscape) {
	html{
		min-width: 1000px;
	}
	body{
		min-width: 1000px;
	}
	.contents{
		min-width: 1000px;
	}
}

.page_width{
	position: relative;
	max-width: 960px;
	padding: 0 30px;
	margin: 0 auto;
	/* outline: 1px solid #fff; */
	/* min-height: 5px; */
}

#top_space{ height: 0; }

#page_title{
	display: flex;
	position: relative;
	height: 770px;
}
#page_title .left{
	flex-basis: 62.5%;
	flex-grow: 625;
}
#page_title .left .bg{
	background-image: url(/img/rizauster/1.jpg);
	background-size: cover;
	background-position: 99.5% 0;
	height: 100%;
}
#page_title .left .text{
	position: relative;
}
#page_title .left svg[data-src*="/1_2."]{
	position: absolute;
	top: -598px;
	right: 145px;
}
#page_title .right{
	flex-basis: 37.5vw;
	flex-grow: 375;
}
#page_title .right .inner1{
	display: inline-block;
	padding: 100px 0 0 30px;
}
#page_title img[src*="/1_3."]{
	margin-bottom: 80px;
}
#page_title .online_shop_outer{
	position: absolute;
	width: 37.5vw;
	bottom: 0px;
	min-height: 67px;
}
#page_title .online_shop{
	display: inline-block;
	position: absolute;
	bottom: 0px;
	right: 0;
	box-sizing: border-box;
	padding: 4px 14px 7px 30px;
	width: 37.5vw;
	margin-left: 0;
	transition: opacity 0.2s ease-in-out;
}
#page_title .online_shop:hover{
	opacity: 0.8;
}
#page_title .online_shop:hover img{
	transform: none;
}
#page_title .online_shop.sticky{
	position: fixed;
	top: 0;
	bottom: auto;
	right: 0;
	padding: 4px 13px 7px 19px;
	width: 73px;
	margin-left: 31.3%;
}
#page_title .online_shop img[src*="/1_5."]{
	max-width: none;
}
#page_title .online_shop img[src*="/1_5_2."]{
	display: none;
}
#page_title .online_shop.sticky img[src*="/1_5_2."]{
	display: inline-block;
}
#page_title .online_shop.sticky img[src*="/1_5."]{
	display: none;
}
@media (max-width: 900px) {
	#page_title .right{
		flex-basis: 332px;
	}
	#page_title .online_shop_outer,
	#page_title .online_shop{
		width: 332px;
	}
}
@media (max-width: 750px) {
	#page_title .left svg[data-src*="/1_2."]{right: calc(145px + 55vw - (750px * 0.55));}
}

.border1{
	display: inline-block;
	vertical-align: middle;
	background-color: #4b301b;
	width: 1px;
	height: 38px;
}

#area1{
	display: none;
}

.item .bg{
	background-size: cover;
	background-position: 50% 50%;
	height: 570px;
}
.item img,
.item svg{
	position: absolute;
}
#item1 .bg{
	background-image: url(/img/rizauster/item1.jpg);
}
#item1 img[src*="/item1_1."]{margin: -430px 0 0 0;}
#item1 img[src*="/item1_2."]{right: 30px;margin: 520px 0 0 0;}
@media (max-width: 700px) {
	/* #item1 img[src*="/item1_1."]{background-color: rgba(255,255,255,0.4); padding:20px;} */
	/* #item1 img[src*="/item1_1."]{mix-blend-mode: luminosity;} */
}

#item2 .bg{
	background-image: url(/img/rizauster/item2.jpg);
}
#item2 svg[data-src*="/item2_1."]{right: 30px;margin: -260px 0 0 0;}
#item2 img[src*="/item2_2."]{ margin: 510px 0 0 330px; }
@media (min-width: 1780px) {
	#item2 img[src*="/item2_2."]{ margin: 510px 0 0 30px; }
}
@media (max-width: 1020px) {
	#item2 img[src*="/item2_2."]{ margin: 510px 0 0 30px; }
	#item2 .bg{background-position: calc(50% - 30vw + (1020px * 0.3)) 50%;}
}

#item3 .bg{
	background-image: url(/img/rizauster/item3.jpg);
}
#item3 img[src*="/item3_1."]{max-width: 95%;margin: -430px 0 0 0px;}
#item3 img[src*="/item3_2."]{margin: 440px 0 0 730px;}
@media (min-width: 1380px) {
	#item3 img[src*="/item3_2."]{margin: calc(440px + 10vw - 138px) 0 0 calc(730px + 17vw - (1380px * 0.17));}
}
@media (min-width: 2200px) {
	#item3 img[src*="/item3_2."]{margin: 520px 0 0 890px;}
}
@media (max-width: 1020px) {
	#item3 img[src*="/item3_2."]{ margin: 440px 0 0 calc(730px + 80vw - (1020px * 0.8)); }
	#item3 .bg{background-position: calc(50% + 30vw - (1020px * 0.3)) 50%;}
}
@media (max-width: 890px) {
	/* #item3 img[src*="/item3_1."]{background-color: rgba(255,255,255,0.4); padding:20px;} */
}
@media (max-width: 590px) and (min-width: 420px) {
	/* #item3 img[src*="/item3_2."]{display:none;} */
}

#item4 .bg{
	background-image: url(/img/rizauster/item4.jpg);
}
#item4 img[src*="/item4_1."]{right: 30px;margin: -310px 0 0 0;}
#item4 img[src*="/item4_2."]{ margin: 510px 0 0 150px; }
@media (min-width: 2220px) {
	#item4 img[src*="/item4_2."]{ margin: calc(510px + 5vw - (2220px * 0.05)) 0 0 calc(150px - 40vw + (2220px * 0.4)); }
}
@media (min-width: 2595px) {
	#item4 img[src*="/item4_2."]{ margin: 530px 0 0 0; }
}
@media (max-width: 1020px) {
	#item4 img[src*="/item4_2."]{ margin: 510px 0 0 calc(150px + 20vw - (1020px * 0.2)); }
	#item4 .bg{background-position: calc(50% - 50vw + (1020px * 0.5)) 50%;}
}
@media (max-width: 1000px) {
	/* #item4 img[src*="/item4_1."]{background-color: rgba(255,255,255,0.4); padding:20px;} */
}
@media (max-width: 590px) and (min-width: 420px) {
	/* #item4 img[src*="/item4_2."]{display:none;} */
}

#item5 .bg{
	background-image: url(/img/rizauster/item5.jpg);
}
#item5 svg[data-src*="/item5_1."]{right:30px;margin: -390px 0 0 0;}
#item5 img[src*="/item5_2."]{margin: 170px 0 0 80px;}
@media (min-width: 1400px) {
	#item5 img[src*="/item5_2."]{ margin: 170px 0 0 calc(80px - 20vw + (1400px * 0.2)); }
}
@media (min-width: 1820px) {
	#item5 img[src*="/item5_2."]{margin: calc(410px + 5vw - (1820px * 0.05)) 0 0 530px;}
}
@media (min-width: 3050px) {
	#item5 img[src*="/item5_2."]{margin: 470px 0 0 530px;}
}
@media (max-width: 1020px) {
	#item5 img[src*="/item5_2."]{ margin: 170px 0 0 calc(70px + 50vw - (1020px * 0.5)); }
	/* #item5 .bg{background-position: calc(50% - 50vw + (1020px * 0.5)) 50%;} */
}
@media (max-width: 820px) and (min-width: 420px) {
	/* #item5 svg[data-src*="/item5_1."]{background-color: rgba(0,0,0,0.4); padding:20px;} */
	#item5 img[src*="/item5_2."]{ display:none; }
}

#foot_link{
	text-align: center;
	padding: 30px 0 50px;
}
#foot_link img[src*="/area1_2."]{
	vertical-align: -15px;
	padding: 0 150px;
}

footer{
	text-align: center;
	padding: 40px 0;
	/* min-width: 1000px; */
}
footer img[src*="/footer1."]{margin: 0 0 45px 0;}
footer .row2{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 50px 0;
}
footer img[src*="/footer1sp."]{
	vertical-align: 0;
	padding: 0;
	width: 85vw;
	margin-bottom: 10vw;
}
footer img[src*="/area1_1."]{margin: 0 35px 0 0;}
footer .address{
	text-align: left;
	white-space: nowrap;
}
footer img[src*="/footer3_2."]{margin: 0 8px 0 0;}
footer img[src*="/footer5."]{max-width: 130px;}
footer img[src*="/footer6_1."]{vertical-align: 2px;}
footer a[href] img{
	transition: 0.1s ease-in-out;
}
footer a[href]:hover img{
	transform: scale(1);
	opacity: 0.7;
}
@media (max-width: 660px) {
	#foot_link img[src*="/area1_2."]{padding: 0 21vw;}
	footer img[src*="/area1_1."]{width:35vw;}
}
@media (max-height: 420px) and (orientation: landscape) {
	footer{
		min-width: 1000px;
	}
}


@media (max-width: 1020px) {

}




/* PC用 */
@media (min-width: 741px) {

}



/* スマホ用 */
@media (max-width: 740px) and (orientation: portrait), (max-width: 740px) and (orientation: landscape){

	.page_width{
		padding: 0;
		width: 95%;
	}
	
	.knob{
		position: fixed;
		top: 2vw;
		right: 2vw;
		z-index: 1100;
		width: 10vw;
	}

	#area1 {
		display: block;
		text-align: center;
		padding: 0;
	}
	#area1 .links{
		display: none;
		position: fixed;
		white-space: normal;
		z-index: 1000;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		background-color: #f5f4eb;
		border-top: 4vw solid #e4b144;
	}
	#area1 .links .border1{
		display: block;
		width: 95%;
		height: 1px;
		margin: 10vw auto;
	}
	#area1 img[src*="/area1_1."]{padding: 0; width: 50vw;}
	#area1 img[src*="/area1_2."]{max-width: none; width:55vw;}
	#area1 img[src*="/area1_3."]{max-width: none; width:60vw;}



}

/* スマホ用 縦向 */
@media (max-width: 420px) and (orientation: portrait) {
	.contents{
		min-width: auto;
	}
	footer{
		min-width: auto;
	}
	
	.online_shop_sp{
		position: fixed;
		text-align: center;
		top: 15vw;
		right: 2vw;
		z-index: 950;
		box-sizing: border-box;
		width: 10vw;
		padding: 1vw 0 0 1vw;
	}
	.online_shop_sp img[src*="/1_5_2."]{
		width: 6vw;
	}

	#top_space{ height: 4vw; }

	#page_title{
		flex-wrap: wrap;
		text-align: center;
		height: auto;
	}

	#page_title .left {
		flex-basis: 100%;
	}
	#page_title .left .bg{
		background-image: url(/img/rizauster/1sp.jpg);
		background-size: cover;
		background-position: 99.5% 0;
		height: 100vw;
		width: 100%;
	}
	#page_title .left .text{
		position: relative;
		background-color: #4b301b;
	}
	#page_title .left svg[data-src*="/1_2."]{
		position: static;
		top: 0;
		right: 0;
		margin: 15vw 0;
		width: 50vw;
	}
	#page_title .left svg[data-src*="/1_2."] path{
		fill: #fff;
		stroke:#fff;
	}
	#page_title .right{
		flex-basis: 100%;
	}
	#page_title .right .inner1{
		text-align: left;
		padding: 13vw 0 32vw 0;
	}
	#page_title img[src*="/1_3."]{
		width: 48vw;
		margin-bottom: 5vw;
	}
	#page_title img[src*="/1_4."]{
		width: 50vw;
	}
	#page_title .online_shop_outer{
		width: 100%;
		min-height: auto;
	}
	#page_title .online_shop{
		width: 100%;
		padding: 2vw;
		transition: 0.2s ease-in-out;
	}
	#page_title .online_shop img[src*="/1_5."]{
		width: 50vw;
	}

	.item .bg{
		height: 77vw;
		background-position: 77% 50%;
	}
	.item .text{
		text-align: center;
		padding: 15vw 0;
	}
	.item img,
	.item svg{
		position: static;
	}

	#item1 .bg{ background-position: 77% 50%; }
	#item1 img[src*="/item1_1."]{margin: 0;position:static;width: 50vw; background-color: transparent; padding:0;}
	#item1 img[src*="/item1_2."]{margin: 72vw 0 0 34vw;width: 60vw;}
	#item2 .bg{background-image: url(/img/rizauster/item2sp.jpg);background-position: 50%;}
	#item2 svg[data-src*="/item2_1."]{margin: 0;position:static;width: 60vw; background-color: transparent; padding:0;}
	#item2 svg[data-src*="/item2_1."] path{fill:#4b301b; stroke:#4b301b;}
	#item2 img[src*="/item2_2."]{margin: 72vw 0 0 83vw;width: 12vw;}
	#item3 .bg{background-position: 74% 86%;background-size: 300vw;}
	#item3 img[src*="/item3_1."]{margin: 0;position:static;width: 67vw; background-color: transparent; padding:0;}
	#item3 img[src*="/item3_2."]{margin: 72vw 0 0 72vw;width: 23vw;}
	#item4 .bg{background-position: 32% 86%;background-size: 300vw;}
	#item4 img[src*="/item4_1."]{margin: 0;position:static;width: 63vw; background-color: transparent; padding:0;}
	#item4 img[src*="/item4_2."]{margin: 72vw 0 0 72vw;width: 23vw;}
	#item5 .bg{background-position: 49% 86%;background-size: 187vw;}
	#item5 svg[data-src*="/item5_1."]{margin: 0;position:static;width: 50vw; background-color: transparent; padding:0;}
	#item5 svg[data-src*="/item5_1."] path{fill:#4b301b; stroke:#4b301b;}
	#item5 img[src*="/item5_2."]{margin: 61vw 0 0 63vw;width: 33vw;}

	#foot_link{
		padding: 0vw 0 2vw;
	}
	#foot_link img[src*="/area1_2."]{
		vertical-align: 0;
		padding: 0;
		width: 190px;
	}
	#foot_link .border1{
		display: none;
	}
	footer{
		padding: 10vw 0 7vw;
	}
	footer .row2{
		flex-wrap: wrap;
		margin: 0 0 3vw;
	}
	footer .address{
		line-height: 4vw;
	}
	footer img[src*="/area1_1."]{margin: 0 0 10vw;width:65vw;}
	footer img[src*="/footer2."]{height:3.3vw;width: 56vw;}
	footer img[src*="/footer3_1."]{height:3vw;width: 6.1vw;}
	footer img[src*="/footer3_2."]{height:3vw;width: 19vw;}
	footer img[src*="/footer4_1."]{height:3vw;width: 6vw;margin-left: 5px;}
	footer img[src*="/footer4_2."]{height:3vw;width: 29vw;}
	footer img[src*="/footer5."]{height:3vw;width: 22vw;}
	footer img[src*="/footer6_1."]{height:3vw;width: 25vw;}
	footer img[src*="/footer6_2."]{height:3vw;width: 38vw;}
	footer img[src*="/footer7."]{width: 60vw;}
}

.copy{
	max-width:500px;
}

/* スマホ用 横向 */
@media (max-width: 740px) and (orientation: landscape) {
	#area1 .links .border1{
		margin: 5vw auto;
	}
}

@media (orientation: landscape) {
	.online_shop_sp{
		display: none;
	}
}