/* 
@font-face{
  font-family: Noto Serif JP;
  src: url('../fonts/NotoSerifJP-Regular.otf');
} 
@font-face{
  font-family: Noto Serif JP Light;
  src: url('../fonts/NotoSerifJP-Light.otf');
}
@font-face{
  font-family: Noto Sans JP Light;
  src: url('../fonts/NotoSansJP-Light.otf');
}

@font-face{
  font-family: Noto Sans JP Medium;
  src: url('../fonts/NotoSansJP-Medium.otf');
}

@font-face{
  font-family: Noto Serif JP Bold;
  src: url('../fonts/NotoSerifJP-Bold.otf');
}
*/

@font-face{
  font-family: Noto Serif JP;
  src: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/fonts/NotoSerifJP-Regular.ttf') format('truetype');
}

@font-face{
  font-family: Noto Serif JP Light;
  src: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/fonts/NotoSerifJP-Light.ttf') format('truetype');
}

@font-face{
  font-family: Noto Sans JP Light;
  src: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/fonts/NotoSansJP-Light.ttf') format('truetype');
}

@font-face{
  font-family: Noto Sans JP Medium;
  src: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/fonts/NotoSansJP-Medium.ttf') format('truetype');
}

@font-face{
  font-family: Noto Serif JP Bold;
  src: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/fonts/NotoSerifJP-Bold.ttf') format('truetype');
}

@font-face{
  font-family: Roboto Light;
  src: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/fonts/Roboto-Light.ttf');
}

@font-face{
  font-family: Roboto Regular;
  src: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/fonts/Roboto-Regular.ttf');
}

@font-face{
  font-family: Roboto Medium;
  src: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/fonts/Roboto-Medium.ttf');
}

@font-face{
  font-family: Baskervville Regular;
  src: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/fonts/Baskervville-Regular.ttf');
}

@font-face{
  font-family: Baskervville Italic;
  src: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/fonts/Baskervville-Italic.ttf');
}

@font-face{
  font-family: Cinzel Regular;
  src: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/fonts/Cinzel-Regular.ttf');
}




body, html{min-height:100%;  overscroll-behavior: none; scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}

body{font-family: Noto Serif JP Light; letter-spacing: 3px; color:#fff; background-color:#1a1716; font-size: 15px;  margin:0px; padding:0px; line-height: 32px;}

ul{margin:0px; padding:0px;}
ul li{list-style-type:none;}

a{color:#fff}
a, a:hover{text-decoration:none;}

p{margin-bottom:20px; }

p, ul li{}

p:last-child{margin-bottom:0px}

*{position: relative; box-sizing: border-box; margin:0px; padding:0px; transition: ease all .5s}

img{width:100%;}

section{padding:100px 0px;}

.big-container,
.header-video-container{padding:0px 40px;}

.container{width:100%; padding:0px 120px}




.short-container{max-width:1020px; margin:0px auto}

h1,h2,h3,h4,h5,h6{font-family: Noto Serif JP; font-weight:normal;}

h1{font-size:48px; }
h2{font-size:65px; font-family: Cinzel Regular; letter-spacing:8px; line-height: normal;}
h3{font-size:55px; font-family: Cinzel Regular; } 
h3.h3small{font-size:30px; font-family: Cinzel Regular; } 

h4{font-size:22px;}
h5{font-size:18px;}
h6{font-size:16px;}

b{font-family: Noto Sans JP Medium;}

.centerblock{display:table; margin:0px auto}
.rightblock{display:table; margin:0px 0px 0px auto}
.text-center{text-align:center;}



.btn{display:block; text-align:center; margin-top:50px; font-size:14px; border:1px #fff solid; background-color:RGBA(255,255,255,0.1 ); color:#fff; border-radius:10px; padding:8px; width: 100%; max-width: 300px; border-radius: 54px;}
.btn:hover{background: rgba(255,255,255,0.8 ); color: rgba(26,23,22); }

.btn.arrow{font-size:14px; background-image:url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/icon9.png'); background-repeat:no-repeat; background-size:12px 4px; background-position: right 25px center}
.btn.arrow:hover{background-image:url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/icon9-h.png');}

.main-banner{overflow:hidden; height:100vh;}
.main-banner-video,
.main-banner-image{width:100%;}

.main-banner-image img,
video{display:table; width:100%; height:100%; object-fit: cover;}

.main-banner-content{padding:0px 10px; text-align:center; position: absolute; width: 100%; top:0px; left: 0px; height: 100%; }
.main-banner-content h6{z-index: 1;line-height: 2rem; font-family: Noto Serif JP Bold !important;}
.main-banner-content h1{z-index: 1; line-height: normal; display:none; margin:0px 0px 30px; font-family: Baskervville Italic; font-weight:normal; font-size:77px;}
.main-banner-content p{z-index: 1; letter-spacing:2px; font-size:13px; font-family: 'Roboto', sans-serif; mix-blend-mode:exclusion;}

.main-banner-content .countdowntitle{font-family: Noto Sans JP Medium; z-index: 1; margin-top:30px; font-size:13px; font-weight:500; text-align:center; mix-blend-mode:exclusion; color: #fff; letter-spacing: 10px; margin-bottom: 10px}
.main-banner-content .countdown{z-index: 1; margin-bottom: 30px;}
.main-banner-content .countdown ul{justify-content: center; letter-spacing: normal; display: flex;  font-family: Roboto Light; font-size:12px; }
.main-banner-content .countdown ul li{display: flex; flex-wrap: wrap;backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);  justify-content: center; align-items: center; text-align:center; border-radius: 8px;  background-color: rgba(0,0,0,.5); width:120px; height: 150px; margin:0px 5px; }
.main-banner-content .countdown ul li span{display:block; font-family: Cinzel Regular; margin-top:10px; font-size:84px; line-height:80px}
.main-banner-content .countdown ul li sp{letter-spacing: 2px; display:block; color:#b5a6a2; text-transform: uppercase; margin-top:-7px}

.main-banner-content .countdowntext1,
.main-banner-content .countdowntext2{z-index: 1; font-size:16px}
.main-banner-content .countdowntext3{z-index: 1; display: none}

.main-banner-content .countdowntext1{font-family: Noto Sans JP Medium}
.main-banner-content .countdowntext2{font-family: Roboto Regular; mix-blend-mode:exclusion;}

.btn-flow-line{ z-index:2; width:288px; position: fixed; bottom:20px; right:30px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 50px;
    border: 1px #fff solid;
    overflow: hidden;  opacity:0; animation: btnflowanimation 1s forwards; animation-delay:1s;}
.btn-flow-line a{display:block; overflow: hidden; font-size:13px; line-height:normal; padding:15px 20px; color:#fff; background-color:rgba(25,23,22,.5); background-size:100% 100%;}

.btn-flow-line a:hover{background-color:rgba(255,255,255,.2)}
.btn-flow-line span{display:block;}
.btn-flow-line .span1{width:34px; margin-right:10px;}
.btn-flow-line .span2{width:141px; margin-right:10px;}
.btn-flow-line .span3{width:50px}


@keyframes btnflowanimation{
  0%{
    opacity:0;
	bottom:0px
  }  
  
  100%{
   opacity:1;
   bottom:20px
  }
}


.main-banner .line-scroll{overflow: hidden; width:1px; height:80px; position: absolute; bottom:0px; left:50px; background-color:#373535}
.main-banner .line-scroll:before{width:1px; height:20px; position: absolute; top:0px; left:0px; content:''; background-color:#fff; animation: pathmove 1.6s ease-in-out infinite;
  opacity:0;}

@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:30px;
    opacity: 1;
  }
  100%{
    height:0;
    top:80px;
    opacity: 0;
  }
}


.intro{padding:200px 0px;}
.intro-content{max-width:600px; margin:0px auto; line-height:50px}
.intro-content p{margin-bottom:70px}
.intro-content p:last-child{margin-bottom:0px}

.marquee-wrapper{max-width: 100%; overflow: hidden; font-family: Roboto Light; font-size:19px; height:50px; padding: 13px 0px;  border-top:1px #fff solid; border-bottom:1px #fff solid; letter-spacing:5px; text-transform: uppercase;}
.marquee-wrapper .marquee {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  animation: marquee 40s linear infinite;
  line-height: normal;
}

.marquee-wrapper .marquee p {
  display: inline-block;
  margin-bottom:0px;
  text-align:center;
}

@keyframes marquee {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.footer{margin:180px 0px 0px; padding-bottom:30px;}
.footer .footer-logo{display: table; margin:0px auto}
.footer .footer-logo img{max-width:102px;}
.footer .social-media{margin:50px 0px;}
.footer .social-media ul{display:flex; justify-content: center}
.footer .social-media ul li{margin:0px 20px;}
.footer .social-media ul li a{display:block;}
.footer .social-media ul li a img{width:25px; display: table}
.footer .copyright{font-family: Baskervville Regular; font-size:10px}

/* Landing Page start*/
header{transition: ease all 1s; z-index:1}
header.fixed{position:fixed; top:0px; width: 100%;} 





header .logo{max-width:364px}
header .header-menu{font-family: Roboto Light; text-transform:uppercase; width:calc(100% - 364px); padding-right:120px}

header .header-menu .header-menu-items span{}
header .header-menu .header-menu-items span:last-child{}
header .header-menu .header-menu-items a{color: rgba(255,255,255,.5);}
header .header-menu .header-menu-items a:hover{color: rgba(255,255,255,.3);}
header .header-button a{font-family: Noto Serif JP; font-size:12px; padding: 2px 5px; letter-spacing:normal; font-size:13px; text-align:center; background-color: rgba(255,255,255,.1 ); color: rgba(255,255,255,0.5 ); border:1px RGBA(255,255,255,0.5 ) solid; display: block; border-radius: 20px;}



.header-button a:hover,
header.fixed .header-button a{background-color: rgba(255,255,255,.7 ); color:rgba(0,0,0,0.8)}

header.fixed .header-button a:hover{background-color: rgba(255,255,255,.3); color: rgba(255,255,255,0.7)}

.header-video{margin-top:30px;}

.header-video-content{font-family: Noto Serif JP; z-index:1;}

.header-video-content .header-video-content-inner{animation: headeranimation 2s 2s forwards; opacity: 0; }

@keyframes headeranimation
{
	0%{
		transform:translate3d(0,35%,0);
		opacity: 0;
	}
	100%{
		transform:none;
		opacity: 1;
	}
}


.header-video-content h5{margin-bottom:24px; line-height:30px;}
.header-video-content .text1{background-color:#A9804D; border-radius:5px; margin-bottom:30px; display: table;
    padding: 0px 10px;}

.header-video-content .text2{font-size:45px; line-height:63px; /*margin-left: -25px;*/}
.header-video-content .text3{font-size:42px; line-height:60px; margin-bottom:55px}
.header-video-content p{}


.video-purchase-container{position:absolute; top:0px; left:0px; width:100%; height:100vh;}

.video-purchase{opacity:0; padding: 0px; bottom: 7px; animation: videopurchaseanimation 1s forwards; animation-delay:2.3s; cursor: pointer; backdrop-filter: blur(10px); background-color: rgba(25,23,22); border-radius:5px 0px 0px 5px; position: fixed; right: 0px; z-index: 2; max-width:380px; width:100%;}

@keyframes videopurchaseanimation{
  0%{
    opacity:0;
	transform:translate3d(0,20%,0);
  }  
  
  100%{
   opacity:1;
   transform:none;
  }
}


.video-purchase .video-purchase-content{display:flex; align-items: center; justify-content: center; border-radius: 5px 0px 0px 5px;}
.video-purchase .video-purchase-content .col{width:37.5%; text-align:center}
.video-purchase .video-purchase-content .col:last-child{width:25%;}
.video-purchase .video-purchase-content .text{font-size:11px; font-family: Noto Sans JP Light; line-height: normal;}
.video-purchase .video-purchase-content a{display: block; padding:0px; line-height: 0; }
.video-purchase .video-purchase-content .col .text{ text-align: left; }
.video-purchase .video-purchase-content a.witharrrow{font-size:13px; margin-bottom:20px; line-height: 20px;}
.video-purchase .video-purchase-content a.witharrrow:after{width:18px; height:6px; position:absolute; bottom:-15px; left: calc(50% - 9px); content:''; background-image:url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/icon8.png'); background-size:100% 100%;}
.video-purchase .video-purchase-content .recipe-video-content-block-img{max-width:100%; padding-right: 10px; /*margin: 0 auto -4px;*/}
.video-purchase .video-purchase-content .recipe-video-content-block-img .img1{max-width: 121px; display: block;}
.video-purchase .video-purchase-content .recipe-video-content-block-img .img2{max-width:39px; position: absolute; top: 10px; right: 0px}
.video-purchase .video-purchase-content .recipe-video-content-block-img .img1 img{ border-radius: 0 0 0 5px; }

.video-purchase:hover{background-color: rgba(25,23,22,.5)}

.short-content{max-width:920px; margin:0px auto}

.concept{}
.concept .concept-content{display:flex; flex-wrap: wrap;}
.concept .concept-content .col1,
.concept .concept-content .col2,
.concept .concept-content .col3{width:100%;}
.concept .concept-content .col2 p {
  text-align: justify;
  text-justify: inter-ideograph;
}

.concept h4{margin-bottom:35px; line-height: 40px;}

.concept .col3img img,
.concept .c2img img,
.concept .col3img2 img{border-radius:5px}

.message{}
.message h2{margin-bottom:40px}
.message .message-content{display:flex;}
.message .message-content .col1,
.message .message-content .col2{width:100%}

.message .message-content .col2 img{max-width:252px; border-radius: 7px;}
.message .sugino_sign{position: relative; max-width:200px; margin: 0px 0px 0px auto;}

.message-imp{}
.message-imp .maintext{text-align:center; margin:63px auto; font-size:18px;}
.message-imp  .row{font-family: Noto Sans JP Light;}
.message-imp  .row .col1,
.message-imp  .row .col2,
.message-imp  .row .col3,
.message-imp  .row .col4{border:1px #5f5d5c solid; border-radius: 90px;}

.message-imp  .row .col1,
.message-imp  .row .col3{}

.message-imp  .row .col1:after,
.message-imp  .row .col2:after,
.message-imp  .row .col3:after,
.message-imp  .row .col4:after{width:12px; height:12px; background-image:url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/icon6.png'); background-size:100%; position:absolute;  content:'';}

.message-imp  .row .col1:after{bottom:-12px; right:70px}
.message-imp  .row .col2:after{bottom:-12px; left:70px}
.message-imp  .row .col3:after{top:-12px; right:70px}
.message-imp  .row .col4:after{top:-12px; left:70px}

.message-imp  .row .col2:after,
.message-imp  .row .col3:after{transform: rotate(90deg)}

.content{padding-bottom: 0px;}
.content .container{margin:0px auto -45px; z-index:1 }
.content .video-block{margin-bottom:20px; height:100vh;}
.content .video-block:last-child{margin-bottom:0px}
.content .video-block-content{height:100%; width: 100%; position:absolute; display: flex; align-items:center; z-index:1}
.content .video-block-content span{text-transform: uppercase; color:#fff; font-size:13px; font-family: Roboto Light;}



.caramel-abricot{overflow:hidden; padding:180px 0px 200px; background-color:#1a1716; z-index: 1;}
.caramel-abricot.first{padding:250px 0px 200px;}
.caramel-abricot.bg-light-gray{background-color:#242220; }
.caramel-abricot.figue{padding:180px 0px 200px}

.caramel-abricot *{transition: unset}
.caramel-abricot .caramel-abricot-content{text-align:center;}
.caramel-abricot .caramel-abricot-content h5{margin-bottom: 10px; }
.caramel-abricot .caramel-abricot-content p{color:rgba(255,255,255,.5); font-size: 14px; font-family: Noto Sans JP Light;}
.caramel-abricot h3{margin-bottom:10px; line-height:normal; text-transform: uppercase;}
.caramel-abricot-logo{text-align:center; width:218px; z-index: 1;}
.caramel-abricot-logo .caramel-abricot-logo-circle img{display: table}
.caramel-abricot-logo .caramel-abricot-logo-text{z-index:1; font-size:18px; width:100%; position:absolute; top:0px; left:0px; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}
.caramel-abricot-logo .caramel-abricot-logo-text span{font-family: Noto Sans JP Light; font-size:14px; display:block}

.caramel-abricot-slider-outer{margin-bottom: 30px; padding-bottom: 20px;}
.caramel-abricot-slider{transform: rotate(-15deg)}
.caramel-abricot-slider .slide-item img{max-width:515px}

.caramel-abricot-slider .slick-list{overflow: unset}

.caramel-abricot.first .caramel-abricot-gallery-container{top:180px; margin-bottom: 180px;}

.caramel-abricot-gallery{margin-bottom: 100px;}

.caramel-abricot-gallery-container .btn{margin-top:100px;}

.caramel-abricot-gallery h5{font-size:24px}

.caramel-abricot-gallery-pics{display:flex; align-items: center;}
.caramel-abricot-gallery-pics .slide-item{display:flex; align-items: center; justify-content: center;}


.caramel-abricot-gallery .caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic{display: flex; align-items: center; background-color:rgba(255,255,255,.05); padding:40px 40px 40px 0px; border-radius: 0px 80px 80px 0px;}
.caramel-abricot-gallery .caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic:before{background-color:rgba(255,255,255,.05); width:100%; height:100%; top:0px; left: -100%; position: absolute; content:'';}
.caramel-abricot-gallery .caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-thumbnails span{cursor: pointer; display:flex;  align-items:center; justify-content: center;  border:1px solid rgba(255,255,255,.1);  border-radius:50%;}
.caramel-abricot-gallery .caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-thumbnails span.slick-current{background-color: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.3);}
.caramel-abricot-gallery-header h4{font-family: Cinzel Regular; font-size:20px; text-transform: uppercase}
.caramel-abricot-gallery h3{margin-bottom:40px; line-height: 60px;}
.caramel-abricot-gallery .caramel-abricot-gallery-content h5{margin-bottom:15px; line-height: 32px;}
.caramel-abricot-gallery p{font-size:14px; color:rgba(255,255,255,.5); line-height: 24px;}

.caramel-abricot-gallery .slick-slider{margin:unset}

.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-thumbnails .slick-list{display:flex; align-items:center}

.caramel-abricot-gallery.even .caramel-abricot-gallery-pics{flex-direction: row-reverse;}
.caramel-abricot-gallery.even .caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic{margin-right: unset; margin-left:20px; padding:40px 0px 40px 40px; border-radius: 80px 0px 0px 80px;}
.caramel-abricot-gallery.even .caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic:before{left:unset; right:-100%}


.caramel-abricot-gallery-container .btn{max-width:400px; padding:18px 8px;}

.caramel-abricot-gallery-header{max-width: 375px;}
/* .caramel-abricot-gallery-header .caramel-abricot-gallery-header-text span{margin-bottom: 10px; display: table; line-height: normal; padding: 2.5px 8.5px; letter-spacing:2px; background-color:#A9804D; border-radius: 15px; color:#191716; font-size:13px; font-family: Roboto Medium;} */
.caramel-abricot-gallery-header .caramel-abricot-gallery-header-img{max-width:150px; position:absolute; right:0px; top:0px;}

.store{padding:0px; height:500px; z-index: 0;}

.store .store-content{line-height:45px; width:100%; position: absolute; bottom: -50px;}
.store .store-content h5{margin:0px 0px 0px auto; display: table; line-height:45px}

.store .store-bg-wrap{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; clip: rect(0, auto, auto, 0);}
.store .store-bg{width: 100%;
    height: 100%;
    background-image: url(https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/img10.png);
    background-position: center 0px;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.67;
    position: absolute;
    top: 0px;
    z-index: 0;
    left: 0px;}
.store .store-bg img{height:100%; object-fit: cover;}


.story{overflow: hidden; z-index: 1;}



.progressBarContainer {
  position: absolute;
  bottom: 0px;
  width:100%;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  box-sizing:border-box;
}

.progressBarContainer div {
  display: block;
  width:10%;
  min-width:30px;
  max-width: 60px;
  padding:0;  
  margin-right: 10px;
  color: white;
  font-size:13px; 
  font-family: Roboto Light;
  cursor: pointer;
}

.progressBarContainer div:last-child {
  margin-right: 0;
}

.progressBarContainer div span.progressBar {
  width: 100%;
  height: 1px;  
  background-color: rgba(255,255,255,.1);
  display: block;
  
}

.progressBarContainer div span.progressBar .inProgress {
  background-color: #fff;
  width: 0%;
  min-width:0%;
  max-width:100%;
  height: 1px;
  
}

.editor-message{padding-bottom:200px}
.editor-message-content{padding:65px; background: rgba(255,255,255,0.05 ); border: 1px rgba(255,255,255,0.3) solid; border-radius:250px;}
.editor-message-content .col1,
.editor-message-content .col2{width:100%; }
.editor-message-content .col1{opacity: .6}
.editor-message-content .col2 p{ font-family: Noto Sans JP Light;}
.editor-message-content h4{margin-bottom:5px}
.editor-message-content h5{margin-bottom:30px}

.receipe-videos{padding:180px 0px; background-color:rgba(255,255,255,.05)}
.receipe-videos h2{}
.receipe-videos .recipe-main-video{max-width:800px; margin:100px auto 150px; cursor:pointer;}
.receipe-videos .recipe-main-video iframe{width:100%;}

.receipe-videos .recipe-main-video .startbtn{background-color:rgba(0,0,0,.2); background-image:url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/img16-button.png'); background-size: 85px 74px; background-position:center center; background-repeat: no-repeat; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 5px; position:absolute; left:calc(50% - 95px); top:calc(50% - 95px); z-index:1; width:190px; height:190px; /*background-color:rgba(255,255,255,.1);*/  border:1px rgba(255,255,255,1) solid; border-radius:50%;}
.receipe-videos .recipe-main-video:hover .startbtn{ animation: startbtn .3s forwards; animation-delay:.7s }
.receipe-videos .recipe-main-video:hover .startbtn img{animation: startbtnimg 1s forwards; }

@keyframes startbtn{
 0%{
    background-color:rgba(0,0,0,.2);
  }
  100%{
    background-color:rgba(0,0,0,.6);
  }  
}

@keyframes startbtnimg{
 0% {
    transform: rotate(0deg);
  }
 
  100% {
    transform: rotate(60deg);
  }
}


.receipe-videos .recipe-main-video.wasHovered .startbtn{background-color:rgba(0,0,0,.6); animation: startbtnafter .3s forwards; animation-delay:.7s }
.receipe-videos .recipe-main-video.wasHovered .startbtn img{animation: startbtnimgafter 1s forwards; }

@keyframes startbtnafter{
	0%{
    background-color:rgba(0,0,0,.6);
  } 
 100%{
    background-color:rgba(0,0,0,.2);
  }
   
}

@keyframes startbtnimgafter{
	0% {
    transform: rotate(60deg);
  }
  
 100% {
    transform: rotate(0deg);
  }
 
  
}

newbadge{position: absolute;  z-index:1; display: flex; align-items:center; justify-content:center; font-family: Cinzel Regular;  border-radius:50%;  text-transform: uppercase; background-color:#AA804D;}
newbadge.bbig{width:85px; height:85px; font-size:24px; top:-20px; left:-20px;}
newbadge.bsmall{width:30px; height:30px; font-size:9px; top:-5px; left:-5px; letter-spacing: 1px;}

.receipe-videos .recipe-video-content-header{margin-bottom:120px; padding:30px 0px; border-bottom:1px rgba(255,255,255,.1) solid}
.receipe-videos .recipe-video-content-header{margin-top:100px}


.receipe-videos .recipe-video-content-block{font-size:14px; margin-bottom:100px}
.receipe-videos .recipe-video-content-block:last-child{margin-bottom:0px}
.receipe-videos .recipe-video-content-block .col1,
.receipe-videos .recipe-video-content-block .col2{width:100%}

.receipe-videos .recipe-video-content-block .col2 p{font-family: Noto Sans JP Light;}

.receipe-videos .recipe-video-content-block-img{display: table; margin:0px auto}
.receipe-videos .recipe-video-content-block-img.wthov{padding-right:50px;}

.receipe-videos .recipe-video-content-block-img span{display: block}
.receipe-videos .recipe-video-content-block-img span.img1{max-width:374px}
.receipe-videos .recipe-video-content-block-img span.img2{max-width:180px; position:absolute; top:50px; right:0px; z-index:1;}


.receipe-videos .recipe-video-content-block .recipe-video-content-block-header{border-bottom:1px rgba(255,255,255,.1) solid; margin-bottom:30px; padding-bottom:20px}
.receipe-videos .recipe-video-content-block h5{font-size: 18px;}
.receipe-videos .recipe-video-content-block .col2 span{}

.coming-soon{padding:119.5px 0px; text-align:center; background-image:url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/img13.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.coming-soon.lp1{background-image:url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/img20.jpg')}
.coming-soon .text1{font-size:32px; font-family: Baskervville Italic; margin-bottom:15px;}

.coming-soon:before{width:100%; height:100%; z-index:0; position: absolute; top:0px; left:0px; content:''; background-color: rgba(26,23,22,.6);}

.coming-soon .container{}

.footer.landing-page{margin:0px; padding: 80px 0px 30px;}
.footer.landing-page .footer-logo{margin:0px 0px 30px;}

.footer.landing-page .footer-block{font-size:10px; margin-top:20px;}
.footer.landing-page .footer-block .col1,
.footer.landing-page .footer-block .col2{width:100%;}

.footer.landing-page .footer-block .col1{ font-family: Noto Sans JP Light; opacity: .6}

/*.footer.landing-page .footer-block .col2 .copyright{text-align:right}*/

.footer.landing-page .footer-text{font-size:14px; line-height: 24px;}

.timeline{margin-top: 50px;}

.timeline .timeline-images,
.timeline .timeline-titles,
.timeline .timeline-text{overflow:hidden; }

.timeline .slick-slider{margin-left:0px; margin-right:0px; }
.timeline .slick-list{overflow: unset; margin-top: 0px;}



.timeline .timeline-images .slick-arrow{width:50%; height:100%;  top: 0px; background-size: 7px 20px; background-repeat: no-repeat;}


.timeline .slick-disabled{opacity:.15}
.timeline .timeline-images .slick-prev{left: 0px; background-position: left center; background-image: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/icon7.png');  transform: rotate(0deg);}
.timeline .timeline-images .slick-next{right: 0px; background-position: right center; background-image: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/icon7-r.png');}




.timeline .timeline-titles{margin: 15px 0px 0px;}

.timeline .timeline-titles .slick-track{display:flex; flex-wrap: wrap; align-items:flex-end}

.timeline .timeline-titles .slick-slide,
.timeline .timeline-text .slick-slide{padding:0px 50px 0px 0px}

.timeline .timeline-text{margin-top: 30px; font-family: Noto Sans JP Light; font-size:14px; color: rgba(255,255,255,.5); line-height:24px;}

.timeline .timeline-header{margin-bottom:25px}

.timeline .timeline-images .slick-list{overflow: hidden; max-width:500px; margin:0px auto 30px;}

.timeline .timeline-images .slick-slide:not(.slick-current){opacity:.5 !important; z-index:997 !important}

.timeline .timeline-images .slick-current+.slick-slide{z-index:998 !important}

.timeline .timeline-images .slide-item:nth-child(odd).slick-current{transform: rotate(-5deg);}
.timeline .timeline-images .slide-item:nth-child(even).slick-current{transform: rotate(5deg);}

.timeline .timeline-images .slide-item:last-child.slick-current{transform: rotate(0deg);}

.timeline .loading-bar {
 /* background: rgba(255,255,255,0.1);
  height: 1px;*/
  margin: 10px 0px 0px;
  overflow:hidden;
}

.timeline .loading-bar-outer{}
.timeline .loading-bar-outer:after{z-index: -1; width:300%; height:1px; background-color:rgba(255,255,255,0.1); position:absolute; content:''; left:0%; top:22px;}

.timeline .loading-bar-outer .slick-list{margin-top:22px}

.timeline .loading-bar-bullet:before {
  content: "";
  display: block;
  background: #fff;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  z-index: 999;
  margin-top: -4px;
  cursor: pointer;
}

.timeline .slick-current.loading-bar-bullet:after {
  height: 44px;
  width: 44px;
  margin-top: -26px;
  margin-left: -18px; 
  background-color: rgba(255,255,255,0.1);
  border-radius: 50%;  
  cursor: pointer;
  content: "";
  display: block;  
}

.timeline .loading-bar-bullet:last-child:before,
.timeline .slick-current.loading-bar-bullet:last-child:after{display:none;}



.review-section{font-size:14px;}
.review-section .container{padding:0px 20px}
.review-section .outer-container{background-color:#191716; border-radius:30px; max-width: 1000px; margin:0px auto; padding:60px 0px;}
.review-section .inner-container{padding:0px 40px}

.review-section .review-section-content-block{padding: 20px 0px; font-family: "Noto Sans JP", sans-serif; font-weight: 300;}
.review-section .review-section-content-block:first-child{}
.review-section .review-section-content-block .review-section-content-block-head .col2{opacity:.5; font-size:13px}

.review-section .review-section-content-block .review-section-content-block-head{margin-bottom:5px}
.review-section .review-section-content{margin-top:60px;}

.review-section .review-section-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: rgba(255,255,255,.1);
	
}

.review-section .review-section-content::-webkit-scrollbar
{
	width: 10px;
	border-radius: 15px;
	background-color: rgba(255,255,255,.1);
	
}

.review-section .review-section-content::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(255,255,255,.2);
	
}


.c-rate{display: flex; align-items: center; color: #A9804D; font-size: 13px; font-family: Noto Serif JP; line-height: normal;}
.c-rate_star{display: block; position: relative; height: 16px; width: 90px; margin-right: 5px;}

.c-rate_star.rate50:before{background-position-y: -2px;}
.c-rate_star.rate45:before{background-position-y: -29px;}
.c-rate_star.rate40:before{background-position-y: -56px;}
.c-rate_star.rate35:before{background-position-y: -82px;}
.c-rate_star.rate30:before{background-position-y: -110px;}
.c-rate_star.rate25:before{background-position-y: -136px;}
.c-rate_star.rate20:before{background-position-y: -163px;}
.c-rate_star.rate15:before{background-position-y: -190px;}
.c-rate_star.rate10:before{background-position-y: -217px;}
.c-rate_star.rate05:before{background-position-y: -243px;}
.c-rate_star.rate00:before{background-position-y: -271px;}
.c-rate_star:before{display: block;content: ""; background: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/stars.svg') no-repeat; height: 16px; background-size: 90px auto;}
.c-rate_num{color: #FE7612; font-size: 24px; margin-left: 6px;}

/************************New Classes****************************/

.logo a{
	font-size: 12px;
	line-height: 36px;
	color: rgba(255,255,255,.5);
}
.logo a span {
	font-family: Cinzel Regular;
    font-size: 20px;
    display: block;
    text-transform: uppercase;
}
.logo a span span {
    display: inline-block;
    font-size: 18px;
}
.btn-with-no-arrow.btn.arrow {
    background-image: none;
    max-width: 400px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
}

.custom-modal-content {
    background: #1B1816;
    padding: 120px 80px;
    max-width: 1280px;
    width: 90%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
	max-height: 100vh;      /* important */
	overflow-y: auto;      /* enables scrolling */
}

.close-modal-btn {
    position: absolute;
	color: #ffffff;
    top: 25px;
    right: 82px;
    font-size: 28px;
    cursor: pointer;
	z-index: 9;
}
.custom-modal .message-imp {
    padding: 100px 0 0;
}

.modal-text-box{
	border: 1px #ffffff solid;
	background-color: #282421;
	padding: 60px 100px;
	border-radius: 250px;
	display: grid;
    grid-template-columns: 180px auto;
    gap: 70px;
}
.modal-text-box .left-mt-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
	font-size: 22px;
	line-height: 32px;
}
.modal-text-box .right-mt-box{
	font-size: 15px;
	font-weight: 300;
	line-height: 32px;
}
.modal-text-box .right-mt-box h4{
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 20px;
}
/* .message {
    max-width: 1280px;
    margin: 0 auto;
} */
.modal-text-box .right-mt-box p{
  text-align: justify;
  text-justify: inter-ideograph;
}
.btn-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 38%;
    margin-left: 21%;
    margin-top: 100px;
	gap: 20px;
}
.message-content-img-right{
	margin-top: 133px;
}
.message-content-img-right .btn-section {
    margin-left: 0;
}
.message .message-content-img-right .message-content .col2 {
	margin-left: 45px;
	margin-right: 0;
}
a.btn.arrow.centerblock.no-right-arrow {
    background-image: none;
}
.video-block video {
    padding-left: 420px;
}
.content .video-block {
    margin-bottom: 55px;
    height: 70vh;
}
.content .video-block-content {
    height: auto;
    /* bottom: 125px; */
	bottom: 6.765vw;
}
.content .video-block-content .container{
	margin: 0 auto;
}

.ca-section-text-list{
	margin-top: 40px;
}
.ca-section-text-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
}
.ca-section-text-list ul li.brown-bg {
	background-color: #A9804D;
	color: #ffffff;
	padding: 0 14px;
	border-radius: 2px;
}
.ca-section-btn-list{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.ca-section-btn-list .btn {
    max-width: 24.4531vw;
    min-height: 6.7187vw;
	min-height: 86px;
    border-radius: 10px;
    border: 0;
    /* pointer-events: none; */
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
	margin-top: 55px;
	padding: 8px 32px 8px 12px;
}
.ca-section-btn-list .btn.arrow {
    background-position: right 9px center;
}
.ca-section-btn-list .btn .box1{
	text-align: left;
}
.ca-section-btn-list .btn .box2{
	font-family: Cinzel Regular;
	font-size: 14px;
	text-transform: capitalize;
	text-align: right;
}
.ca-section-btn-list .btn .box2 span{
	font-family: Noto Serif JP;
	display: block;
	padding-top: 6px;
	font-size: 18px;
}
.ca-section-btn-list .btn .box1 .img-box{
	display: flex;
    align-items: center;
}
.ca-section-btn-list .btn .box1 .img-box img{
	width: 68px;
    height: auto;
}
.caramel-abricot-section-one {
    padding-bottom: 84px;
	border-bottom: 1px rgba(255, 255, 255, .1) solid;
}
.caramel-abricot-section-two {
    padding-top: 32px;
}
.caramel-abricot-section-two newbadge.bsmall {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	color: #ffffff;
}
.gallery-heading{
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 1.5;
	line-height: 40px;
	margin-bottom: 100px;
}
.gallery-heading span.brown-bg {
	font-size: 15px;
	background-color: #A9804D;
	color: #ffffff;
	padding: 0 14px;
	border-radius: 2px;
	display: table;
	line-height: 30px;
	margin-bottom: 9px;
}
.recipe-videos-btn-section {
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 46%;
    margin-left: 0;
    margin-top: auto;
    margin: 0 auto; */
	display: flex;
	float: right;
	min-width: 640px;
}
.recipe-videos-btn-section .btn span{
	padding-left: 12px;
}
.recipe-videos-btn-section .btn span:before {
    content: "";
    background-image: url(https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/polygon3.png);
    position: absolute;
    width: 11px;
    height: 11px;
    background-size: contain;
	left: -4px;
    top: 50%;
    transform: translateY(-50%);
}
.recipe-videos-btn-section .btn:hover span:before {
	background-image: url(https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/polygon3-hover.png);
}
.reviews-btn-section {
    display: flex;
    width: fit-content;
    margin: 50px auto 76px;
    gap: 93px;
}
.reviews-btn-section .link{
	padding-right: 22px;
}
.reviews-btn-section .link.arrow {
    font-size: 18px;
    background-image: url(https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/icon9.png);
    background-repeat: no-repeat;
    background-size: 12px 4px;
    background-position: right 0px center;
}
.review-section h3.h3small {
    font-size: 24px;
    font-family: Noto Serif JP;
}
#review1{
/*	margin-bottom: 60px;*/
}
.shibata-premier{
	font-family: Cinzel Regular;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 13px;
}
.message-content-model-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap: 80px;
	font-weight: 300;
}
.message-content-model-box p{
  text-align: justify;
  text-justify: inter-ideograph;
}
.custom-modal-content h2{
	font-family: Cinzel Regular;
	font-size: 65px;
	margin-top: 22px;
}
.custom-modal-content h5{
	font-size: 24px;
	padding-bottom: 28px;
}
.message-content-img-left .custom-modal-content, .message-content-img-right .custom-modal-content  {
    padding-left: 145px;
    padding-right: 176px;
}
.message-btn{
	margin-top: 95px;
}

.patissier .patissier-box{
	display: grid;
	grid-template-columns: 295px auto;
	gap: 46px;
}
.patissier .patissier-box .sugino_sign img{
	max-width: 220px;
	float: right;
}
.patissier .patissier-box .patissier-content-box p.no-br br{
	display: none;
}
.patissier .patissier-box .patissier-img-box img{
	border-radius: 7px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.patissier .patissier-box .patissier-img-box {
    /* margin-left: 22px; */
	aspect-ratio: 295 / 348;
}
.patissier .patissier-box .btn-section {
    display: flex;
    width: auto;
    margin-left: 0;
    margin-top: 100px;
    gap: 20px;
	clear: both;
}
.patissier .patissier-box{
	padding-top: 41px;
	padding-left: 20px;
	max-width: 979px;
}
.patissier-content-box{
	
}
.patissier .patissier-box.patissier-box-img-right{
	grid-template-columns: auto 295px;
}
.patissier-box.patissier-box-img-right .patissier-content-box p span {
    font-size: 24px;
}
.video-purchase .video-purchase-content .text{font-size:13px; font-weight: 300; line-height: 18px; font-family: Noto Serif JP;}
.f18{
	font-size: 18px;
	line-height: 32px;
}
.f16{
	font-size: 16px;
	line-height: 32px;
}
.f16 span{
	font-family: Noto Serif JP;
	font-size: 24px;
	padding-right: 6px;
}
.f20{
	font-size: 20px;
}
.collection-with-new {
    display: inline-flex;
    padding-left: 36px;
    position: relative;
    align-items: center;
    justify-content: right;
    line-height: 36px;
}
.collection-nav-section{
	padding: 240px 0 100px;
}
.caramel-abricot {
    padding: 175px 0px 186px;
}
.caramel-abricot.first {
    padding: 80px 0px 186px;
}
.caramel-abricot.first .caramel-abricot-gallery-container {
    top: 0px;
    margin-bottom: 76px;
}
.caramel-abricot-gallery-header h4 span{
	font-family: Noto Serif JP;
	font-size: 19px;
}
.caramel-abricot-gallery h5 {
    font-size: 24px;
}
.receipe-videos {
    padding: 0;
    background-color: transparent;
}
.reviews-section-container {
    padding: 180px 0px 175px;
    background-color: rgba(255, 255, 255, .05);
}
.no-padding{
	padding: 0;
}
.bg-light-gray .marquee-wrapper{
	background-color: #242220;
}
#new-collection1{
	padding-top: 180px;
	padding-bottom: 136px;
}
.no-padding-bottom{
	padding-bottom: 0px;
}
#collection2, #collection3, #new-collection1, #new-collection2{
	/* z-index: 1; */
}
.no-scroll {
    overflow: hidden;
/*	z-index: -1;*/
}

.custom-modal {
    display: none;
    opacity: 0;
    transform: scale(0.95);
    transition: all 0.3s ease;
}

.custom-modal.active {
    display: flex; /* or block */
    opacity: 1;
    transform: scale(1);
}
.no-pm{
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.c-rate{
	margin-bottom: 21px;
}
.recipe-videos-btn-section {
	display: flex;
}
.vp-content {
    display: flex;
    gap: 10px;	
	margin-bottom: -10px;
}
.vp-content-container{
	padding: 0px;
	position: fixed;
	bottom: 3px;
	right: 0;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 5px 0px 0px 0px;
	z-index: 2;
}
.vp-content .column-one .img1 img{
	width: 68px;
	height: auto;
}
.vp-content .column-two{
	font-family: Noto Serif JP;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: -10px;
} 
.vp-content .column-two .vp-arrow:after {
    width: 16px;
    height: 6px;
    position: absolute;
    bottom: 20px;
    right: 15px;
	left: unset;
    content: '';
    background-image: url(https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/icon8.png);
    background-size: 100% 100%;
}
.vp-content .column-two .vp-arrow{
	padding: 8px 42px 0 0;
}
.recipe-video-content-block-header.no-pm {
    padding-bottom: 12px !important;
}
.modal-video{
	position: relative;
}
a#modal-playBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-indent: -9999px;
}
a#modal-playBtn:before {
    content: '';
    background-image: url(https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/img16.png);
    width: 250px;
    height: 250px;
    display: block;
    background-color: transparent !important;
    background-size: contain;
    border: none !important;
}
a#modal-playBtn:after {
    content: '';
    background-image: url(https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/img16-button.png);
    width: 160px;
    height: 160px;
    display: block;
    background-color: transparent !important;
    background-size: contain;
    border: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
}
.custom-modal .recipe-main-video.wow{
	visibility: visible !important;
	opacity: 1 !important;
 }
 .custom-modal .receipe-videos .recipe-main-video {
    max-width: 100%;
    margin: 0;
    cursor: pointer;
}
.custom-modal .receipe-videos{
	padding: 0 !important;
}
.caramel-abricot-section-two a.btn.arrow:hover newbadge.bsmall {
    color: #ffffff;
}
.video-custom-modal .custom-modal-content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/*****************************************************************
*******************************************************************/

@media(min-width:1920px)
{
	.message .message-content .col1 {width: 60%;}
	.message .message-content .col2 {width: calc(24% - 100px);}
	.caramel-abricot-slider .slide-item img{max-width:700px}
}

@media(min-width:768px)and (max-width:1919px)
{
	.message .message-content .col1{width:60%}
	.message .message-content .col2{width:calc(24% - 100px)}
	
}

@media all and (max-width:1800px){
	.ca-section-btn-list .btn {
        grid-template-columns: auto 200px;
    }
}

@media all and (min-width:1281px){
	.message .message-content .col1 {
        width: 100%;
		padding-bottom: 170px;
    }
	.message .message-content .col1 p:nth-child(3) br{
		display: none;
	}
	.btn-section {
		margin-top: -89px;
		width: 45%;
	}
}

@media all and (max-width:1280px){
	.btn-section {
		width: 57%;
	}
	/* .main-banner-image img, video {
		padding-left: 30.2031vw;
	} */
	.container {
		padding: 0px 83px;
	}
	.caramel-abricot .big-container {
		padding: 0;
	}
	/* .ca-section-btn-list .btn {
		grid-template-columns: 35% auto;
	} */
	.message .btn {
   		margin-top: 30px;
	}
	.message .message-content .col2{width:calc(38% - 100px)}
	.message .message-content .col2 img {
    	max-width: 100%;
	}
	.video-block video {
		padding-left: 383px;
	}
	.ca-section-btn-list .btn {
    	max-width: 30%;
	}
	.patissier .patissier-box .patissier-content-box p.no-br br {
		display: block;
	}	
}

@media all and (max-width:1199px){
	.container {
        padding: 0px 40px;
    }
	.video-block video {
		padding-left: 340px;
	}
	.ca-section-btn-list .btn{
		margin-top: 0;
	}
	.ca-section-text-list{
		margin-bottom: 55px;
	}
	.ca-section-btn-list .btn {
        max-width: 45%;
    }
}



/* Landing Page end*/
@media(min-width:1300px)
{
	.concept .concept-content .col1,
	.concept .concept-content .col2,
	.concept .concept-content .col3{width:33.33%} 
	
	.concept .concept-content .col2{padding:50px 70px 0px }
	.concept .concept-content .col3{}
	
	
	
	.message .message-content .col2 img{max-width: unset}
	.timeline .timeline-images .slick-list{max-width:700px;}
	
}


@media(min-width:1280px)and (max-width:1299px)
{
	.concept .concept-content .col1{width:324px;} 
	.concept .concept-content .col2{width:318px; padding-top:50px; margin:0px 70px}
	.concept .concept-content .col3{width:418px;}
	
	
}

@media(min-width:1280px)
{
	.message-imp  .row .col1,
	.message-imp  .row .col3{margin-right:120px;}
	.concept .concept-content .col1 .c1img,
	.concept .concept-content .col1 .c2img{width: calc(100% - 180px)}
	.message .sugino_sign{position:absolute; right:0px; max-width:220px; }
	.caramel-abricot .caramel-abricot-content{margin-top: 100px;}
	
	.receipe-videos .recipe-video-content-block .col1{width:424px; margin-right:50px}
	.receipe-videos .recipe-video-content-block .col2{width:calc(100% - 474px)}
	
	.col3img2{width:50%;}
}

@media(max-width:1279px)
{
	.message-imp  .row .col1,
	.message-imp  .row .col3{margin-right:5%;}
	
	
}

@media(min-width:768px) and (max-width:1279px)
{
	.concept .concept-content .col1{width:25%;}
	.concept .concept-content .col2{width:45%; padding:50px 50px 0px;}
	.concept .concept-content .col3{width:30%;}
	.caramel-abricot .caramel-abricot-content{margin-top: 170px;}
	.concept .concept-content .col1 .c1img,
	.concept .concept-content .col1 .c2img{max-width: 256px;}
	.col3img2{width:150px}
}

@media(min-width:768px) and (max-width:992px)
{
	.caramel-abricot-gallery h3{margin-bottom: 40px; line-height: 45px; font-size: 40px;}
	.caramel-abricot-gallery.even .col:last-child{padding-right:15px;}
	.caramel-abricot-gallery .col:last-child{padding-left:15px !important;}
	.caramel-abricot-gallery.even .caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic{padding: 20px 0px 20px 20px;}
	.caramel-abricot-gallery-header h4{font-size:18px}
	.caramel-abricot-gallery-header .caramel-abricot-gallery-header-img{max-width: 130px;}
	.modal-text-box {
        display: block;
    }
	
}

@media(min-width:992px)
{
	.caramel-abricot-gallery{display:flex; flex-wrap: wrap;}
	.caramel-abricot-gallery.even{flex-direction: row-reverse;}
	.caramel-abricot-gallery-header{margin-bottom:80px;}
	.caramel-abricot-gallery-header h4{margin-bottom:15px}
	.caramel-abricot-gallery .col{width:50%}
	.caramel-abricot-gallery .col:last-child{padding-left:80px; padding-right:80px;}
	.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic{width:calc(100% - 90px);  margin-right:20px;}
	.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-thumbnails{width:70px;}
	.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-thumbnails span{margin-bottom:20px; width:70px; height:70px}
	.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-thumbnails span img{width:46px}
	
	/*.caramel-abricot-gallery.even .col:last-child{padding-left: unset; }*/
}
@media(max-width:991px)
{
	.caramel-abricot-gallery-container{top:180px}
	.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic{display: flex;
    align-items: center; width:calc(100% - 70px); padding: 25px 25px 25px 0px; margin-right:20px; border-radius: 0px 60px 60px 0px;}
	.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-thumbnails{width:50px;}
	.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-thumbnails span{ margin-bottom:10px; width:50px; height:50px}
	.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-thumbnails span img{width:35px}
	
	.caramel-abricot-gallery.even .caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic{padding: 25px 0px 25px 25px ; border-radius: 60px 0px 0px 60px;}
	
	.caramel-abricot-gallery{margin-bottom:100px;}
	.caramel-abricot-gallery .col:first-child{margin-bottom:40px;}
	.caramel-abricot-logo{margin: 0px auto;}
	.caramel-abricot-gallery-header{margin-bottom:40px; max-width: 340px;}
	.caramel-abricot-gallery-header h4{margin-bottom:10px}

	/******************************************************************************/

	.patissier .patissier-box {
        display: flex;
        flex-direction: column;
    }
	section.patissier h2 {
		text-align: center;
	}
	.patissier .patissier-box .patissier-img-box {
		margin-left: 22px;
		width: 320px;
		margin: 0 auto 30px;
	}
	.patissier-box-img-right .patissier-content-box{
		order: 2;
	}

	/******************************************************************************/
}

@media(min-width:768px)
{
	.d-desktop{display:block;}
	.d-mobile{display:none;}
	
	.header-video-content .text1.d-mobile{display:none;}
	
	header.fixed .header-menu .header-menu-items a{color: rgba(255,255,255,1);}
	header.fixed .header-menu .header-menu-items a:hover{color: rgba(255,255,255,.6);}
	
	.header-video-content .text3 span{display: none; }
	
	header.fixed{mix-blend-mode: exclusion; position:fixed; top:0px; width: 100%; z-index: 2; animation: .5s hdeaderanimation forwards} 
	
	/*
	@keyframes hdeaderanimation
	{
		0%{top:-200px}
		100%{top:0px}	
	}
 */
	.header-video-container{z-index:1;}
	.header-video-content{position: absolute; height:100%; padding-left: 80px; display: flex; flex-wrap: wrap; top: 102px; /*align-items: center;*/}
	.header-video{}
	.header-video video{border-radius:5px;}
	
	.message .message-content .col2{margin-right:45px;}
	
	.main-banner{display:flex; flex-direction: row-reverse;}
	.main-banner-video,
	.main-banner-image{width:50%;}	
	.main-banner-content{display: flex; justify-content: center; align-items: center}	
	
	.caramel-abricot-gallery .caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic{height: 530px; }
	.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic .slick-slide img{max-width: 561px; max-height:500px;}
	
	.col3img2{margin: 100px 40px 0px auto;}
	.recipe-video-content-block-img newbadge.bsmall {
		width: 48px;
		height: 48px;
		font-size: 13px;
		top: -8px;
		left: -8px;
	}

	
}

@media(max-width:767px)
{
	.d-desktop{display:none;}
	.d-mobile{display:block;}
	
	body{font-size:15px}
	.header-video-content .text3{margin-bottom: -18px;}
	.header-video-content .text3 span{display: inline-block; margin-left: -15px;}
	.header-video-content .text1{background-color: unset; border: 1px solid #A9804D; color: #A9804D; font-size: 13px;}
	.header-video-content .text1.d-desktop{display:none;}
	
	.header-video video{height:350px; z-index: 0;}
	.header-video-content{padding:0px 25px}
	.header-video-content h5{font-size:13px; margin-bottom:10px;}
	.header-video-content .text2{font-size:24px; line-height:41px; /*margin-left: -16px;*/}
	.header-video-content .text3{font-size:24px; line-height:38px}
	
	.main-banner-content h6{font-size:14px; text-shadow: 0px 0px 3px #000; letter-spacing: 1px;line-height: 1.7rem;}
	.main-banner-content h1{font-size:50px; letter-spacing:1px; margin:5px 0px 10px; }
	.intro{padding: 180px 0px;}
	
	
	.main-banner-content p{line-height: 22px}
	.btn-flow-line a{padding: 13.8px 20px;}
	.main-banner-content-inner{top: calc(50% - 142px);}
	.main-banner-video,
	.main-banner-image{height:50%;}
	
	.btn-flow-line{max-width:216px; right:10px;}
	.btn-flow-line .span2{margin-right:0px;}
	.btn-flow-line .span3{display:none}
	
	.main-banner .line-scroll{left:20px}
	.marquee-wrapper{height: 48px; padding: 10px 0px;}
	
	.marquee-wrapper .marquee{font-size:16px; padding:4px 0px;}
	
	.footer{margin:100px 0px 0px;}
	.footer .social-media ul li a img{width:18px}
	.footer .footer-logo img{max-width:86px;}
	.footer .social-media{margin: 40px 0px;}
	
	.main-banner-content .countdowntitle{margin-top:8px; margin-bottom: 8px;}
	.main-banner-content .countdown ul li{width:72px; height:90px; margin:0px 3px}
	.main-banner-content .countdown ul li span{font-size:50px; line-height: 40px;}
	.main-banner-content .countdown ul li sp{font-size:10px;}
	
	.main-banner-content .countdowntext1,
	.main-banner-content .countdowntext2{font-size:15px}
	
	.main-banner-content .countdown{margin-bottom: 12px}
	.main-banner-content .countdowntext2 {line-height: normal;}
	
	.caramel-abricot{padding:100px 0px}
	.caramel-abricot-gallery-container .btn{margin-top: 50px;}

	/*********************************************************/
	.big-container .container{
		padding: 0;
	}
	h2 {
    	font-size: 50px;
	}
	.patissier .patissier-box .patissier-img-box {
        width: 269px;
		margin: 0 auto;
    }
	.btn-section .btn {
        margin: unset;
        margin-top: 23px;
        width: 300px;
    }
	.patissier .patissier-box .sugino_sign img {
		max-width: 160px;
	}
	.patissier .patissier-box.patissier-box-img-right {
		padding-top: 112px;
	}
	.patissier .patissier-box .btn-section {
		display: table;
		margin: 0 auto;
	}
	.btn-section .btn:first-child {
		margin-top: 38px;
	}
	.patissier .patissier-box {
		padding-top: 45px;
		gap: 18px;
	}
	.logo a {
		font-size: 9px;
		line-height: 23px;
	}	
	.logo a span, .logo a span span {
		font-size: 14px;
	}
	
	.custom-modal-content {
		padding: 80px 15px;
		width: 100%;
	}
	.close-modal-btn {
		top: 20px;
		right: 13px;
	}
	.close-modal-btn img {
		width: 30px;
		height: auto;
	}
	.modal-text-box {
		display: block;
		padding: 88px 40px;
	}
	.modal-text-box .left-mt-box small{
		font-size: 15px;
	}
	.modal-text-box .left-mt-box{
		text-align: center;
		margin-bottom: 40px;
	}
	.custom-modal .message-imp {
		padding: 75px 0 0;
	}
	.message-imp .row .col1, .message-imp .row .col3 {
        margin-right: 0;
    }
	.custom-modal-content .container {
		padding: 0 10px;
	}
	.custom-modal-content h2 {
		font-size: 50px;
		margin-top: 6px;
	}
	.message-content-model-box {
		display: flex;
		flex-direction: column;
		gap: 22px;
		padding-inline: 10px;
	}
	.message-content-model-box .message-content-model-box-left{
		order: 2;
	}
	.message-content-model-box-right {
		padding-top: 44px;
	}
	.custom-modal-content h5 {
		padding-bottom: 12px;
	}
	.btn.arrow {
    	font-size: 14px;
	}

	.video-block video {
        padding-left: 0;
		padding-bottom: 76px;
    }
	.content .video-block {
		margin-bottom: 76px;
		height: auto;
	}
	.content .video-block-content {
		bottom: 0;
		padding-bottom: 0 !important;
	}
	.ca-section-btn-list {
        display: flex;
        flex-direction: column;
        gap: 22px;
    }
	.ca-section-btn-list .btn:first-child {
		margin-top: 34px;
	}
	.ca-section-btn-list .btn {
        max-width: 100%;
		margin: 0;
    }
	.caramel-abricot-section-one {
		padding-bottom: 58px;
	}
	.caramel-abricot-section-two {
		padding-top: 18px;
	}
	.ca-section-btn-list .btn {
        /* grid-template-columns: 48% auto; */
    }
	.caramel-abricot .big-container {
        padding: 0 25px;
    }
	.caramel-abricot .big-container .container{
        padding: 0;
    }
	.reviews-btn-section .link.arrow {
    	font-size: 18px;
	}
	.reviews-btn-section {
		flex-direction: column;
		gap: 40px;
	}
	.review-section h3.h3small {
		font-size: 21px;
	}
	.recipe-videos-btn-section {
		flex-direction: column;
		float: none;
		min-width: auto;
		gap: 20px;
	}
	.recipe-videos-btn-section a{
		margin: 0;
	}
	.btn-with-no-arrow.btn.arrow {
		min-height: 50px;
	}
	section.patissier {
		padding-top: 50px;
	}
	.patissier .patissier-box .patissier-img-box {
        aspect-ratio: 270 / 315;
    }
	.patissier .patissier-box .patissier-img-box img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.content {
		padding-top: 161px;
	}
	.collection-nav-section {
		padding: 165px 0 60px;
	}
	.ca-section-text-list {
        margin-bottom: 0;
    }
	section#lineup {
		padding-top: 0;
	}
	.caramel-abricot.first .caramel-abricot-gallery-container {
        top: 20px !important;
	}
	.gallery-heading {
		margin-bottom: 77px;
		font-size: 24px;
	}
	.caramel-abricot-gallery-header {
        margin-bottom: 35px;
    }
	.receipe-videos .recipe-video-content-block .col1 {
		display: flex;
		flex-direction: column;
	}
	.receipe-videos .recipe-video-content-block .col1 .d-mobile {
        order: 2;
    }
	.receipe-videos {
		padding-top: 5px !important;
	}
	.receipe-videos .recipe-video-content-block .recipe-video-content-block-header {
		display: flex;
		flex-direction: column;
	}
	.receipe-videos .recipe-video-content-block .recipe-video-content-block-header .c-rate{
		order: 1;
		justify-content: right;
	}
	.receipe-videos .recipe-video-content-block .recipe-video-content-block-header h5{
		order: 2;
		justify-content: right;
	}
	.receipe-videos .recipe-video-content-block .recipe-video-content-block-header span{
		order: 3;
		text-align: right;
	}
	.receipe-videos .recipe-video-content-block .col1 {
        margin-bottom: 0 !important;
    }
	.recipe-videos-btn-section {
        padding-top: 39px;
    }
	.receipe-videos {
        padding: 100px 0px 20px !important;
    }
	section#collection2 {
		padding-top: 82px;
	}
	.caramel-abricot.first .receipe-videos, section#collection2 .receipe-videos, section#collection3 .receipe-videos, section#new-collection1 .receipe-videos, section#new-collection2 .receipe-videos {
		padding-top: 0 !important;
	}
	#collection3 {
		padding-bottom: 140px;
	}
	#new-collection1 {
		padding-top: 63px;
		padding-bottom: 102px;
	}
	section#new-collection2 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.reviews-section-container {
		padding: 90px 0px 120px;
	}
	.reviews-btn-section {
		margin: 40px auto 40px;
	}
	.footer.landing-page {
        padding-top: 82px !important;
	}
	.c-rate{
		margin-bottom: 21px;
	}	
	.recipe-videos-btn-section {
		align-items: center;
	}
	.caramel-abricot-gallery h5 {
		font-size: 16px;
	}
	.receipe-videos .recipe-video-content-block .recipe-video-content-block-header h5 label {
		padding-left: 80px;
	}
	.content .video-block::nth-child(2) .video-block-content{
		top: 10px;
	}
	.feature2 .container{
		top: 30px;
	}
	.feature3 .container{
		top: 30px;
	}
	.patissier .patissier-box {
		padding-left: 0px;
	}
	.reviews-section-container .c-rate {
		margin-bottom: 0;
	}
	.review-section .review-section-content-block .review-section-content-block-head {
		margin-bottom: -2px;
	}
	#new-collection1 .receipe-videos .recipe-video-content-block-img.wthov, #new-collection2 .receipe-videos .recipe-video-content-block-img.wthov {
		padding-right: 0px;
	}	
    .video-custom-modal .custom-modal-content {
        padding: 80px 0px;
        width: 100%;
    }
	.custom-modal.video-custom-modal {
		background: #1B1816;
	}
	/*********************************************************/
	
}



/* Landing Page start*/
@media(min-width:768px)
{
	.header-inner{display:flex; align-items: center; justify-content: space-between;}	
	.header-video video{height:910px}
	header .header-menu .header-menu-items{max-width:380px; font-size:12px; display: table; margin: 0px 10px 0px auto; line-height: 25px;}
	header .header-menu .header-menu-items span{padding-right: 50px; width: 31%; display: inline-block;}
	header .header-menu .header-menu-items span:first-child,
	header .header-menu .header-menu-items span:nth-child(4){width:38%;}
	header .header-button{position:absolute; top:5px; right:0px; width:122px; }
	.concept{padding-top:130px}
	.concept .concept-content{justify-content: center;}
	
	
	.concept .concept-content .col1 .c1img{position:absolute; bottom:30px; right:0px;}
	.concept .concept-content .col1 .c2img{position:absolute; bottom:176px; right:0px;}
	
	
	
	.message .message-content{}
	
	
	
	
	.message-imp  .row{display:flex;}
	.message-imp  .row .col1,
	.message-imp  .row .col2,
	.message-imp  .row .col3,
	.message-imp  .row .col4{width:400px; border:1px #5f5d5c solid; border-radius: 90px; padding:17px 40px}

	

	.caramel-abricot-logo{/*position: absolute; top:0px; left:120px;*/ z-index: 1;}
	
	
	
	.timeline .timeline-images .slick-arrow{bottom: 0px; top: unset;}
	.timeline .timeline-images .slick-prev{background-position:left bottom}
	.timeline .timeline-images .slick-next{background-position:right bottom}
	
	.editor-message-content{display:flex; align-items:center;}
	.editor-message-content .col1{width:calc(25% - 50px); margin-right:50px;}
	.editor-message-content .col2{width:75%; }
	
	.receipe-videos .recipe-video-content-block{display:flex; }
	.receipe-videos .recipe-video-content-block .col1{width:35%; margin-right:20px; }
	.receipe-videos .recipe-video-content-block .col2{width:calc(65% - 20px);}
	.receipe-videos .recipe-video-content-block h5{margin-right: 80px}
	
/*	.footer.landing-page .footer-block{display:flex;}*/
.footer.landing-page .footer-block .col1,
.footer.landing-page .footer-block .col2{width:50%;}

.receipe-videos .recipe-main-video video{border-radius:5px;}
.receipe-videos .recipe-main-video iframe{height: 449px;}

.review-section .outer-container{padding: 40px 0px 60px 0px}
.review-section .inner-container{padding: 0px 20px 0px 80px}
.review-section .review-section-content-block-head{display: flex; justify-content: space-between; align-items: center}
.review-section .review-section-content{height:500px; overflow-y: auto; padding-right:60px; margin-top:40px;}
.review-section .review-section-content-block{border-bottom:2px #1f1d1c solid;}
.review-section .review-section-content-block:first-child{border-top:2px #1f1d1c solid}

.receipe-videos .recipe-video-content-block .recipe-video-content-block-header{display: flex; justify-content: space-between; align-items: center; }
.c-rate {
    position: absolute;
    bottom: 27px;
}
.reviews-section-container .c-rate {
    position: static;
    bottom: auto;
	margin-bottom: 0;
}
.caramel-abricot-gallery-content .slide-item h5{
	font-size:18px;
}

}

@media(max-width:767px)
{
	section{padding:60px 0px;}
	body{letter-spacing:1px}

	.big-container,	
	.container{padding:0px 25px}
	
	
	.btn{margin: 50px auto 30px;}
	h2{font-size:50px; letter-spacing: 5px; text-align: center; line-height: 54px;}
	h5{font-size:16px;}
	/* header .logo{margin-right:60px; max-width: 162px;} */
	header .logo {
        margin-right: 20px;
        max-width: 253px;
    }
	.hamburger{width:30px; position: absolute; right: 0px; top: 10px; z-index: 9; cursor: pointer;}
	.hamburger span{display:block; width:100%; height:1px; background-color:#fff; }
	.hamburger span:first-child{margin-bottom:7px}
	
	.hamburger.hamburger-close{}
	.hamburger.hamburger-close span{transform: rotate(45deg);}
	.hamburger.hamburger-close span:first-child{transform: rotate(-45deg); margin-bottom: 0px;}
	
	.mobile-overlay{position: fixed; animation: mobileoverlayanimation .5s forwards;  width:100%; height:100%; z-index: 2; left:0px; top:0px; background-color:rgba(0,0,0,.8); }
	
	@keyframes mobileoverlayanimation{
		0%{opacity:0}
		100%{opacity:1}
	}
	
	
	
	header{position: fixed; width:100%; top:0px; z-index:9; padding-top: 20px}
	header .header-menu{display:flex; align-items:center; padding:0px 20px 100px; position:fixed; top:0px; right:-100%; width:calc(100% - 50px); background-color:#252322; height: 100%; z-index:2; opacity: 1; visibility: visible !important;}
	header .header-menu .header-menu-items{max-width: 110px; margin: 0px auto;}
	header .header-menu .header-menu-items span{display: block}
	header .header-menu .header-menu-items a{color: rgba(255,255,255,1); line-height: 70px;}
	header .header-menu .header-button{width: 100%; position:absolute; bottom:50px; left: 0px;}
	header .header-menu .header-button a{max-width:200px; margin: 0px auto; border-radius:50px;background-color: rgba(255,255,255,.1 ); color: rgba(255,255,255,1 ); border: 1px RGBA(255,255,255,1 ) solid; padding: 8px 5px;}
	
	header .header-menu.mobile-menu{ right:0px;}	
	
	
	
	.header-video-container{margin-top:85px; padding: 0px;}
	
	.video-purchase{ padding:0px; position:fixed; bottom:0px; background-color: rgba(0,0,0,.8); max-width:180px; border-radius:5px 0px 0px 0px;}
	.video-purchase .video-purchase-content .col{display:none;}
	.video-purchase .video-purchase-content .col:last-child{display: block; text-align: left; width:100%;}
	.video-purchase .video-purchase-content a{padding:20px; margin-bottom:0px;}
	.video-purchase .video-purchase-content a.witharrrow{margin-bottom:0px;}
	.video-purchase .video-purchase-content a:after{width:12px; height:4px; left:unset; right:20px; bottom:27px;}
	
	.coming-soon{background-image:url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/img13-m.jpg'); padding:128.5px 0px}
	.coming-soon.lp1{background-image:url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/img20-m.jpg');}
	.coming-soon .text1{font-size:30px}
	
	.concept{padding-top:80px}
	
	.concept .concept-content .col1{order:2; margin-top: 40px;}
	.concept .concept-content .col2{order:3; margin-top: 45px;}
	.concept .concept-content .col3{order:1;}
	
	.concept .col3img img,
	.concept .c2img img,
	.concept .col3img2 img{border-radius:3px}
	
	.concept .concept-content .col1 .c1img,
	.concept .concept-content .col1 .c2img{max-width:130px;}
	
	
	.concept .concept-content .col1 .col1img2{max-width:99px; margin:-40px 0px 0px auto}
	.concept .concept-content .col1 .col1img2 img{border-radius: 5px;}
	
	.concept .concept-content .col3 .col3img{ margin: 80px -25px 0px auto; max-width: 290px;}
	
	.concept .concept-content .col1 .c1img img,
	.concept .concept-content .col1 .c2img img,
	.concept .concept-content .col3 .col3img img{border-radius:5px;}
	
	.message .message-content{flex-direction: column-reverse;}
	.message .message-content .col2{margin-bottom:50px; text-align: center}
	.message .sugino_sign{margin:0px 0px 0px auto; max-width:147px}
	
	.message-imp .maintext{margin:0px auto 40px;}
	
	.message-imp .row .col1, 
	.message-imp .row .col2, 
	.message-imp .row .col3{margin-bottom:30px; padding: 17px 30px}
	
	.message-imp .row .col4{padding: 17px 30px}
	
	.message-imp .row .col3:after{top:unset; bottom:-12px; transform: rotate(0deg);}
	.message-imp .row .col4:after{top:unset; bottom:-12px; transform: rotate(90deg);}
	
	.message .message-content .col2 img{max-width:195px}
	
	.content .container{margin: 0px auto -28px;}
	.content .video-block-content{align-items: flex-end; padding-bottom: 60px;}
	.content .video-block-content span{font-size:12px;}
	.content .video-block-content h5{line-height:30px;}
	
	.content .video-block video{/*height:500px;*/}
	
	.caramel-abricot.first,
	.caramel-abricot{padding: 100px 0px;}
	.caramel-abricot-logo{width:205px}
	.caramel-abricot-logo .caramel-abricot-logo-text span{font-size:12px}
	.progressBarContainer{bottom:0px}
	
	.caramel-abricot h3{font-size:30px}
	
	.store .store-bg-wrap{}
	.store .store-bg{background-image: url('https://gigaplus.makeshop.jp/shibata1950/fp_movie2/images/img10-m.png')}
	
	.store{height:225px;}
	.store .store-content{padding-top:70px; bottom:-50px}
	.store .store-content h5{margin: 0px auto 0px 0px; line-height: 32px;}	
	.story{padding-top:110px;}
	
	.timeline{margin-top:40px}
	.timeline .container{padding:0px;}
	.timeline .timeline-titles .slick-slide, 
	.timeline .timeline-text .slick-slide{padding-right:30px}
	.timeline .timeline-images{margin:0px ; padding:0px}
	.timeline .loading-bar-outer:after{left:-25px}
	.timeline .timeline-titles{margin:0px;}
	.timeline .timeline-images .slick-list{margin: 0px auto}
	.timeline .loading-bar{margin:0px;}
	.timeline .timeline-text{margin-top:15px}
	
	
	
	.editor-message-content .col1{margin-bottom:50px}
	.editor-message-content h4,
	.editor-message-content .text2{text-align:center}
	.editor-message-content h5{font-size: 18px;}
	
	.editor-message {padding-bottom: 120px;}
	.editor-message-content{}
	.receipe-videos{padding:100px 0px}
	.receipe-videos .recipe-main-video{max-width:400px; height: 212px; margin:60px auto 80px}
	.receipe-videos .recipe-main-video .startbtn{width:140px; height:140px; background-size: 70px 60px; left: calc(50% - 70px) ; top: calc(50% - 70px)}
	.receipe-videos .recipe-video-content-block p{line-height:24px;}
	.receipe-videos .recipe-video-content-block .col1{margin-bottom:30px}
	.receipe-videos .recipe-video-content-block .col1 img{width:90%}
	.receipe-videos .recipe-video-content-header{margin-bottom:50px}
	.receipe-videos .btn{margin-bottom:0px}
	
	.receipe-videos .recipe-video-content-block .col1 img{width: 80%; margin: 0px auto; display: table;}
	.receipe-videos .recipe-video-content-block-img span.img2{top:30px}
	
	.receipe-videos .recipe-video-content-block-img.wthov{margin-bottom: 70px;}
	
	.footer.landing-page{padding-top:90px; padding-bottom: 100px; text-align: center;}
	.footer.landing-page .footer-logo{margin:0px auto 25px}
	.footer.landing-page .footer-block .col2 .copyright{text-align: center;}
	.footer.landing-page .footer-block{margin-top:0px; }
	.footer.landing-page .footer-block .col1{margin-bottom:70px}
	
	.video-purchase .video-purchase-content a.witharrrow:after{width: 16px; bottom: 27px; right: 15px; left: unset}
	newbadge.bbig{width:60px; height:60px; font-size: 17px; left: 20px; top: -14px;}

	.caramel-abricot.first .caramel-abricot-gallery-container{top: 60px; margin-bottom:80px}
	.caramel-abricot-gallery-container{top: 0px; }
	
	.receipe-videos .recipe-video-content-block h5{margin-bottom:0px}
	
	.review-section *{transition: none;}
	.review-section .outer-container{padding:40px;}
	.review-section .inner-container{padding:0px 0px;}
	.review-section .review-section-content{border-top:2px #1f1d1c solid; margin-top:35px; margin-left: 0px; margin-right: 0px;}
	.review-section .review-section-content .slick-list{}
	
	
	
	/*
	.review-section .progress{
		  display: block;
		  width: 100%;
		  height: 4px;
		  border-radius: 10px;
		  overflow: hidden;		  
		  background-color: rgba(255,255,255,.1);
		  background-image: linear-gradient(to right, #595857, #595857);
		  background-repeat: no-repeat;
		  background-size: 0 100%;  
		  transition: background-size .4s ease-in-out;
		}
	*/

}

@media(max-width:560px)
{
	
	.timeline .timeline-images{max-width: 275px; margin:0px auto}
	.timeline .timeline-images .slick-list{max-width: 225px;}
	
	.caramel-abricot.first .caramel-abricot-gallery-container{margin-bottom:80px}
	.caramel-abricot-gallery-header{max-width:unset; padding-right: unset;}
	.caramel-abricot-gallery-header.even{text-align:right; max-width: 300px; padding-right: unset; margin: 0px 0px 40px auto;}
	.caramel-abricot-gallery-header.even .caramel-abricot-gallery-header-img{left:0px; right:unset; max-width:115px}
	.caramel-abricot-gallery-header .caramel-abricot-gallery-header-text span{}
	.caramel-abricot-gallery-header h4{font-size:20px; margin-bottom:0px}
	.caramel-abricot-gallery-header h5{font-size:22px}
	.caramel-abricot-gallery h3{margin-bottom: 20px; line-height: 36px;}
	.caramel-abricot-gallery{margin-bottom: 50px;}
	
	.receipe-videos .recipe-video-content-header{margin-bottom:75px}
	.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic{height:298px; }
	.caramel-abricot-gallery-pics .caramel-abricot-gallery-pics-main-pic .slick-slide img{max-height:290px; max-width: 325px;}
	.caramel-abricot-gallery .caramel-abricot-gallery-content h5{margin-bottom:10px}
	.caramel-abricot-gallery h3{margin-bottom:15px}
	
	
}

@media(max-width:480px)
{
	.editor-message-content{padding:100px 40px; }
	.caramel-abricot-gallery-header .caramel-abricot-gallery-header-img{max-width:120px; top: 15px;}
	.content .video-block video {
        height: 339px;
    }
	#new-collection1 .receipe-videos .recipe-video-content-block .col1 img, #new-collection2 .receipe-videos .recipe-video-content-block .col1 img {
        max-width: 223px;
		width: 100%;
    }
}

@media(max-width:360px)
{
	.main-banner-content h6{font-size:13px;}
	.main-banner-content h1{font-size:32px;}
	.main-banner-content p{font-size:11px}	

	body{font-size:14px; line-height: 25px;}
	h2{font-size: 40px;}
	h3{font-size:30px;}
	h5{font-size:14px}
	.content .container{margin: 0px auto -28px;}
	.content .video-block-content h5{line-height: 25px;}
	.caramel-abricot-gallery-header .caramel-abricot-gallery-header-img{max-width:80px; top: 20px;}
	
}

/*youtube用*/
.youtube-player {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
/*  background-image: url('../images/video-thumb2.jpg');*/
  background-size: cover;
  background-position: center;
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}
@media(min-width:768px){
    .custom-modal-content h2 {
  margin-bottom: 36px;
}
}



/* Landing Page end*/