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

/* !clearfix */
hr { display: none; }

.cfix { zoom:1; }
.cfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
	font-style:italic; }

/* リストの高さ揃える */
.list-flex { display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

/* amazonバナー：ページ下部 */	
.amazon { background: #004da0; text-align: center; padding: 4.4vw 4.4vw; }
.amazon .amazon-inner { background: #fff; max-width: 800px; margin: 0 auto; padding: 40px 4.4vw; border-radius: 20px; position: relative; }
.amazon .btn { margin: 20px 0 0; }
.amazon .btn a { color: #fff; font-size: 20px; font-weight: 600; background: #E60012; display: block; max-width: 560px; margin: 0 auto; padding: 20px 0; border-radius: 10px; }
.amazon .item { position: absolute; top: -25px; right: 20px; }

/* amazonバナー：ページ上部 */	
.amazon02 {text-align: center; padding: 4.4vw 4.4vw;}
.amazon02 .amazon-inner { background: #eee; max-width: 800px; margin: 0 auto; padding: 40px 4.4vw; border-radius: 20px; }
.amazon02 .btn { margin: 20px 0 0; }
.amazon02 .btn a { color: #fff; font-size: 20px; font-weight: 600; background: #E60012; display: block; max-width: 560px; margin: 0 auto; padding: 20px 0; border-radius: 10px; }

/* ヘッダー */	
.global-header { position: fixed !important; width: 100%; left: 0; top: 0; background: #f9f7ef; padding: 15px 1vw; z-index: 99; }
.global-header .inner { max-width: 1160px; margin: 0 auto; display: flex; align-items: center; position: relative; }
.global-header figure a:nth-child(2) { border-left: 1px solid #999; padding: 0.8vw 1.5vw 0.8vw 1vw !important; margin: 0 0 0 1vw !important; }
.global-header figure img { vertical-align: middle; }
.global-header ul { display: flex !important; margin: 0 auto !important; padding: 0 !important; }
.global-header ul li a { font-size: 14px !important; padding: 0 1vw; display: block; border-left: 1px solid #999; }
.global-header .sns { padding: 0 !important; }
.global-header .sns a { padding: 0 0 0 5px; }
.global-header .spMenuBt { display: none; }

/* youtube */	
.youtube-shorts { width: 100%; position: relative; z-index: 10; }
.youtube-shorts iframe { width: 100%; aspect-ratio: 9 / 16; border: 0; }

/* トップ */
#intro { padding: 40px 4.4vw 0; text-align: center; }
#intro h2 {font-size: 28px; font-weight: 500; position: relative; margin: 0 0 20px; }
#intro p { font-size: 18px; }
#intro .pic { width: 70%; margin: 40px auto 0; }
.top-block { max-width: 940px; margin: 80px auto 0; }
.top-block .tit { font-size: 28px; font-weight: 500; text-align: center; position: relative; margin: 0 0 40px; }
.top-block .tit::after { content: ""; background: url("../img/info_title_bg.png"); background-size: contain; width: 120px; height: 6px; display: block; position: absolute; left: calc(50% - 60px); bottom: -10px; }
.top-block .lead { font-size: 16px; text-align: center; margin: 20px 0 0; }
#overview { background: #f6f6f6; padding: 4.4vw; border-radius: 30px; box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.2); }
#overview .block { margin: 0 0 60px; }
#overview .block:last-child { margin-bottom: 0; }
#overview .block-tit { font-size: 28px; font-weight: 500; text-align: center; position: relative; margin: 0 0 40px; }
#overview .block-tit::after { content: ""; background: #004da0; width: 120px; height: 6px; display: block; position: absolute; left: calc(50% - 60px); bottom: -10px; }
#overview ul { text-align: left; margin: 0 0 0 -3vw; }
#overview ul li { float: left; width: calc(50% - 3vw); margin: 0 0 0 3vw; }
#overview ul li p { font-size: 14px; margin: 10px 0 0; }
#overview ul li .notes { font-size: 12px; }
#feature ul { text-align: left; margin: 30px 0 0 -1.5vw; }
#feature ul li { float: left; width: calc(25% - 1.5vw); margin: 0 0 0 1.5vw; }
#feature ul li p { font-size: 14px; margin: 10px 0 0; }
#safe-to-use { background: #f6f6f6; padding: 4.4vw; border-radius: 30px; box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.2); }
#safe-to-use .pic { width: 30%; float: left; }
#safe-to-use p { font-size: 16px; width: 70%; float: left; padding: 0 0 0 50px; }
#mov { background: #f6f6f6; padding: 4.4vw; border-radius: 30px; box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.2); }
#mov .slider-box { padding: 0 3vw; }
#mov .slider { position: relative;  margin: 0 -1vw; }
#mov .slider .slide { margin: 0 1vw; }
#mov .slick-prev { position: absolute; top: 50% !important; left: -4.4vw !important; width: 4vw !important; height: 4vw !important; border-radius: 60px !important; z-index: 1; }
#mov .slick-next { position: absolute; top: 50% !important; right: -4.4vw !important; width: 4vw !important; height: 4vw !important; border-radius: 60px !important; z-index: 1; }
#mov .slick-prev:hover, .slick-next:hover { opacity: 0.5; }
.top-block.bnr ul { padding: 0 4.4vw; }
#bnr01 ul li { position: relative; }
#bnr01 ul li h3 { position: absolute; top: 5.6vw; left: 2.6vw; font-size: 3vw; font-weight: 800; line-height: 1.2em; letter-spacing: 0.14em; text-align: center; }
#bnr01 ul li:nth-child(1) h3 { color: #e59236; }
#bnr01 ul li:nth-child(2) h3 { color: #63a0e1; }
#bnr01 ul li p { position: absolute; top: 16.8vw; left: 5.8vw; color: #fff; font-size: 1.4vw; font-weight: 600; letter-spacing: -0.04em; }
#bnr02 ul li { position: relative; }
#bnr02 ul li h3 { position: absolute; top: 5vw; left: 2.2vw; font-size: 3vw; color: #ed865d; font-weight: 800; line-height: 1.4em; letter-spacing: 0.12em; }
#bnr02 ul li h3 span { color: #ed865d; font-size: 2.4vw; font-weight: 800; display: block; }
#bnr02 ul li p { position: absolute; top: 17.2vw; left: 14vw; color: #fff; font-size: 1.4vw; font-weight: 600; letter-spacing: -0.04em; }
#bnr02 ul li br { display: none; }
#bnr03 ul li { margin: 0 0 20px; }
#bnr03 ul li:last-child { margin-bottom: 0; }
#bnr01 ul { margin: 40px 0 0 -2vw; }
#bnr01 ul li { float: left; width: calc(50% - 2vw); margin: 0 0 0 2vw; }

/* パンくず */	
.breadcrumb { padding: 85px 4.4vw 20px; margin: 0 auto; overflow-x: auto;　-webkit-overflow-scrolling: touch; }
.breadcrumb ol { display: flex; font-size: 12px; flex-wrap: nowrap; white-space: nowrap; width: max-content; }
.breadcrumb ol li { display: flex;  align-items: center; flex-shrink: 0; }
.breadcrumb ol li:first-child::before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background: url("../img/home.png") no-repeat; 
	background-size: cover;
    content: ''; }
.breadcrumb ol li:not(:last-child)::after {
    display: inline-block;
    width: 3px;
    height: 6px;
    margin: 2px 5px 0;
    background-color: #000;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: ''; }

/* すごいぞ！デコラップ */
.slider-box { padding: 20px 6vw 80px; }
.slider { position: relative;  margin: 0 -1.4vw; }
.slider .slide { margin: 0 1.4vw; }
.slick-prev { position: absolute; top: 50% !important; left: -5vw !important; width: 4vw !important; height: 4vw !important; border-radius: 60px !important; z-index: 1; }
.slick-next { position: absolute; top: 50% !important; right: -5vw !important; width: 4vw !important; height: 4vw !important; border-radius: 60px !important; z-index: 1; }
.slick-prev:hover, .slick-next:hover { opacity: 0.5; }
/*
.slick-dotted.slick-slider { margin-bottom: 0; }
.slider .slick-dots {
	position: absolute;
	bottom: -2vw; 
	left: 0;
	width: 100%;
	display: flex !important;
	justify-content: center;
	gap: 1.4vw;
	margin: 0;
	padding: 0;
	z-index: 10; }
.slider .slick-dots li { width: auto; height: auto; margin: 0; }
.slider .slick-dots li button:before { display: none; }
.slider .slick-dots li button { width: 8px; height: 8px; padding: 0; background: #000; border-radius: 20px; cursor: pointer; transition: .3s; }
.slider .slick-dots li.slick-active button { background: #6695d0; }
*/

/* 過去のcssを上書き修正 */
.link { padding: 0 0 80px !important; }
.footer { position: relative; }
.pagetop { position: absolute; top: -40px; right: 6vw; }
.landscapePageTag { margin: 20px 0; }


@media screen and (min-width: 1300px) {
	/* ヘッダー */
	.global-header .inner { max-width: 1300px; }
	.global-header figure a:nth-child(2) { padding: 10px 15px 10px 10px !important; margin: 0 0 0 15px !important; }
	.global-header ul li a { padding: 0 10px; }
	/* パンくず */		
	.breadcrumb { padding: 85px 0 20px; max-width: 1300px; }
	}


@media screen and (min-width: 1000px) {
.top-block.bnr ul { padding: 0 60px; }	
#bnr01 ul { margin: 40px 0 0 -30px; }
#bnr01 ul li { float: left; width: calc(50% - 30px); margin: 0 0 0 30px; }	
#bnr01 ul li h3 { position: absolute; top: 50px; left: 23px; font-size: 32px; line-height: 1.2em; letter-spacing: 0.02em;  }
#bnr01 ul li p { position: absolute; top: 159px; left: 56px; font-size: 14px; letter-spacing: -0.06em; }
#bnr02 ul li h3 { position: absolute; top: 45px; left: 20px; font-size: 30px; letter-spacing: 0.1em; }
#bnr02 ul li h3 span { font-size: 24px; }
#bnr02 ul li p { position: absolute; top: 165px; left: 136px; font-size: 14px; letter-spacing: -0.06em; }	
}


@media screen and (max-width: 1160px) {
	/* ヘッダー */		
	.global-header .inner { max-width: 1120px !important; }
	.global-header figure a:nth-child(1) img { width: 8vw !important; }
	.global-header figure a:nth-child(2) img { width: 12vw !important; }
	.global-header ul li a { font-size: 1.3vw !important; padding: 0 0.6vw !important; }
	.global-header .sns img { width: 2.4vw !important; }
	/* パンくず */		
	.breadcrumb { padding-top: 75px; }
	/* amazonバナー：ページ下部 */		
	.amazon .item { position: absolute; top: -25px; right: 30px; }
	.amazon .item img { width: 230px; }
}


@media screen and (max-width: 960px) {
	/* ヘッダー */		
	.global-header .inner { max-width: 1120px !important; }
	.global-header figure a:nth-child(1) img { width: 8vw !important; }
	.global-header figure a:nth-child(2) img { width: 12vw !important; }
	.global-header ul li a { font-size: 1.3vw !important; padding: 0 0.6vw !important; }
	.global-header .sns img { width: 2.4vw !important; }
	/* パンくず */		
	.breadcrumb { padding-top: 70px; }
	/* amazonバナー：ページ下部 */	
	.amazon .item { position: absolute; top: -20px; right: 20px; }
	.amazon .item img { width: 220px; }
}


@media screen and (max-width: 767px) {
	/* amazonバナー：ページ下部 */	
	.amazon { padding: 12vw 4.4vw; }
	.amazon .amazon-inner { margin: 0 auto; padding: 30px 4.4vw; border-radius: 10px; }
	.amazon .btn { margin: 20px 0 0; }
	.amazon .btn a { font-size: 16px; padding: 16px 0; border-radius: 8px; }	
	.amazon .logo-amazon img { width: 40vw; }
	.amazon .item { position: absolute; top: -20px; right: 5px; }
	.amazon .item img { width: 33vw; }		
	
	/* amazonバナー：ページ下上部 */
	.amazon02 { padding: 8.8vw 4.4vw;}
	.amazon02 .amazon-inner { margin: 0 auto; padding: 30px 4.4vw; border-radius: 10px; }
	.amazon02 .btn { margin: 20px 0 0; }
	.amazon02 .btn a { font-size: 16px; padding: 16px 0; border-radius: 8px; }	
	.amazon02 .logo-amazon img { width: 200px; }	
	
	/* ヘッダー */		
	.global-header { padding: 5px 5px 5px 10px !important; }	
	.global-header figure a:nth-child(2) { padding: 5px 10px !important; margin: 0 0 0 10px !important; }	
	.global-header figure a:nth-child(1) img { width: 66px !important; }
	.global-header figure a:nth-child(2) img { width: 100px !important; }	
	.global-header ul { display: none !important; }
	.global-header .sns { padding: 5px 0 !important; text-align: right; margin-left: auto; margin-right: 5px !important }
	.global-header .sns img { width: 30px !important; }	
	.global-header .spMenuBt { display: block; }	

	/* パンくず */	
	.breadcrumb { padding: 65px 4.4vw 15px; }
	.breadcrumb ol { font-size: 10px; }
	.breadcrumb ol li:first-child::before { width: 10px; height: 10px; }
	
	/* トップ */
	#intro { padding: 20px 4.4vw 0; }
	#intro h2 {font-size: 20px; margin: 0 0 10px; }
	#intro p { font-size: 14px; }
	#intro .pic { width: 100%; margin: 20px auto 0; }
	.top-block { margin: 40px auto 0; }
	.top-block .tit { font-size: 20px; margin: 0 0 25px; }
	.top-block .tit::after { width: 80px; height: 4px; left: calc(50% - 40px); bottom: -6px; }
	.top-block .lead { font-size: 14px; text-align: center; margin: 20px 0 0; }
	#overview { border-radius: 15px; padding: 8vw 4.4vw; }
	#overview .block { margin: 0 0 40px; }
	#overview .block-tit { font-size: 20px; margin: 0 0 25px; }
	#overview .block-tit::after { width: 80px; height: 4px; left: calc(50% - 40px); bottom: -6px; }
	#overview ul { text-align: left; margin: 0 0 0 -4.4vw; }
	#overview ul li { width: calc(50% - 4.4vw); margin: 0 0 0 4.4vw; }
	#overview ul li p { font-size: 13px; margin: 5px 0 0; }
	#overview ul li .notes { font-size: 11px; }
	#feature ul { margin: 0 0 0 -4.4vw; }
	#feature ul li { width: calc(50% - 4.4vw); margin: 0 0 20px 4.4vw; }
	#feature ul li p { font-size: 13px; margin: 5px 0 0; }
	#feature ul li:nth-last-child(-n+2) { margin-bottom: 0; }
	#safe-to-use { border-radius: 15px; padding: 8vw 4.4vw; }
	#safe-to-use .block-tit { font-size: 18px; text-align: center; position: relative; margin: 0 0 30px; }
	#safe-to-use .block-tit::after { width: 80px; height: 4px; left: calc(50% - 40px); bottom: -6px; }
	#safe-to-use p { font-size: 13px; padding: 0 0 0 20px; }
	#mov { border-radius: 15px; padding: 8vw 4.4vw; }
	#mov .slider-box { padding: 0 8.8vw; }
	#mov .slick-prev { position: absolute; top: 50% !important; left: -9vw !important; width: 8vw !important; height: 8vw !important; border-radius: 60px !important; z-index: 1; }
	#mov .slick-next { position: absolute; top: 50% !important; right: -9vw !important; width: 8vw !important; height: 8vw !important; border-radius: 60px !important; z-index: 1; }		
	.top-block.bnr ul { padding: 0 8.8vw; }
	#bnr03 ul li { margin: 0 0 10px; }
	#bnr01 ul { margin: 20px 0 0; }
	#bnr01 ul li { float: left; width: 100%; margin: 0 0 10px; }
	#bnr01 ul li:last-child { margin-bottom: 0; }	
	#bnr01 ul li h3 { position: absolute; top: 10vw; left: 4vw; font-size: 5.8vw; line-height: 1.2em; letter-spacing: 0.12em; text-align: center; }
	#bnr01 ul li p { position: absolute; top: 30.6vw; left: 10vw; font-size: 2.8vw; letter-spacing: -0.04em; }
	#bnr02 ul li h3 { position: absolute; top: 5.5vw; left: 4vw; font-size: 5.8vw; line-height: 1.2em; letter-spacing: 0.12em; }
	#bnr02 ul li h3 span { font-size: 2.6vw; }
	#bnr02 ul li p { position: absolute; top: 32.6vw; left: 10vw; font-size: 2.8vw; letter-spacing: -0.04em; }
	#bnr02 ul li br { display: block; }

	/* すごいぞ！デコラップ */
	#craft { padding-top: 30px; margin-top: -30px; }
	#kitchen { padding-top: 30px; margin-top: -30px; }
	.slider-box { padding: 10px 8.8vw 40px; }
	.slick-prev { position: absolute; top: 50% !important; left: -9vw !important; width: 8vw !important; height: 8vw !important; border-radius: 60px !important; z-index: 1; }
	.slick-next { position: absolute; top: 50% !important; right: -9vw !important; width: 8vw !important; height: 8vw !important; border-radius: 60px !important; z-index: 1; }	
	
	/* 過去のcssを上書き修正 */
	.pagetop { position: absolute; top: -40px; right: 0; }	
	.link { padding: 0 0 20px !important; }	
	.decowrapEatInsta2 { margin-bottom: 0 !important; }
	.landscapePageTag { margin: 10px 0 0; }
}