@charset "utf-8";

/* ========================================================================

  home.css

======================================================================== */

/************************************************************************
  #main-image
************************************************************************/
#main-image { margin:auto; background-color:#ececec; font-size:0; }
#main-image picture { margin:auto; max-width:1200px; display:block; }

/* ============ smart phone ============ */
@media (max-width:750px){
}
/************************************************************************
  main
************************************************************************/
main h2 { margin-bottom:25px; padding-bottom:35px; line-height:1; font-weight:bold; font-size:32px; font-size:3.2rem; display:flex; flex-direction:column; position:relative; }
main h2::before { content:''; width:25px; height:4px; background-color:#e42a39; display:inline-block; position:absolute; bottom:0; }
main h2::after { content:''; width:25px; height:4px; background-color:#d9d9d9; display:inline-block; position:absolute; bottom:0; left:25px; }

main h2 small { order:1; line-height:calc(30/12); letter-spacing:0.1em; font-weight:normal; font-size:12px; font-size:1.2rem; }
main h2 span { order:2; }
/* .flex */
main section .contents > .flex { margin-bottom:60px; max-width:1000px; justify-content:space-between; align-items:flex-end; }
main section .contents > .flex .flex h2 {  }

/* ============ tablet ============ */
@media screen and (max-width:768px){
main section .contents > .flex { padding:0 30px; }

}

/* ============ smart phone ============ */
@media (max-width:750px){
main h2 { margin-bottom:calc(40/750*100vw); padding-bottom:calc(35/750*100vw); font-size:calc(50/750*100vw); }
main h2 small { line-height:calc(54/18); font-size:calc(18/750*100vw); }

main h2::before { width:calc(42/750*100vw); height:calc(8/750*100vw); }
main h2::after { width:calc(42/750*100vw); height:calc(8/750*100vw); left:calc(42/750*100vw); }

/* .flex */
main section .contents > .flex { margin-bottom:calc(55/750*100vw); padding:0; }
}
/************************************************************************
  #news-release
************************************************************************/
#news-release { padding:60px 0 50px; }
#news-release .contents { display:flex; justify-content:space-between; }
#news-release .flex { margin-bottom:25px; justify-content:space-between; align-items:flex-end; }
#news-release p.link { text-align:right; font-size:14px; font-size:1.4rem; }
#news-release a.icon-link-002 {  }

/* #info */
#info { width:calc(475/1000*100%); max-width:475px; }
#info p {  }
#info h3 { margin-bottom:0; line-height:1; font-weight:bold; font-size:16px; font-size:1.6rem; }

/* dl */
#info dl { margin-bottom:45px; border-top:1px solid rgba(208,208,208,0.4); }
#info dl:last-child { margin-bottom:0; }
#info dl dt { padding:25px 0 0 10px; color:#8a8a8a; line-height:1; }
#info dl dt span { margin-bottom:0.4em; margin-left:1.5em; padding:0.2em 0.8em; background-color:#e42a39; color:#ffffff; border-radius:2px; display:inline-block; line-height:1; font-size:12px; font-size:1.2rem; align-self:flex-start; font-feature-settings:'palt'; }
#info dl dd { margin:0; padding:0 10px 25px calc(10px + 6.5em); border-bottom:1px solid rgba(208,208,208,0.4); display:flex; flex-direction:column; }

#info dl a {  }
#info dl a::after { content:''; margin-left:10px; width:6px; height:9px; background:url('../images/icon_link_001.svg') no-repeat; background-size:100% auto; vertical-align:middle; display:inline-block; transition:0.5s; }
#info dl a:hover::after { transform:translate(5px, 0); }


/* #cm */
#cm { width:calc(440/1000*100%); max-width:440px; font-size:0; }
#cm h2 { margin-bottom:0; }
#cm .movie { padding-top:calc(245/440*100%); width:100%; /*height:245px;*/ font-size:0; position:relative; }
#cm iframe { width:100%; height:100%; font-size:0; position:absolute; top:0; left:0; }
#cm p.link { margin-bottom:35px; }

/* .note */
#cm .note { margin-top:15px; padding:20px; background-color:#f1f2f6; }
#cm .note h3 { margin-bottom:0.3em; line-height:1; font-feature-settings:'palt'; font-size:16px; font-size:1.6rem; }
#cm .note p.date { margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid rgba(228,228,288,0.8); font-size:12px; font-size:1.2rem; }
#cm .note p.content { line-height:calc(24/14); word-break:normal; font-size:14px; font-size:1.4rem; }


/* ============ tablet ============ */
@media screen and (max-width:768px){

}

/* ============ smart phone ============ */
@media (max-width:750px){
#news-release { padding:calc(80/750*100vw) 0 calc(90/750*100vw); }
#news-release .contents { flex-direction:column; }
#news-release p {  }
#news-release p.link { font-size:calc(24/750*100vw); }
#news-release p.link  { position:absolute; bottom:0; right:0; }

/* #info */
#info { width:auto; }
#info dl { margin-bottom:0; }
#info dl dt { padding:calc(30/770*100vw) calc(10/770*100vw) calc(10/770*100vw); }
#info dl dd { margin:0; padding:calc(10/770*100vw) calc(10/770*100vw) calc(30/770*100vw); }
#info dl a::after { width:calc(7/750*100vw); height:calc(11/750*100vw); vertical-align:middle; }

#info dl dt span { font-size:calc(20/750*100vw); }

#info .box { margin-bottom:calc(60/750*100vw); padding-bottom:calc(60/750*100vw); position:relative; }
#info .flex { margin-bottom:calc(20/750*100vw); }


/* #cm */
#cm { padding-bottom:calc(60/750*100vw); width:100%; position:relative; }
#cm h2 { /*display:none;*/ }
#cm .movie { margin-bottom:calc(35/750*100vw); padding-top:0; width:100%; height:calc(390/750*100vw); }
#cm iframe { border-radius:calc(8/750*100vw); }
#cm p.link { margin-bottom:0; }

/* .note */
#cm .note { margin-top:0; padding:calc(35/750*100vw) calc(25/750*100vw); background-color:#f1f2f6; }
#cm .note h3 { font-size:calc(30/750*100vw); }
#cm .note p.date { margin-bottom:calc(35/750*100vw); padding-bottom:calc(25/750*100vw); font-size:calc(20/750*100vw); }
#cm .note p.content { font-size:calc(24/750*100vw); }
}
/************************************************************************
  #pick-up
************************************************************************/
#pick-up { min-height:500px; position:relative; /*background-color:#f1f2f6;*/ }
#pick-up .contents { padding:60px 0 40px; width:auto; max-width:initial; }
#pick-up h2 { margin-right:auto; margin-left:auto; max-width:1000px; }

#pick-up .bk-slide { background-color:#f1f2f6; }

/* ============ tablet ============ */
@media screen and (max-width:768px){
#pick-up h2 { margin-right:30px; margin-left:30px; }
}

/* ============ smart phone ============ */
@media (max-width:750px){
#pick-up { padding:calc(75/750*100vw) 0 calc(60/750*100vw); }
#pick-up h2 { margin-right:calc(30/750*100vw); margin-left:calc(30/750*100vw); max-width:initial; }

#pick-up .contents { margin:auto; }
}
/************************************************************************
  .slider
************************************************************************/
.slider {  }
.slider article { margin:0 10px; display:flex !important; flex-direction:column; /*position:relative;*/ }

.slider article .photo { order:1; margin-bottom:15px; font-size:0; }
.slider article img { width:100%; height:auto; }

.slider article .text { order:2; }
.slider article .text h3 { margin-bottom:0.5em; line-height:1; font-size:14px; font-size:1.4rem; }

.slider article a { width:100%; height:100%; display:block; /*position:absolute; top:0; font-size:0; background-color:rgba(255,0,0,0.5);*/ }

.slider.bana-1 article { margin:0 auto; width:50%; max-width:calc(1944px /2); }

/* ============ smart phone ============ */
@media (max-width:750px){
.slider article { margin:0 calc(15/750*100vw); width:calc(360/750*100vw); }
.slider article .text h3 { line-height:calc(32/24); font-size:calc(24/750*100vw); }
}
/************************************************************************
  #products
************************************************************************/
#products { padding:80px 0 110px; }

/* #products ul */
#products ul { margin:auto; width:945px; display:flex; flex-wrap:wrap; }
#products ul li { margin:auto 95px auto 0; width:250px; display:flex; flex-direction:column; position:relative; transition:0.5s; }
#products ul li:hover { opacity:0.5; }
#products ul li:nth-child(3n) { margin-right:0; }

#products ul li .photo { order:1; }
#products ul li h3 { order:2; text-align:center; font-weight:normal; }
#products ul li a { width:100%; height:100%; font-size:0; display:block; position:absolute;  /*background-color:rgba(255,0,0,0.5);*/ }

#products ul li.f0 h3 { margin:auto; background-repeat:no-repeat; background-size:100% auto; }
#products ul li#products-001 h3 { width:92px; height:50px; background-image:url('../images/home/h3_products_001.png'); }
#products ul li#products-002 h3 { width:157px; height:38px; background-image:url('../images/home/h3_products_002.png'); }
#products ul li#products-003 h3 { width:135px; height:25px; background-image:url('../images/home/h3_products_003.svg'); }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#products ul li#products-001 h3 { background-image:url('../images/home/h3_products_001@2x.png'); }
#products ul li#products-002 h3 { background-image:url('../images/home/h3_products_002@2x.png'); }
}

/* ============ tablet ============ */
@media screen and (max-width:768px){
#products .flex { padding:0; }
#products ul { width:auto; }
#products ul li { margin:0; width:50%; }
}

/* ============ smart phone ============ */
@media (max-width:750px){
#products { padding:calc(105/750*100vw) 0 calc(100/750*100vw); }

/* ul */
#products ul { margin-bottom:0; width:auto; }
#products ul li { margin-right:0; margin-bottom:calc(50/750*100vw); width:50%; }
#products ul li:nth-child(3n) { margin-right:0; }
#products ul li h3 { font-size:calc(24/750*100vw); }

#products ul li.f0 h3 { font-size:0; }
#products ul li#products-001 h3 { width:calc(104/750*100vw); height:calc(57/750*100vw); }
#products ul li#products-002 h3 { width:calc(164/750*100vw); height:calc(39/750*100vw); }
#products ul li#products-003 h3 { width:calc(173/750*100vw); height:calc(31/750*100vw); }

#products .contents { padding-bottom:calc(50/750*100vw); position:relative; }
#products .flex { position:static !important; }
#products p.link { position:absolute; bottom:0; right:0; }
}
/************************************************************************
  #campaign
************************************************************************/
#campaign { min-height:500px; position:relative; /*background-color:#f1f2f6;*/ }
#campaign .contents { padding:80px 0; width:auto; max-width:initial; }
#campaign .flex { margin-right:auto; margin-left:auto; max-width:1000px; }

#campaign .bk-slide { background-color:#f1f2f6; }

/* ============ smart phone ============ */
@media (max-width:750px){
#campaign {  }
#campaign .contents { margin:auto; padding:calc(65/750*100vw) 0 calc((55 + 50)/750*100vw); position:relative; }
#campaign p.link { margin:calc(30/750*100vw); position:absolute; bottom:calc(50/750*100vw); right:0; }

#campaign .flex { margin-right:calc(30/750*100vw); margin-left:calc(30/750*100vw); max-width:initial; }
}
/************************************************************************
  slick
************************************************************************/
.slick-slider .slick-track, .slick-slider .slick-list { margin-bottom:20px; }
.slick-slider { position:relative; }

/* .slick-dots */
.slick-dots li { width:10px; height:10px; }
.slick-dots li button { width:9px; height:9px; /*background-color:#d1d1d1;*/ }
.slick-dots li.slick-active button { background-color:#e42a39; }

/* .slick-arrow */
.slick-arrow { width:45px; height:45px; background-color:rgba(255,255,255,0.7) !important; border-radius:50%; z-index:1; box-shadow:0 0 15px 0 rgba(47, 48, 48, 0.2); }
.slick-arrow:hover { background-color:rgba(255,255,255,1) !important; }

.slick-prev { left:80px; }
.slick-next { right:80px; }

.slick-arrow::before { width:9px; height:15px; background-repeat:no-repeat; background-size:100% auto; color:#333333; display:inline-block; }
.slick-prev::before { content:''; background-image:url('../images/home/icon_prev.svg'); }
.slick-next::before { content:''; background-image:url('../images/home/icon_next.svg'); }

/* ============ smart phone ============ */
@media (max-width:750px){

/* .slick-dots */
.slick-dots li button { width:calc(13/750*100vw); height:calc(13/750*100vw); }

/* .slick-arrow */
.slick-arrow { width:calc(50/750*100vw); height:calc(50/750*100vw); top:30%; }
.slick-prev { left:calc(15/750*100vw); }
.slick-next { right:calc(15/750*100vw); }
.slick-arrow::before { width:calc(13/750*100vw); height:calc(21/750*100vw); background-repeat:no-repeat; color:#333333; display:inline-block; }
}
/************************************************************************
  #recipe
************************************************************************/
#recipe { padding:100px 0; }
#recipe .contents { padding:0; }

/* ul */
#recipe ul { height:470px; position:relative; }
#recipe ul li { padding:15px; width:230px; height:224px; position:absolute; display:flex; flex-direction:column; justify-content:flex-end; }

#recipe ul li::before { content:''; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:100% auto; display:block; position:absolute; top:0; bottom:0; right:0; left:0; z-index:-1; }
#recipe ul li::after { content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.2); display:block; position:absolute; top:0; left:0; z-index:0; }

#recipe ul li strong { width:60px; height:60px; background-color:#e42a39; color:#ffffff; border-radius:50%; text-align:center; display:flex; justify-content:center; align-items:center; line-height:calc(16/12); font-size:12px; font-size:1.2rem; position:absolute; top:15px; left:15px; z-index:1; }
#recipe ul li#recipe-001 strong { width:75px; height:75px; }


#recipe ul li a { color:#ffffff; text-shadow:1px 2px 3px rgba(47,48,48,0.6); line-height:calc(22/15); font-weight:bold; font-size:15px; font-size:1.5rem; position:relative; z-index:1; }
#recipe ul li a::after { content:''; margin-left:10px; width:8px; height:10px; background:url('../images/icon_arrow_white.svg') no-repeat; vertical-align:middle; display:inline-block; }

#recipe ul li#recipe-001 a { font-size:20px; font-size:2rem; }

#recipe ul li#recipe-001::before { background-image:url('../images/home/recipe_001.png'); }
#recipe ul li#recipe-002::before { background-image:url('../images/home/recipe_002.png'); }
#recipe ul li#recipe-003::before { background-image:url('../images/home/recipe_003.png'); }
#recipe ul li#recipe-004::before { background-image:url('../images/home/recipe_004.png'); }
#recipe ul li#recipe-005::before { background-image:url('../images/home/recipe_005.png'); }


#recipe ul li#recipe-001 { width:496px; height:470px; top:0; left:0;  }
#recipe ul li#recipe-002 { top:0; right:252px; }
#recipe ul li#recipe-003 { top:0; right:0; }
#recipe ul li#recipe-004 { bottom:0; right:252px; }
#recipe ul li#recipe-005 { bottom:0; right:0; }


/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){ 
#recipe ul li#recipe-001::before { background-image:url('../images/home/recipe_001@2x.png'); }
#recipe ul li#recipe-002::before { background-image:url('../images/home/recipe_002@2x.png'); }
#recipe ul li#recipe-003::before { background-image:url('../images/home/recipe_003@2x.png'); }
#recipe ul li#recipe-004::before { background-image:url('../images/home/recipe_004@2x.png'); }
#recipe ul li#recipe-005::before { background-image:url('../images/home/recipe_005@2x.png'); }
}

/* ============ tablet ============ */
@media screen and (max-width:768px){
#recipe .flex { padding:0; }

#recipe { padding:calc(115/750*100vw) 0 calc(90/750*100vw); }
#recipe .contents { margin-right:30px; margin-left:30px; padding:0 0 calc(50/750*100vw); position:relative; }
#recipe p.link { position:absolute; bottom:0; right:0; }

/* ul */
#recipe ul { margin-bottom:calc(35/750*100vw); height:calc(1360/750*100vw); }
#recipe ul li { padding:calc(30/750*100vw); width:calc(330/750*100vw); height:calc(322/750*100vw); }
#recipe ul li a {  }
#recipe ul li#recipe-001 a {  }

/* strong */
#recipe ul li strong { width:calc(105/750*100vw); height:calc(105/750*100vw); line-height:calc(24/18); font-size:calc(18/750*100vw); top:calc(20/750*100vw); left:calc(25/750*100vw); }
#recipe ul li#recipe-001 strong { width:calc(105/750*100vw); height:calc(105/750*100vw); }

#recipe ul li#recipe-001 { width:100%; height:calc(655/750*100vw); position:relative; }
#recipe ul li#recipe-002 { top:calc(685/750*100vw); right:auto; left:0; }
#recipe ul li#recipe-003 { top:calc(685/750*100vw); right:0; }
#recipe ul li#recipe-004 { bottom:0; right:auto; left:0; }
#recipe ul li#recipe-005 { bottom:0; right:0; }
}

/* ============ smart phone ============ */
@media (max-width:750px){
#recipe { padding:calc(115/750*100vw) 0 calc(90/750*100vw); }
#recipe .contents { margin-right:calc(30/750*100vw); margin-left:calc(30/750*100vw); padding-bottom:calc(50/750*100vw); position:relative; }
#recipe p.link { position:absolute; bottom:0; right:0; }

/* ul */
#recipe ul { margin-bottom:calc(35/750*100vw); height:calc(1360/750*100vw); }
#recipe ul li { padding:calc(30/750*100vw); width:calc(330/750*100vw); height:calc(322/750*100vw); }
#recipe ul li a { line-height:calc(36/24); font-size:calc(24/750*100vw); }
#recipe ul li#recipe-001 a { font-size:calc(28/750*100vw); }

/* strong */
#recipe ul li strong { width:calc(105/750*100vw); height:calc(105/750*100vw); line-height:calc(24/18); font-size:calc(18/750*100vw); top:calc(20/750*100vw); left:calc(25/750*100vw); }
#recipe ul li#recipe-001 strong { width:calc(105/750*100vw); height:calc(105/750*100vw);  }

#recipe ul li#recipe-001 { width:100%; height:calc(655/750*100vw); position:relative; font-size:calc(28/750*100vw); }
#recipe ul li#recipe-002 { top:calc(685/750*100vw); right:auto; left:0; }
#recipe ul li#recipe-003 { top:calc(685/750*100vw); right:0; }
#recipe ul li#recipe-004 { bottom:0; right:auto; left:0; }
#recipe ul li#recipe-005 { bottom:0; right:0; }
}
/************************************************************************
  #enjoy
************************************************************************/
#enjoy { min-height:500px; position:relative; /*background-color:#f1f2f6;*/ }
#enjoy .contents { padding:80px 0; width:auto; max-width:initial; }
#enjoy h2 { margin-right:auto; margin-left:auto; max-width:1000px; }

#enjoy .bk-slide { background-color:#f1f2f6; }

/* ============ tablet ============ */
@media screen and (max-width:768px){
#enjoy h2 { margin-right:30px; margin-left:30px; }
}

/* ============ smart phone ============ */
@media (max-width:750px){
#enjoy {  }
#enjoy .contents { margin:auto; padding:calc(70/750*100vw) 0 calc(55/750*100vw); }
#enjoy h2 { margin:0 calc(30/750*100vw) calc(60/750*100vw); width:initial; }

/* .enjoy-slider */
#enjoy .enjoy-slider {  }
#enjoy .enjoy-slider article { margin:0 calc(15/750*100vw); width:calc(360/750*100vw); }

}
/************************************************************************
  #sns
************************************************************************/
#sns { padding:70px 0 65px; }
#sns .contents { position:relative; }

/* h2 */
#sns h2 { display:none; }
#sns h2::before { display:none; }
#sns h2::after { display:none; }

/* h3 */
#sns h3 { margin-bottom:20px; line-height:1; font-family:"Arial", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight:bold; font-size:24px; font-size:2.4rem;  }
#sns h3::before { content:''; margin:-4px 10px 0 0; width:45px; height:45px; background-repeat:no-repeat; vertical-align:middle; display:inline-block; }

#sns a { color:#e42a39; font-weight:bold; font-family:Arial; }
#sns a[target^="_blank"]::after { content:''; margin-left:5px; width:11px; height:10px; background:url('../images/icon_external_link_red.svg') no-repeat; display:inline-block; }
#sns a::before { content:''; margin-right:5px; background-repeat:no-repeat; background-size:100% auto; display:inline-block; }

/* #twitter */
#twitter { width:calc(470/1000*100%); max-width:470px; position:relative; }
#twitter::before { content:''; width:172px; height:76px; background:url('../images/home/character.png') no-repeat; background-size:100% auto; display:block; position:absolute; right:0; z-index:-1; }
#twitter .box { margin:0 auto 10px; width:100%; height:520px; border:1px solid rgb(207,217,222,1); border-radius:12px; overflow:auto; }
#twitter a::before { width:18px; height:14px; background-image:url('../images/icon_twitter_red.svg'); }
#sns #twitter h3::before { background-image:url('../images/icon_twitter.svg'); }

#twitter .box { overflow-y:scroll; scrollbar-width:thin; }
#twitter .box::-webkit-scrollbar { width:10px; }
#twitter .box::-webkit-scrollbar-track { background-color:transparent; }
#twitter .box::-webkit-scrollbar-thumb { height:100px; background-color:#f1f2f6; border-radius:5px; }

/* #youtube */
#youtube { width:calc(470/(1000 - 60)*100%); max-width:470px; position:absolute; right:0; bottom:0; }
#youtube iframe { width:100%; height:264px; }
#youtube a::before { width:20px; height:14px; background-image:url('../images/icon_youtube_red.svg'); }
#sns #youtube h3::before { background-image:url('../images/icon_youtube.svg'); }

/* #instagram */
#instagram { width:calc(470/(1000 - 60)*100%); max-width:470px; position:absolute; right:0; top:0; }
#sns #instagram h3::before { background-image:url('../images/icon_instagram.svg'); }
#instagram p a::before { width:17px; height:17px; background-image:url('../images/icon_instagram_red.svg'); }

#instagram ul { margin:0 auto; display:flex; font-size:0; }
#instagram ul li { margin-right:10px; width:calc(150/470*100%); max-width:150px; max-height:150px; overflow:hidden; cursor:pointer; position:relative; }
#instagram ul li:nth-child(3n) { margin-right:0; }
#instagram ul li img { width:100%; object-fit:cover; transition:0.5s; }
#instagram ul li:hover img { transform:scale(1.1, 1.1); }
#instagram ul li a[target^="_blank"]::after { display:none; }
#instagram .insta_btn { text-align:right; }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){ 
#twitter::before { background-image:url('../images/home/character@2x.png'); }
}

/* ============ tablet ============ */
@media screen and (max-width:768px){
/* #twitter */
#twitter {  }

/* #youtube */
#youtube { width:calc(470/(1200 - 60)*100%); right:30px; }
#youtube .movie { padding-top:calc(264/(1000 - 470 - 60)*100%); width:auto; position:relative; }
#youtube iframe { height:100%; position:absolute; top:0; left:0; }

/* #instagram */
#instagram { width:calc(470/(1200 - 60)*100%); right:30px; }
}

/* ============ smart phone ============ */
@media (max-width:750px){
#sns { padding:calc(80/750*100vw) 0 calc(120/750*100vw); }

#sns a[target^="_blank"]::after { margin-left:calc(10/750*100vw); width:calc(20/750*100vw); height:calc(19/750*100vw); }
#sns h3 { margin-bottom:calc(30/750*100vw); font-size:calc(44/750*100vw); }
#sns h3::before { margin-left:calc(20/750*100vw); width:calc(70/750*100vw); height:calc(70/750*100vw); background-size:100% auto; }

/* #twitter */
#twitter { margin-bottom:calc(75/750*100vw); width:100%; }
#twitter::before { width:calc(263/750*100vw); height:calc(123/750*100vw); }
#twitter a::before { width:calc(32/750*100vw); height:calc(25/750*100vw); }

/* #youtube */
#youtube { width:100%; position:static; }
#youtube iframe { height:calc(390/750*100vw); border-radius:calc(8/750*100vw); }
#youtube a::before { width:calc(34/750*100vw); height:calc(25/750*100vw); }

/* #instagram */
#instagram { margin-bottom:calc(70/750*100vw); width:100%; position:static; }
#instagram a::before { width:calc(31/750*100vw); height:calc(31/750*100vw); }

}