@charset "utf-8";

/*
ファイル名:top.css
最終更新日:20xx/xx/xx
*/
body.home #wrapper {
    width: 100%;
    padding: 0;
}
body.home .head-fix-top {
}


	/* loading */
	/*body.home main.site-main,
	body.home #swiper-area,
	body.home #header {	visibility: hidden;}*/
	body.home #loading {
		background: #fff;
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		z-index: 9999;
		position: fixed;
	}
	body.home #loading span {
        height: 100%;
        position: fixed; /* 縦位置中央 */
        top: 50%; /* 縦位置中央 */
        left: 38%; /* 縦位置中央 */
        /*transform: translateY(-50%) translateX(-0%); */ /* 縦位置中央 */
        /* -webkit- transform: translateY(-50%) translateX(-0%); */ /* 縦位置中央 */
    }



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

	key

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

body.home .swiper-container1 {
    height: 132vw;
}
body.home .key_wrapper:before {
    width: 30vw;
    height: 10vw;
    right: 6vw;
}
body.home .key_wrapper:after {
    font-size: 7vw;
}


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

	contents

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

body.home main.site-main {
}
body.home main.site-main .section-title {
    font-size: 7vw;
}
body.home main.site-main .section-title span {
    font-size: 3.8vw;
}
body.home main.site-main .sub_copy {
    font-size: 5.4vw;
    margin: 10vw 0;
}
/* more btn */
body.home main.site-main .more_btn {
    width: 22vw;
    padding: 4vw 2vw;
    font-size: 4vw;
    right: 4vw;
    bottom: 8vw !important;
}
body.home main.site-main .more_btn:before {
    left: 14.5vw;
    bottom: 3.5vw !important;
    width: 8vw;
}
body.home main.site-main .more_btn:after {
    right: 3.5vw;
    bottom: 3.5vw !important;
    width: 2vw;
}


body.home main.site-main .about_area {
    padding: 7vw;
    height: 440vw;
}
body.home main.site-main .about_area::before {
    background-position: -9vw 165vw;
}
body.home main.site-main .about_area .about_cap {
    margin-bottom: 11vw;
}
body.home main.site-main .about_area ul.move_cap_area {
    top: 0;
    width: 100%;
}
body.home main.site-main .about_area ul.move_cap_area .sub_copy {
}
body.home main.site-main .about_area ul.move_cap_area .about_area_read {
	font-size: 3.4vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(1) img {
    width: 92%;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(2) {
    padding: 22vw 0 0 0;
    text-align: right;
    top: -14vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(2) img {
    width: 86%;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(3) {
    font-size: 3.6vw;
    margin: 0 9vw 6vw 9vw;
    width: 107vw;
    height: 50vw;
    top: 18vw;
    left: -25vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(4) {
    padding: 12vw 0 0 0;
	left: -12vw;
	top: 29vw;
	width: 99vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(4)::before {
	background-size: 110%;
    background-position: -4vw 0;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(4) img {
    width: 91%;
    margin: 0 5vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(5) {
    width: 102vw;
    height: 50vw;
    top: 99vw;
    left: -30px;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(6) {
    width: 8vw;
    height: 10vw;
    top: 119vw;
    left: 48vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(7) {
    top: 127vw;
    left: 9vw;
    width: 32vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(8) {
	width: 45vw;
    top: 144vw;
    right: -8vw;
    left: auto;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(9) {
	top: 168vw;
    left: 9vw;
    font-size: 5.2vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(10) {
    top: 191vw;
    font-size: 4vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(11) {
    width: 10vw;
    height: 12vw;
    top: 184vw;
    left: 67vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(12) {
	width: 111vw;
    height: 28vw;
    top: 198vw;
    left: -14vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(13) {
	top: 212vw;
    left: -1vw;
    width: 84vw;
}
body.home main.site-main .about_area ul.move_cap_area li:nth-child(14) {
    top: 294vw;
    right: -4vw;
}

body.home main.site-main .new_product_area {
    padding: 20vw 8vw 0 8vw;
}
body.home main.site-main .new_product_area .inner {
    width: 120%;
	margin-left: -10%;
}
body.home main.site-main .swiper-container2 {
	width: 90vw;
    top: 4vw;
    left: 0;
    right: 0;
    margin: 0 auto 16vw;
}
body.home main.site-main .swiper-container2:before {
	top: 40vw;
	left: 0;
    width: 90vw;
    text-align: center;
    font-size: 9vw;
}
body.home main.site-main .swiper-container2:after {
    width: 23vw;
    height: 23vw;
    background-position: center 7vw;
    border-radius: 25vw;
    -webkit-border-radius: 25vw;
    -moz-border-radius: 25vw;
    right: 4vw;
    bottom: -12.5vw;
}
body.home main.site-main .swiper-container2 .swiper-wrapper {
    left: 0;
}
body.home main.site-main .swiper-container2 .swiper-pagination {
	left: 0;
}


body.home main.site-main .onlineshop_area {
	height: 197vw;
}
body.home main.site-main .onlineshop_area ul.onlineshop_link:before {
    width: 4vw;
    height: 69vw;
    top: 0;
    left: -8vw;
}
body.home main.site-main .onlineshop_area ul.onlineshop_link li:nth-child(4):before {
	left: -1vw;
    bottom: 19vw;
    font-size: 5vw;
}
body.home main.site-main .onlineshop_area ul.onlineshop_link li:nth-child(4):after {
	bottom: 17vw;
    left: 55vw;
    width: 4vw;
    height: 4vw;
}

body.home main.site-main .blog_area {
	padding: 18vw 7vw 22vw 7vw;
}
body.home main.site-main .blog_area .blog-wrapper {
	margin-bottom: 0;
}
body.home main.site-main .blog_area .blog-wrapper .post-item {
	padding: 4vw 0;
}
body.home main.site-main .blog_area .blog-wrapper .post-item .post-thumb {
}
body.home main.site-main .blog_area .blog-wrapper .post-item .post-thumb img {
}
body.home main.site-main .blog_area .blog-wrapper .post-item .post-meta {
    width: 58%;
}
body.home main.site-main .blog_area .blog-wrapper .post-item .post-meta .post-date {
    top: 11vw;
    left: -8.6vw;
    font-size: 3.4vw;
    padding-left: 4vw;
}
body.home main.site-main .blog_area .blog-wrapper .post-item .post-title {
	font-size: 3.4vw;
}