@charset "utf-8";
header{
	background-color: initial;
}
html body header div.header01 h1.mid{
	color: #fff;
}
html.active body.active header div.header01 h1.mid.active{
	color: #000;
}
html.active body.active header.active div.header01 h1.mid.active{
	color: #000;
}
html body header div.header01 nav ul.nav_01 li a.mid{
	color: #fff;
}
@media only screen and (max-width: 767px){
	html body header div.header01 nav ul.nav_01 li a.mid{
		color: #000;
	}
}
html body header.active div.header01 nav ul.nav_01 li a.mid{
	color: #000;
}
html body header div.header01 div.slide-menu-btn.pc_none span.line-bar_area::before,
html body header div.header01 div.slide-menu-btn.pc_none span.line-bar_area::after{
	background-color: #fff;
}
html.active body.active header div.header01 div.slide-menu-btn.pc_none.active span.line-bar_area::before,
html.active body.active header div.header01 div.slide-menu-btn.pc_none.active span.line-bar_area::after{
	background-color: #000;
}
html.active body.active header.active div.header01 div.slide-menu-btn.pc_none.active span.line-bar_area::before,
html.active body.active header.active div.header01 div.slide-menu-btn.pc_none.active span.line-bar_area::after{
	background-color: #fff;
}
main{
	padding-top: 0;
}
.eyecatch_inc.short{
	height: 598px;
	position: relative;
}
@media only screen and (max-width: 767px){
	.eyecatch_inc.short{
		height: 360px;
	}
}
.eyecatch_inc.short::after{
	content: '';
	  width: 100%;
	  height: 103px;
	  display: block;
	  background-image: url(../img/shop/archi01.png);
	  background-repeat: no-repeat;
	  background-size: 100% 100%;
	  background-position: center;
	  position: absolute;
	  top: auto;
	  bottom: 0;
	  margin: auto;
}
@media only screen and (max-width: 767px){
	.eyecatch_inc.short::after{
		content: '';
		  height: 90px;
		  background-image: url(../img/shop/archi01_sp.png);
		  background-repeat: no-repeat;
	}
}
.eyecatch_inc.short .eyecatch_inc01{
	width: 1280px;
	height: 100%;
}
.eyecatch_inc.short .eyecatch_inc01 .eye_text{
	width: 273px;
	height: 172px;
	display: block;
	position: absolute;
	bottom: 151px;
	right: 155px;
}
@media only screen and (max-width: 767px){
	.eyecatch_inc.short .eyecatch_inc01 .eye_text{
		width: 152px;
		height: auto;
		bottom: 121px;
		right: -14px;
		margin: auto;
	}
}
.eyecatch_inc.short .eyecatch_inc02 .eye_img{
	height: 598px;
	background-image: url(../img/shop/eye01.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media only screen and (max-width: 767px){
	.eyecatch_inc.short .eyecatch_inc02 .eye_img{
		height: 360px;
		background-image: url(../img/shop/eye01_sp.png);
	}
}
/*.contentsここから*/
.contents01{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	background-color: #EADCBB;
	padding-bottom: 160px;
}
@media only screen and (max-width: 767px){
	.contents01{
		padding-bottom: 181px;
	}
}
.contents01 .item01{
	width: 504px;
	height: auto;
	display: block;
	position: absolute;
	top: -180px;
	left: 0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.contents01 .item01{
		width: 232px;
		top: -130px;
		left: 0;
		right: 0;
		margin: auto;
	}
}
.contents01 .item02{
	width: 113px;
	height: auto;
	display: block;
	position: absolute;
	top: -180px;
	left: -500px;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.contents01 .item02{
		width: 78px;
		top: -153px;
		left: 0px;
		right: 260px;
		margin: auto;
	}
}
.contents01 .contents01_01{
	width: 1280px;
	height: auto;
	display: block;
	margin: 0 auto;
	position: relative;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01{
		width: 90%;
		max-width: 320px;
	}
}
.contents01 .contents01_01 .bg01{
	width: 209px;
	height: auto;
	display: block;
	position: absolute;
	top: 23px;
	left: -112px;
}
.contents01 .contents01_01 .bg02{
	width: 209px;
	height: auto;
	display: block;
	position: absolute;
	top: 200px;
	right: -112px;
}
.contents01 h2{
	width: 535px;
	height: auto;
	display: block;
	position: absolute;
	top: -80px;
	left: 0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.contents01 h2{
		width: 275px;
		top: -65px;
	}
}
.contents01 h2 .title01{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	z-index: 1;
}
.contents01 .contents01_01{
	width: 100%;
	height: auto;
	padding-top: 82px;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01{
		padding-top: 25px;
	}
}
.contents01 .contents01_01 .text01{
	font-size: 18px;
	line-height: 36px;
	letter-spacing: calc((100/1000)*1em);
	text-align: center;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .text01{
		font-size: 15px;
		line-height: 28px;
		letter-spacing: calc((50/1000)*1em);
		text-align: left;
	}
}
.contents01 .contents01_01 > h3{
	width: 446px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 80px auto 0;
	font-size: 35px;
	line-height: 62px;
	letter-spacing: calc((70/1000)*1em);
	text-align: center;
	position: relative;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 > h3{
		width: 280px;
		margin: 44px auto 0;
		font-size: 22px;
		line-height: 39px;
	}
}
.contents01 .contents01_01 > h3::before{
	content:'';
	display: block;
	width: 16px;
	height: 38px;
	background-image: url(../img/shop/slash01.svg);
	background-repeat:no-repeat; 
	background-size: 100% auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 > h3::before{
		position: initial;
		margin-right: 10px;
	}
}
.contents01 .contents01_01 > h3::after{
	content:'';
	display: block;
	width: 16px;
	height: 38px;
	background-image: url(../img/shop/slash02.svg);
	background-repeat:no-repeat; 
	background-size: 100% auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 > h3::after{
		position: initial;
		margin-left: -10px;
	}
}
.contents01 .contents01_01 > ul{
	width: 980px;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 34px auto 0;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 > ul{
		width: 100%;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		margin: 34px auto 0;
		gap: 29px 15px;
	}
}
.contents01 .contents01_01 > ul li{
	width: 280px;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 > ul li{
		width: 152px;
	}
}
.contents01 .contents01_01 > ul li img{
	width: 100%;
	height: auto;
	display: block;
}
.contents01 .contents01_01 > ul li p{
	width: 230px;
	height: 55px;
	background-color: #A58006;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 20px;
	line-height: 36px;
	letter-spacing: calc((70/1000)*1em);
	margin: -41px auto 0;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 > ul li p{
		width: 140px;
		height: 30px;
		font-size: 13px;
		line-height: 17px;
		letter-spacing: calc((25/1000)*1em);
		margin: -24px auto 0;
	}
	.contents01 .contents01_01 > ul li:nth-of-type(3) p{
		width: 160px;
	}
}
.contents01::after{
	content: '';
	width: 100%;
	height: 103px;
	display: block;
	background-image: url(../img/shop/archi02.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	top: auto;
	bottom: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.contents01::after{
		height: 133px;
		display: block;
		background-image: url(../img/shop/archi02_sp.png);
	}
}

.contents02{
	width: 100%;
	height: auto;
	display: block;
	background-color: #F4ECD9;
	position: relative;
	padding-bottom: 172px;
}
@media only screen and (max-width: 767px){
	.contents02{
		padding-bottom: 177px;
		margin-top: -77px;
	}
}
.contents02 .sub_title{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
}
@media only screen and (max-width: 767px){
	.contents02 .sub_title{
		gap: 0;
	}
}
.contents02 .sub_title .span01{
	font-size: 17px;
	line-height: 27px;
	letter-spacing: calc((100/1000)*1em);
	color: #A58006;
}
@media only screen and (max-width: 767px){
	.contents02 .sub_title .span01{
		font-size: 13px;
		line-height: 23px;
	}
}
.contents02 .sub_title .span02{
	font-size: 31px;
	line-height: 36px;
	letter-spacing: calc((70/1000)*1em);
}
@media only screen and (max-width: 767px){
	.contents02 .sub_title .span02{
		font-size: 25px;
		line-height: 36px;
	}
}
.contents02 .contents02_01{
	width: 1280px;
	height: auto;
	padding-top: 80px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01{
		width: 90%;
		max-width: 320px;
		padding-top: 60px;
		flex-direction: column-reverse;
		justify-content:flex-start;
		align-items: flex-start;
	}
}
.contents02 .contents02_01:first-of-type{
	padding-top: 40px;
}
.contents02 .contents02_01 .contents02_01_01{
	width: 50%;
	height: auto;
	padding-right: 80px;
	flex-shrink: 0;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01{
		width: 100%;
		padding-right: 0;
		flex-shrink: 0;
	}
}
.contents02 .contents02_01 .contents02_01_01 .number01{
	width: 132px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../img/shop/bg02.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	font-size: 20px;
	line-height: 32px;
	color: #fff;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01 .number01{
		width: 102px;
		height: 28px;
		font-size: 15px;
		line-height: 24px;
	}
}
.contents02 .contents02_01 .contents02_01_01 .name{
	font-size: 28px;
	line-height: 36px;
	letter-spacing: calc((50/1000)*1em);
	margin-top: 20px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01 .name{
		font-size: 25px;
		line-height: 35px;
		margin-top: 10px;
	}
}
.contents02 .contents02_01 .contents02_01_01 .price{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01 .price{
		gap: 15px;
		margin-top: 6px;
	}
}
.contents02 .contents02_01 .contents02_01_01 .price .span01{
	font-size: 16px;
	line-height: 36px;
	letter-spacing: calc((25/1000)*1em);
}
.contents02 .contents02_01 .contents02_01_01 .price .span02{
	font-size: 25px;
	line-height: 36px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
.contents02 .contents02_01 .contents02_01_01 .price .span02 .span03{
	font-size: 16px;
	line-height: 26px;
}
.contents02 .contents02_01 .contents02_01_01 .text01{
	font-size: 22px;
	line-height: 38px;
	letter-spacing: calc((50/1000)*1em);
	margin-top: 20px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01 .text01{
		font-size: 20px;
		line-height: 32px;
		margin-top: 13px;
	}
}
.contents02 .contents02_01 .contents02_01_01 .text02{
	font-size: 15px;
	line-height: 28px;
	letter-spacing: calc((50/1000)*1em);
	margin-top: 20px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01 .text02{
		font-size: 14px;
		line-height: 24px;
		letter-spacing: calc((25/1000)*1em);
		margin-top: 15px;
	}
}
.contents02 .contents02_01 .contents02_01_01 a{
	width: 175px;
	height: 56px;
	border-radius: 50px;
	color: #fff;
	background-color: #A58006;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin-top: 30px;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: calc((25/1000)*1em);
}
.contents02 .contents02_01 .contents02_01_01 a img{
	width: 8px;
	height: auto;
	display: block;
}
.contents02 .contents02_01 .item01{
	width: 50%;
	height: auto;
	border-radius: 12px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .item01{
		width: 100%;
		margin-bottom: 30px;
	}
}
.contents02 .contents02_01.reverse{
	flex-direction: row-reverse;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01.reverse{
		flex-direction: column-reverse;
	}
}
.contents02 .contents02_01.reverse .contents02_01_01{
	padding-left: 80px;
	padding-right: 0;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01.reverse .contents02_01_01{
		padding-left: 0;
		padding-right: 0;
	}
}
.contents02::after{
	content: '';
	width: 100%;
	height: 103px;
	display: block;
	background-image: url(../img/shop/archi01.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	position: absolute;
	top: auto;
	bottom: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.contents02::after{
		content: '';
		width: 100%;
		height: 133px;
		background-image: url(../img/shop/archi01_sp.png);
	}
}
/*contents02ここまで*/

.contents03{
	width: 100%;
	height: auto;
	display: block;
	background-color: #EADCBB;
	position: relative;
	padding-bottom: 83px;
}
@media only screen and (max-width: 767px){
	.contents03{
		margin-top: -20px;
	}
}
.contents03 .sub_title{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
	position: absolute;
	top: -18px;
	left: 0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.contents03 .sub_title{
		top: -48px;
		text-align: center;
		gap: 0;
	}
}
.contents03 .sub_title .span01{
	font-size: 17px;
	line-height: 27px;
	letter-spacing: calc((100/1000)*1em);
	color: #A58006;
}
@media only screen and (max-width: 767px){
	.contents03 .sub_title .span01{
		font-size: 13px;
		line-height: 23px;
	}
}
.contents03 .sub_title .span02{
	font-size: 31px;
	line-height: 36px;
	letter-spacing: calc((70/1000)*1em);
}
@media only screen and (max-width: 767px){
	.contents03 .sub_title .span02{
		font-size: 22px;
		line-height: 32px;
	}
}
.contents03 .contents03_01{
	width: 1280px;
	height: auto;
	padding-top: 80px;
	margin: 0 auto;
	display: block;
	position: relative;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01{
		width: 90%;
		max-width: 320px;
		padding-top: 72px;
		margin: 0 auto;
		display: block;
		position: relative;
	}
}

.contents03 .contents03_01 .bg01{
	width: 209px;
	height: auto;
	display: block;
	position: absolute;
	top: 23px;
	left: -105px;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .bg01{
		width: 137px;
		top: 84px;
		left: -78px;
	}
}
.contents03 .contents03_01 .bg02{
	width: 209px;
	height: auto;
	display: block;
	position: absolute;
	top: 428px;
	right: -105px;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .bg02{
		width: 137px;
		top: 934px;
		right: -85px;
	}
}
.contents03 .contents03_01 ul.contents03_01_01{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 50px;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 ul.contents03_01_01{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: 31px;
		margin: 0 auto;
		gap: 30px;
	}
}
.contents03 .contents03_01 ul.contents03_01_01 li{
	width: 380px;
	height: 380px;
	background-image: url(../img/shop/bg03.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	padding: 88px 42px 95px;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 ul.contents03_01_01 li{
		width: 100%;
		height: auto;
		padding: 53px 12px 78px;
	}
}
.contents03 .contents03_01 ul.contents03_01_01 li:nth-of-type(2){
	background-image: url(../img/shop/bg04.png);
}
.contents03 .contents03_01 ul.contents03_01_01 li:nth-of-type(3){
	background-image: url(../img/shop/bg05.png);
}
.contents03 .contents03_01 ul.contents03_01_01 li .text02{
	font-size: 35px;
	line-height: 45px;
	letter-spacing: calc((25/1000)*1em);
	color: #A58006;
	text-align: center;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 ul.contents03_01_01 li .text02{
		font-size: 28px;
		line-height: 28px;
		letter-spacing: calc((100/1000)*1em);
	}
}
.contents03 .contents03_01 ul.contents03_01_01 li .text03{
	font-size: 20px;
	line-height: 30px;
	letter-spacing: calc((50/1000)*1em);
	text-align: center;
	margin-top: 25px;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 ul.contents03_01_01 li .text03{
		font-size: 18px;
		line-height: 28px;
		margin-top: 19px;
	}
}
.contents03 .contents03_01 ul.contents03_01_01 li .text04{
	font-size: 15px;
	line-height: 28px;
	letter-spacing: calc((25/1000)*1em);
	text-align: center;
	margin-top: 25px;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 ul.contents03_01_01 li .text04{
		font-size: 14px;
		line-height: 25px;
		margin-top: 10px;
	}
}
.contents03 .contents03_01 .text05{
	font-size: 20px;
	line-height: 28px;
	letter-spacing: calc((25/1000)*1em);
	text-align: center;
	margin-top: 30px;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .text05{
		font-size: 16px;
		margin-top: 53px;
	}
}
.contents03 .contents03_01 .text06{
	font-size: 14px;
	line-height: 25px;
	letter-spacing: calc((50/1000)*1em);
	text-align: center;
	margin-top: 21px;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .text06{
		text-align: left;
		margin-top: 13px;
	}
}
.contents03 .contents03_01 .souryou{
	width: 830px;
	height: auto;
	display: block;
	margin: 30px auto 0;
}	
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .souryou{
		width: 100%;
		height: auto;
		display: block;
		margin: 30px auto 0;
		overflow-x: scroll;
	}
}
.contents03 .contents03_01 .postage{
	width: 100%;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .postage{
		width: 840px;
		height: auto;
		display: block;
	}
}

.contents04{
	width: 100%;
	height: auto;
	display: block;
	background-color: #F4ECD9;
	padding: 95px 0;
}
@media only screen and (max-width: 767px){
	.contents04{
		padding: 48px 0;
	}
}
.contents04 .contents04_01{
	width: 825px;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01{
		width: 90%;
		max-width: 320px;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
}
.contents04 .contents04_01 .left{
	width: 550px;
	height: auto;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .left{
		width: 100%;
		height: auto;
	}
}
.contents04 .contents04_01 .left h3{
	width: 92px;
	height: auto;
	display: block;
}
.contents04 .contents04_01 .left h3 img{
	width: 100%;
	height: auto;
	display: block;
}
.contents04 .contents04_01 .left h4{
	width: 517px;
	height: auto;
	display: block;
	margin-top: 27px;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .left h4{
		width: 100%;
		height: auto;
		display: block;
		margin-top: 20px;
	}
}
.contents04 .contents04_01 .left h4 img{
	width: 100%;
	height: auto;
	display: block;
}
.contents04 .contents04_01 .left .text06{
	font-size: 15px;
	line-height: 32px;
	letter-spacing: calc((50/1000)*1em);
	margin-top: 40px;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .left .text06{
		margin-top: 25px;
		font-size: 15px;
		line-height: 28px;
		letter-spacing: calc((25/1000)*1em);
	}
}
.contents04 .contents04_01 .right{
	width: 195px;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .right{
		width: 150px;
		height: auto;
		display: block;
		margin: 50px auto 0;
	}
}
.contents04 .contents04_01 .right .ceo{
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.contents04 .contents04_01 .right .text07{
	font-size: 15px;
	line-height: 32px;
	letter-spacing: calc((100/1000)*1em);
	margin-top: 15px;
	text-align: center;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .right .text07{
		font-size: 14px;
		line-height: 32px;
		margin-top: 10px;
	}
}
footer{
	background-color: #F4ECD9;
	border-top: 1px solid #D5C388;
}