/* Content */

.header-top {
	display:none;
}
#main-top {
	width:96vw;
	margin:0 auto;
	margin-top:2vw;
	background: #333;
	position: relative;
	height:calc(100vh - 2vw) !important;
	 -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#logo-main{
	position:absolute;
	top:calc(50% - 30px);
	left:50%;
	transform:translate(-50%,-50%);
	fill:#fff;
	width:27vh;
	min-width:200px;
	text-align:center;
	color:#fff;
	font-size:1.2em;
	z-index:2;
}
#main-top .image{
	width: 100%;
	height:calc(100vh - 2vw) !important;
	margin: 0 auto;
	position:relative;
	overflow:hidden;
}
.slideshow {
    width: 100%;
	height: 100%;
	display: block;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.slideshow li,
.slideshow li span{
	height:100%;
}
.slideshow li:after{
	content:"";
	width:100%;
	height:100%;
	background: url("https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/overlays/01.png");
	opacity: 0.9;
    z-index: 1;
    position: absolute;
}
.slideshow li span.view {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s;
}
.slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 24s linear infinite 0s;
    -moz-animation: titleAnimation 24s linear infinite 0s;
    -o-animation: titleAnimation 24s linear infinite 0s;
    -ms-animation: titleAnimation 24s linear infinite 0s;
    animation: titleAnimation 24s linear infinite 0s;
}
.slideshow li div h3 {
  font-family: "helvetica neue", helvetica;
  text-transform: uppercase;
  font-size: 80px;
  padding: 0;
  line-height: 200px;
	color: rgba(255,255,255, 0.8);
}
.slideshow li:nth-child(1) span { background-image: url("../img/index/top1.jpg"); }
.slideshow li:nth-child(2) span {
    background-image: url("../img/index/top2.jpg");
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
    background-image: url("../img/index/top3.jpg");
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow li:nth-child(4) span {
    background-image: url("../img/index/top4.jpg");
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.slideshow li:nth-child(5) span {
    background-image: url("../img/index/top5.jpg");
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
/* Animation for the slideshow images */
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
		-webkit-transform: scale(1.3);
	    -webkit-animation-timing-function: ease-in;
		left:0;
	}
	11% {
	    opacity: 1;
	    -webkit-transform: scale(1.15);
	    -webkit-animation-timing-function: ease-out;
		left: 0;
	}
	30% {
	    opacity: 1;
	    -webkit-transform: scale(1.0);
		left: 0;
	}
	38% {
	    opacity: 0;
	    -webkit-transform: scale(1.05);
	}
	100% { 
		opacity: 0;
		-webkit-transform: scale(1.05);
	}
}
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
		-webkit-transform: scale(1.3);
	    -webkit-animation-timing-function: ease-in;
		left:0;
	}
	11% {
	    opacity: 1;
	    -webkit-transform: scale(1.15);
	    -webkit-animation-timing-function: ease-out;
		left: 0;
	}
	30% {
	    opacity: 1;
	    -webkit-transform: scale(1.0);
		left: 0;
	}
	38% {
	    opacity: 0;
	    -webkit-transform: scale(1.05);
	}
	100% { 
		opacity: 0;
		-webkit-transform: scale(1.05);
	}
}

.nav-main {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	opacity:.85;
	z-index:2;
}
.nav-main ul{
	display:flex;
	position:relative;
	padding:22px 40px;
	background:#f8f6f0;
}
.nav-main ul:before{
	content: "";
    position: absolute;
    left: -40px;
    top: 0;
    width: 100px;
    transform: skewX(-30deg) perspective(0);
    height: 100%;
    background: #f8f6f0;
}
.nav-main ul:after{
	content: "";
    position: absolute;
    right: -40px;
    top: 0;
    width: 100px;
    transform: skewX(30deg) perspective(0);
    height: 100%;
    background: #f8f6f0;
}
.nav-main ul li{
	margin:0 1.1em;
	z-index: 1;
	font-size:.85em;
	font-family:'Playfair Display', serif;
	letter-spacing:.2em;
}
.nav-main ul li span{
	margin-left: 8px;
}
.nav-main ul li a{
	color:#000;
	transition: all ease 0.4s;
}
.nav-main ul li a:hover{
	color:#65794a;
}



/*スクロールアイコン*/
.scroll-down-box {
	display: block;
    color: #efefef;
    font-size: 17px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    z-index: 100;
    letter-spacing: .2em;
    margin-left: -.2em;
    font-family: 'Parisienne', cursive;
}
a.scroll-down {
    color: #efefef;
    text-decoration: none;
    text-align: center;
}
a.scroll-down p{
	margin-bottom: 45px;
	color:#fff;
}
a.scroll-down span {
	position: absolute;
    bottom: 0;
    left: 50%;
    width: 2px;
    height: 40px;
    background: #999;
    border-radius: 50px;
    box-sizing: border-box;
	overflow:hidden;
}
a.scroll-down span::before {
	position: absolute;
	top: 0px;
	left: 50%;
	content: '';
	width: 2px;
	height: 40px;
	background-color: #fff;
	border-radius: 0%;
	-webkit-animation: sdb 2s ease infineite;
	animation: sdb 2s ease infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: translate(-1px, -40px);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-1px, 40px);
		opacity: 1;
	}
	90% {
		-webkit-transform: translate(-1px, 40px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(-1px, -40px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		-webkit-transform: translate(-1px, -40px);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(-1px, 40px);
		opacity: 1;
	}
	90% {
		-webkit-transform: translate(-1px, 40px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(-1px, -40px);
		opacity: 0;
	}
}


#cnt-about{
	background:#f8f6f0;
	width:100vw;
	text-align:center;
	box-sizing:border-box;
	padding:150px 50px;
}
#cnt-about h2,
#cnt-news h2,
#cnt-shop h2{
	font-family: 'Playfair Display', serif;
	font-weight:700;
	font-size:1.6em;
	letter-spacing:0.9em;
	line-height:1em;
}
#cnt-about h2 span,
#cnt-news h2 span,
#cnt-shop h2 span{
	font-size:0.45em;
	letter-spacing:0.3em;
	font-weight:normal;
	margin-left: -2em;
	color:#777;
	font-family:"IPAex", YuMincho, "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", Honoka, Meiryo, "メイリオ", serif;
}
#cnt-about p.text,
#cnt-news p.text,
#cnt-shop p.text{
	margin-top:50px;
	font-size:1.2em;
	line-height:1.9em;
}
#cnt-about p.link{
	margin-top:50px;
}

#cnt-news{
	position:relative;
	width:100vw;
	background:linear-gradient(#f8f6f0 50%, #dce6e6 50%);
	box-sizing:border-box;
}
#cnt-news .cnt-box{
	width:1200px;
	padding:100px 0 0;
	margin:0 auto;
	text-align: center;
	background:#fff;
}
#cnt-news h2{
	display:inline-block;
	padding-left: 0.9em;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}
#cnt-news .news-box{
	margin: 50px auto 0;
	width:90%;
}
/*-------------cnt-blog-------------*/
#cnt-blog .text-box{
	position:relative;
	width:100%;
	overflow:hidden;
}
#cnt-blog h3{
	font-size:1.2em;
	font-weight:500;
	line-height:1.4em;
}
#cnt-blog h3 br.w1000{
	display:none;
}
#feed{
	margin:0 auto;
	display: table;
}
#feed li{
	padding:20px;
	border-bottom:1px solid #ddd;
	text-align: left;
}
#feed time{
	font-size:0.8em;
	letter-spacing:0.2em;
	padding-right:30px;
}
#feed a{
	transition: all ease 0.3s;
}
#feed a:hover{
	color:#a08c1d;
}
#cnt-news .cnt-box .link-style a{
	transform: translateY(50%);
    background: #fff;	
	margin: 30px auto 0;
}

#cnt-shop{
	width:100vw;
	padding-bottom:150px;
	background:#dce6e6;
	box-sizing:border-box;
	text-align: center;
}
#cnt-shop .cnt-box{
	display:flex;
}
#cnt-shop h2{
	display:inline-block;
	padding-left: 0.9em;
	margin:180px 0 50px;
	padding-bottom:20px;
	border-bottom:1px solid #aaa;
}
#cnt-shop .cnt-box .l-box,
#cnt-shop .cnt-box .r-box{
	width:calc(50% - 2vw - 1px);
	display:flex;
	color:#fff;
}
#cnt-shop .cnt-box .l-box{
	background:#586666;
	margin-left:2vw;
	margin-right:1px;
	position: relative;
}
#cnt-shop .cnt-box .r-box{
	background:#747c84;
	margin-right:2vw;
	margin-left:1px;
	clear:both;
	position: relative;
}
#cnt-shop .cnt-box .l-box .image-box{
	padding: 20px 0;
    width: 50%;
    min-width: 350px;
    margin-left: auto;
}
#cnt-shop .cnt-box .l-box .image-box .image{
	background:url(../img/index/shop_kasugai.jpg) center no-repeat;
	background-size:cover;
	width:100%;
	height:250px;
}
#cnt-shop .cnt-box .l-box .text-box{
	padding: 20px 0;
    text-align: left;
    margin-left: auto;
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    min-width: 350px;
    height: 100%;
    box-sizing: border-box;
}
#cnt-shop .cnt-box .l-box .text-box .text-in{
	position: absolute;
    top: 50%;
    padding-right: 30px;
    transform: translate(-100%,-50%);
}
#cnt-shop .cnt-box .r-box .image-box{
	padding:20px 0;
	width:50%;
	min-width:350px;
	order:0;
}
#cnt-shop .cnt-box .r-box .image-box .image{
	background:url(../img/index/shop_kounan.jpg) center no-repeat;
	background-size:cover;
	width:100%;
	height:250px;
}
#cnt-shop .cnt-box .r-box .text-box{
	order: 1;
    text-align: left;
    position: absolute;
    width: 50%;
    left: 0;
    top: 50%;
    padding-left: 30px;
    margin-left: auto;
    min-width: 350px;
    box-sizing: border-box;
    transform: translate(100%,-50%);
}
#cnt-shop .cnt-box h3{
	background:#333;
	padding:20px;
}
#cnt-shop .cnt-box li{
	font-weight:700;
	padding-left:20px;
	margin-top: 5px;
	position:relative;
}
#cnt-shop .cnt-box li.tel a{
	color:#fff;
}
#cnt-shop .cnt-box li:after{
	content:"";
	position:absolute;
	height:1px;
	width:5px;
	left:0;
	top:12px;
	background:#fff;
}
#cnt-shop .cnt-box li.link{
	padding-left:0px;
	margin-top:10px;
}
#cnt-shop .cnt-box li.link:after{
	width:0;
}

#cnt-listbox{
	width:100vw;
	color:#fff;
	background:#2a2828;
	padding:30px 0;
}
#cnt-listbox .bnr-box{
	display:flex;
}
#cnt-listbox .bnr-box .text-box{
	width:50%;
	height:435px;
	box-sizing:border-box;
	position: relative;
}
#cnt-listbox .bnr-box .text-box .text-in{
	width: 400px;
	padding-right: 40px;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
#cnt-listbox .bnr-box .text-box .text-in h2{
	font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 1.6em;
    letter-spacing: 0.5em;
    line-height: 1.2em;
}
#cnt-listbox .bnr-box .text-box .text-in p{
	margin-top:30px;
}
#cnt-listbox .bnr-box .image-box{
	width:50%;
	height:435px;
	box-sizing:border-box;
	padding:30px 30px 30px 0;
}
#cnt-listbox .bnr-box:nth-child(2) .image-box,
#cnt-listbox .bnr-box:nth-child(4) .image-box{
	order:0;
	padding:30px 0 30px 30px;
}
#cnt-listbox .bnr-box:nth-child(2) .text-box,
#cnt-listbox .bnr-box:nth-child(4) .text-box{
	order:1;
}
#cnt-listbox .bnr-box:nth-child(2) .text-box .text-in,
#cnt-listbox .bnr-box:nth-child(4) .text-box .text-in{
	right:auto;
	left:0;
	padding-right: 0;
	padding-left: 50px;
}
#cnt-listbox .bnr-box:nth-child(1) .image-box .image{
	background:url(../img/index/list_gift.jpg) center no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}
#cnt-listbox .bnr-box:nth-child(2) .image-box .image{
	background:url(../img/index/list_bridal.jpg) center no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}
#cnt-listbox .bnr-box:nth-child(3) .image-box .image{
	background:url(../img/index/list_gardening.jpg) center no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}
#cnt-listbox .bnr-box:nth-child(4) .image-box .image{
	background:url(../img/index/list_school.jpg) center no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}
#cnt-listbox .bnr-box:nth-child(5) .image-box .image{
	background:url(../img/index/list_online.jpg) center no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}


@media screen and (max-width: 1500px) , (max-device-width : 1500px) {
	#cnt-news .cnt-box{
		width:80%;
	}
	#cnt-news .news-box dl{
		width:100%;
	}
	#cnt-shop .cnt-box{
		display:block;
	}
	#cnt-shop .cnt-box .l-box{
		width: calc(100% - 4vw);
	}
	#cnt-shop .cnt-box .r-box{
		margin-left:2vw;
		width: calc(100% - 4vw);
	}
}
@media screen and (max-width: 1250px) , (max-device-width : 1250px) {
	#cnt-about{
		padding: 100px 50px;
	}
	#cnt-footer-box .cnt-box{
		width:80vw;
	}
	#cnt-about p.text, #cnt-news p.text, #cnt-shop p.text{
		margin-top:0;
	}
	#cnt-shop{
		padding-bottom:100px;
	}
	#cnt-shop h2{
		margin: 130px 0 50px;
	}
}
@media screen and (max-width: 990px) , (max-device-width : 990px) {
	#cnt-listbox .bnr-box .text-box .text-in{
		box-sizing: border-box;
    	padding-left: 10vw;
		width: 100%;
	}
	#cnt-listbox .bnr-box .image-box{
		padding: 30px 5vw 30px 0;
	}
	#cnt-listbox .bnr-box:nth-child(2) .text-box .text-in,
	#cnt-listbox .bnr-box:nth-child(4) .text-box .text-in{
		padding-right:10vw;
	}
	#cnt-listbox .bnr-box:nth-child(2) .image-box,
	#cnt-listbox .bnr-box:nth-child(4) .image-box{
		padding-left:5vw;
	}
	#cnt-blog h3 br.w1000{
		display:block;
	}
}
@media screen and (max-width: 900px) , (max-device-width : 900px) {
	#main-top{
		height: calc(100vh - 2vw) !important;
	}
	#cnt-about p.text br{
		display:none;
	}
}
@media screen and (max-width: 850px) , (max-device-width : 850px) {
	.nav-main ul{
		display:none;
	}
}
@media screen and (max-width: 700px) , (max-device-width : 700px) {
	#cnt-about p.text br{
		display:none;
	}
	#cnt-about h2 span, #cnt-style h2 span, #cnt-item h2 span, #cnt-news h2 span{
		letter-spacing:0.1em;
	}
	#cnt-news .cnt-box{
		padding:50px 0 0;
	}
	#cnt-about h2,
	#cnt-news h2,
	#cnt-shop h2,
	#cnt-listbox .bnr-box .text-box .text-in h2{
		font-size: 1.4em;
	}
	#cnt-news h2,
	#cnt-shop h2{
		padding-bottom:10px;
	}
	#cnt-news dl a{
		display:block;
	}
	#cnt-news dl dd{
		margin-left:0;
	}
	#cnt-news dl a svg.icn_link-arrow{
		display:none;
	}
	#cnt-shop .cnt-box li{
		padding-left:0;
	}
	#cnt-shop .cnt-box .l-box,
	#cnt-shop .cnt-box .r-box{
		display:block;
	}
	#cnt-shop .cnt-box .l-box .image-box,
	#cnt-shop .cnt-box .r-box .image-box{
		width:100%;
		margin-left:0;
		box-sizing: border-box;
		padding: 20px 20px 0;
	}
	#cnt-shop .cnt-box .l-box .text-box,
	#cnt-shop .cnt-box .r-box .text-box{
		width: 100%;
		position: inherit;
		text-align:center;
		padding: 20px 0 40px;
	}
	#cnt-shop .cnt-box .r-box .text-box{
		transform: translate(0%,0%);
	}
	#cnt-shop .cnt-box .l-box .text-box .text-in,
	#cnt-shop .cnt-box .r-box .text-box .text-in{
		position: inherit;
		top: 0;
		padding-right: 0;
		transform: translate(0%,0%);
	}
	#cnt-shop .cnt-box li:after{
		position:inherit;
	}
	#cnt-listbox{
		padding:50px 0;
	}
	#cnt-listbox .bnr-box{
		display:block;
	}
	#cnt-listbox .bnr-box .text-box{
		width:100%;
		height:auto;
	}
	#cnt-listbox .bnr-box .text-box .text-in{
		transform: translateY(0%);
    	position: initial;
		padding:50px 10vw 30px;
		text-align:center;
	}
	#cnt-listbox .bnr-box .image-box,
	#cnt-listbox .bnr-box:nth-child(2) .image-box,
	#cnt-listbox .bnr-box:nth-child(4) .image-box{
		width:100%;
		height:300px;
		padding: 0 5vw 50px;
	}
}
@media screen and (max-width: 600px) , (max-device-width : 600px) {
	#logo-main{
		font-size:1em;
	}
	#cnt-about h2,
	#cnt-news h2,
	#cnt-shop h2,
	#cnt-listbox .bnr-box .text-box .text-in h2{
		font-size: 1.3em;
	}
	#cnt-about{
		margin: 0;
		padding: 50px 10vw;
	}
	#cnt-about p.text{
		text-align:left;
		font-size:1em;
	}
	#cnt-about p.link{
		margin-top:30px;
	}
	#cnt-news .cnt-box{
	    width: 86%;
	}
	#cnt-news .news-box{
		margin: 20px auto 0;
	}
	#cnt-blog h3{
		font-size:1em;
	}
	#cnt-news .cnt-box .link-style a{
		width:90%;
		margin:0 auto;
	}
	#cnt-shop{
		padding-bottom:70px;
	}
	#cnt-shop h2{
		margin: 100px 0 30px;
	}
	#cnt-listbox{
		padding: 20px 0;
	}
	#cnt-listbox .bnr-box .image-box,
	#cnt-listbox .bnr-box:nth-child(2) .image-box,
	#cnt-listbox .bnr-box:nth-child(4) .image-box{
		padding: 0 5vw 20px;
	}
		
}