@charset "utf-8";

body{
	width:100%;
	margin:0 auto;
	padding:0;
}

#main-container {
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align: center;
	background-repeat:repeat;
}

.main_visual {
	max-width:1920px;
	width:100%;
	margin:0 auto;
	padding:0;
}

.main_visual h1 {
	width:100%;
}

.main_visual h1 img {
	width:100%;
}


/*-------------------------------------------------------------------*/

.item_points {
	background-color: #e1e6ef;
	width:100%;
	margin 0 auto;
	padding:40px 0 100px;
	border-bottom-right-radius: 50px;
}

.point-container {
	width:700px;
	margin:0 auto;
	text-align: center;
}

.points {
	margin: 0 auto 30px;
	width:100%;
}

.points img {
	width:100%;
}

/*-------------------------------------------------------------------*/

.collection {
	width:100%;
	position:relative;
}
h2 {
	position: absolute;
	left:18vw;
	top:-350px;
}

h2 img {
	width:600px;
}

.back-img {
	margin:0 auto;
	width:100%;
	position:absolute;
	bottom: -100px;
	left:0;
}

.back-img img {
	width:100%;
}

/*-------------------------------------------------------------------*/

.item-container {
	width:100%;
	margin:0 auto 200px;
}

.flex-item-container {
	display: flex;
	align-items: flex-start;
}
.flex-align-right {
	justify-content: flex-end;
}

.flex-align-left {
	justify-content: flex-start;
}

dl.item-benefit {
	width:25vw;
}

.item-benefit dt {
	width:100%;
	margin-bottom:40px;
}

.item-benefit dt img {
	width:100%;
}

.item-benefit dd {
	width:100%;
}

.item-benefit dd img {
	width:100%;
}


.item-image-container {
	width:56vw;
	position: relative;
	margin-top: -60px;
}

.item-image-container img {
	width:100%;
}

.item-image-container a {
	display:block;
}

.move-pic {
	position:absolute;
	top:0;
    left: 0;
}


.btn_check-ec {
	width:320px;
	margin:0 auto;
	text-align: center;
}

.item-text {
	margin:40px auto;
	font-size:1.2em;
	
}

.btn_check-ec img {
	width:100%;
}

.btn_bottom {
	width:420px;
	margin:0 auto 20px;
	text-align: center;
}

.btn_bottom img {
	width:100%;
}

/*-------------------------------------------------------------------*/

.recommend {
	background-color: #e1e6ef;
	width:100%;
	margin 0 auto;
	padding:40px 0 100px;
}

h3 {
	width:600px;
	margin:0 auto;
	text-align: center;
}

h3 img {
	width:100%;
}

ul.recommend-container {
	width:620px;
	margin:40px auto 80px;
	display: flex;
	justify-content: space-around;
}

.recommend-container li {
	width:300px;
}

.recommend-container li img {
	width:100%;
}


/*-------------------------------------------------------------------*/

ul.attention {
	wifth:800px;
	margin:40px auto 100px;
	color: #737373;
	font-size:1em;
}

/*-------------------------------------------------------------------*/


.fadein {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 800ms;
}
.fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}

/*-------------------------------------------------------------------*/

span.span_small_text {
	font-size:0.6em;
	vertical-align: 0.8em;
}

span.annotation {
	font-size:0.8em;
}