@charset "UTF-8";
/* CSS Document */

body{
	grid-template:
		"b-header"
		"b-title"
		"b-nav"
		"b-img"
		"b-summary"
		"b-about"
		"b-craftman"
		"b-enjoy"
		"b-project"
		"b-shopping"
		"b-contact"
		"toppage"
		"b-footer"
		;
}

b-title{
	grid-area: b-title;
}

b-img{
	grid-area: b-img;
}

b-summary{
	grid-area: b-summary;
}

b-about{
	grid-area: b-about;
}

b-craftman{
	grid-area: b-craftman;
}
b-enjpy{
	grid-area: b-enjoy;
}
b-project{
	grid-area: b-project;
}

b-contact{
	grid-area: b-contact;
}

b-shopping{
	grid-area: b-shopping;
}

.topPage {
	grid-area: toppage;
}
/*
#top-slideshow{
	width: 100%;
	padding: 10px;
}
*/

#top-craftmantoken,#top-enjoy,#top-project{
	width: 80%;
	padding: 10px;
}

#top-contact{
	width: 100%;
	margin: 40px auto;
}
#news{
	line-height: 1.7;
	text-align: left;
	margin: 0 auto;
}

#summary{
	width: 100%;
}

#tree{
	width: 60%;
}

#intro{
	width: 50%;
}

/*topスライダー
-----------------*/
/* 全体設定 */
.css-carousel-slider7 {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.css-carousel-slider7 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider7 .slide-wrap {
    width: 700%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider7 35s infinite;
    animation-delay: 2s;
}
.css-carousel-slider7 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main7 35s infinite;
    animation-delay: 2s;
}
.css-carousel-slider7 .slide {
    width: 100%;
}

.img-sp {
	width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider7 {
    0% { transform: translateX(0); }

    11.8% { transform: translateX(calc(1 / 7 * -100%)); }
    14.3% { transform: translateX(calc(1 / 7 * -100%)); }

    26.1% { transform: translateX(calc(2 / 7 * -100%)); }
    28.6% { transform: translateX(calc(2 / 7 * -100%)); }

    40.4% { transform: translateX(calc(3 / 7 * -100%)); }
    42.9% { transform: translateX(calc(3 / 7 * -100%)); }

    54.7% { transform: translateX(calc(4 / 7 * -100%)); }
    57.2% { transform: translateX(calc(4 / 7 * -100%)); }

    69% { transform: translateX(calc(5 / 7 * -100%)); }
    71.5% { transform: translateX(calc(5 / 7 * -100%)); }

    83.3% { transform: translateX(calc(6 / 7 * -100%)); }
    85.8% { transform: translateX(calc(6 / 7 * -100%)); }

    97.5% { transform: translateX(calc(7 / 7 * -100%)); }
    100% { transform: translateX(calc(7 / 7 * -100%)); }
}

@keyframes css-carousel-slider-main7 {
    0% { transform: translateX(100%); }
    85.8% { transform: translateX(100%); }
    97.5% { transform: translateX(0%);}
}

}

/*新着情報
-----------------------------------------*/

/*レスポンシブ
-----------------------------------------*/

@media screen and (max-width:600px){
	
#top-craftmantoken,#top-enjoy,#top-project{
	width: 90%;
}	

}

@media screen and (max-width:420px) {
	
	.css-carousel-slider7 {
		height: 500px;
	}
	
	.css-carousel-slider7 img {
		height: 500px;
		object-fit: cover;
	}
}