/******************** common */
#page-wrapper{
	width: 760px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.8em;
	color: #40210f;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

a:hover{
	opacity: 0.8;
}

#page-wrapper img{
	width: 100%;
	max-width: 100%;
}

.block01-wrapper{
	background-color: #fce885;
	position: relative;
	overflow: hidden;
	padding: 5%;
}

.block01{
	position: relative;
	z-index: 2;
}

.block01 .header{
	margin: 1em auto;
}

.block01 .lead{
	
}

.block01 .lead .lead-flex{
	display: flex;
	justify-content: space-between;
}

.block01 .lead .lead-flex .text{
/*	width: 82%;*/
	width: 100%;
	font-weight: bold;
	margin-bottom: 2em;
}

.block01 .lead .lead-flex .text .image{
	margin-bottom: .5em;
}

/*
.block01 .lead .lead-flex .img{
	width: 16%;
}
*/

.block01 .lead .lead-img{
/*	margin: 2em -5% 2em 0;*/
}

.block01 .shop{
	margin-top: 3em;
}

.block01 .shop .shop-box{
	background: linear-gradient(to bottom, rgba(0,0,0,0) 2%, #fff 2%);
	background: linear-gradient(0,#fff 0%,#fff 98%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	position: relative;
}

.block01 .shop .shop-box .shop-title{
	width: 95%;
	margin: auto;
}

.block01 .shop .shop-box .shop-flex-01{
	display: flex;
	justify-content: space-between;
	margin: 2em 0 1em -6%;
}

.block01 .shop .shop-box .img-right{
	margin: 2em -6% 1em 0;
}

.block01 .shop .shop-box .shop-flex-01 .img{
	width: 45%;
}

.block01 .shop .shop-box .shop-flex-01 .text{
	width: 50%;
	margin-right: 2%;
}

.block01 .shop .shop-box .img-right .text{
	margin-left: 2%;
}

.block01 .shop .shop-box .shop-link{
	width: 60%;
	margin: 2em auto;
}

.block01 .shop .shop-box .shop-link a{
	display: block;
}

.block01 .shop .shop-box .shop-flex-02{
	display: flex;
	justify-content: flex-start;
	width: 95%;
	margin: auto;
	padding-bottom: 1%;
}
.block01 .shop .shop-box .shop-flex-02-last{
	padding-bottom: 2.5%;
}

.block01 .shop .shop-box .shop-flex-02 .main{
	width: 100px;
	color: #fff;
	padding: .5em;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.block01 .shop .shop-box .shop-flex-02 .sub{
	width: calc(100% - 100px);
	padding: .5em;
	box-sizing: border-box;
}

.block01 .shop .shop-box .shop-flex-02 .color-01{
	background-color: #e56a5b;
}
.block01 .shop .shop-box .shop-flex-02 .color-02{
	background-color: #e5a632;
}
.block01 .shop .shop-box .shop-flex-02 .color-03{
	background-color: #8fb63d;
}
.block01 .shop .shop-box .shop-flex-02 .color-04{
	background-color: #9a83a9;
}
.block01 .shop .shop-box .shop-flex-02 .color-05{
	background-color: #5ea0d7;
}
.block01 .shop .shop-box .shop-flex-02 .color-06{
	background-color: #ec7c87;
}

.block01 .shop .shop-box .shop-icon01{
	position: absolute;
	width: 123px;
	top: 15%;
	left: -8%;
}
.block01 .shop .shop-box .shop-icon02{
	position: absolute;
	width: 123px;
	bottom: 5%;
	right: 10%;
}
.block01 .shop .shop-box .shop-icon03{
	position: absolute;
	width: 106px;
	top: 15%;
	left: -8%;
}
.block01 .shop .shop-box .shop-icon04{
	position: absolute;
	width: 106px;
	bottom: 5%;
	right: 5%;
}
.block01 .shop .shop-box .shop-icon05{
	position: absolute;
	width: 80px;
	top: 12%;
	left: -2%;
}
.block01 .shop .shop-box .shop-icon06{
	position: absolute;
	width: 80px;
	bottom: 5%;
	right: 10%;
}
.block01 .shop .shop-box .shop-icon07{
	position: absolute;
	width: 58px;
	top: 8%;
	left: -1%;
}
.block01 .shop .shop-box .shop-icon08{
	position: absolute;
	width: 58px;
	bottom: 5%;
	right: 5%;
}

.block01-wrapper .back-icon01{
	width: 255px;
	position: absolute;
	top: 0;
	right: 0;
}
.block01-wrapper .back-icon02{
	width: 305px;
	position: absolute;
	left: 0;
	top: 4.1%;
}
.block01-wrapper .back-icon03{
	width: 150px;
	position: absolute;
	right: 25%;
	top: 15.7%;
}
.block01-wrapper .back-icon04{
	width: 213px;
	position: absolute;
	right: 35%;
	top: 30%;
}
.block01-wrapper .back-icon05{
	width: 150px;
	position: absolute;
	right: 2%;
	top: 47%;
}
.block01-wrapper .back-icon06{
	width: 213px;
	position: absolute;
	left: 2%;
	bottom: 26%;
}


.block02-wrapper{
	background-color: #ea977e;
	position: relative;
	overflow: hidden;
	padding: 10% 5%;
}

.block02{
	position: relative;
	z-index: 2;
}

.block02 .title{
	width: 95%;
	margin: auto;
}

.block02 .block02-flex{
	display: flex;
	justify-content: space-between;
	margin-top: 2em;
}

.block02 .block02-flex .text{
	width: 37%;
	background-color: #fff;
	padding: 2.5%;
	box-sizing: border-box;
}

.block02 .block02-flex .text .name{
	margin: 1em 0 1em -16%;
}

.block02 .block02-flex .text .btn{
	margin-top: 1em;
}

.block02 .block02-flex .text .btn a{
	display: block;
}

.block02 .block02-flex .img{
	width: 63%;
	position: relative;
}

.block02 .block02-flex .img .position{
	position: absolute;
	width: 151px;
	bottom: -5%;
	left: 15%;
}

.block02-wrapper .back-icon01{
	position: absolute;
	width: 250px;
	right: 5%;
	top: 3%;
}

.block02-wrapper .back-icon02{
	position: absolute;
	width: 304px;
	left: 0;
	bottom: 0;
}