@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&family=Murecho:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Shippori+Mincho&family=Shippori+Mincho+B1:wght@400;700&display=swap');
/*
@font-face {
font-family:"Shippori Mincho B1";
src:local('ヒラギノ角ゴ'), local('HiraKaku'), serif;
}
*/
:root {
--shippori-mincho-b1-regular: "Shippori Mincho B1","Shippori Mincho", serif;
--you-gothic: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
--sawarabi:"Sawarabi Mincho", serif;
}
/*.wf-sawarabimincho { font-family:"Sawarabi Mincho"; }*/
/* ========================================================================

  /product/tableroll/css/nama_selection.css

======================================================================== */
main { background-color:#282828; }
main .wrapper { margin:auto; /*max-width:1300px;*/ background-color:#f6f5f1; }
main h2,
main h3 { text-align:center; font-size:0; }
main a.btn { display:block; font-size:0; }
main p.text { color:#000000; line-height:calc(40/18); font-size:18px; font-size:1.8rem; word-break:normal; font-family:var(--shippori-mincho-b1-regular); font-weight:400; }
main p.img { font-size:0; }

main p.note { color:#333333; text-align:left; }
main p.note small { font-size:14px; font-size:1.4rem; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
main p.text { line-height:calc(56/28); font-size:calc(28/750*100vw); }
main p.note small { line-height:calc(75.93/20); font-size:calc(20/750*100vw); }
}
/************************************************************************
  #main-image
************************************************************************/
#main-image { margin:0 auto; /*max-width:1300px;*/ height:calc(502/1300*100vw); background:url('../images/main_image.png') no-repeat center; background-size:auto 100%; font-size:0; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#main-image { background-image:url('../images/main_image@2x.png'); }
}
/* ============ tablet:vertical ============ */
@media screen and (max-width:768px){
#main-image { height:calc(502/1300*100vw); }
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#main-image { height:calc(288/750*100vw); background-image:url('../images/main_image_sp.png'); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#main-image { background-image:url('../images/main_image_sp@2x.png'); }
}
}
/************************************************************************
  #lead
************************************************************************/
#lead { padding:75px 0 0; }
#lead::before { content:''; margin:auto; width:100%; max-width:1300px; height:510px; background:url('../images/bg_lead.png') no-repeat center; background-size:100% auto; display:block; }
#lead h2 { margin-bottom:60px; }
#lead p { text-align:center; }
#lead p.text { padding-bottom:60px; text-align:left; }
#lead a.btn-lineup { margin:0 auto; width:484px; height:144px; background:url('../images/btn_lineup.png') no-repeat center; background-size:100% auto; transition:0.5s; }
#lead a.btn-lineup:hover { transform:translate(5px, 5px); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#lead::before { background-image:url('../images/bg_lead@2x.png'); }
#lead a.btn-lineup { background-image:url('../images/btn_lineup@2x.png'); }
}
/* ============ tablet:vertical ============ */
@media screen and (max-width:768px){
#lead::before { height:calc((510* 1.2)/1300*100vw); background-size:auto 100%;}
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#lead { padding-top:calc(60/750*100vw); }
#lead::before { height:calc(409/750*100vw); background-image:url('../images/bg_lead_sp.png'); }
#lead h2 { margin-bottom:calc(40/750*100vw); }
#lead h2 img { width:calc(404/750*100vw); }
#lead p.text { margin:auto; padding-bottom:calc(50/750*100vw); width:calc(650/750*100vw); text-align:left; }
#lead a.btn-lineup { width:calc(654/750*100vw); height:calc(170/750*100vw); }
}
/************************************************************************
  .bg
************************************************************************/
main .bg { position:relative; z-index:1; }
main .bg:before { content:''; margin:auto; width:100%; height:932px; background:url('../images/bg.png') no-repeat center; background-size:auto 100%; display:block; position:absolute; top:-135px; right:0; left:0; z-index:-1; pointer-events:none; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
main .bg:before { background-image:url('../images/bg@2x.png'); }
}
/* ============ tablet:vertical ============ */
@media screen and (max-width:768px){
main .bg:before { width:100%; height:calc(891/1300*100vw); top:calc(-85/1300*100vw); }
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
main .bg:before { width:100%; height:calc(868/750*100vw); background-image:url('../images/bg_sp.png'); top:calc(-43/750*100vw); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
main .bg:before { background-image:url('../images/bg_sp@2x.png'); }
}
}
/************************************************************************
  .contents
************************************************************************/
main .contents { margin:auto; padding:0; width:760px; }
/* ============ tablet:vertical ============ */
@media screen and (max-width:768px){
main .contents { width:700px; }
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
main .contents { margin:auto calc(30/750*100vw); width:auto; }
}
/************************************************************************
  .package
************************************************************************/
h2.package::before { content:''; margin:auto auto -15px; width:643px; height:427px; background-repeat:no-repeat; background-position:center; background-size:100% auto; display:block; }
/************************************************************************
  #nama-bread
************************************************************************/
#nama-bread { padding-top:305px; }
#nama-bread h2 { margin-bottom:90px; }
#nama-bread h2.package::before { width:760px; height:407px; background-image:url('../images/bg_nama_bread.png'); }
#nama-bread p.text { margin-bottom:2em; }
/* .flex */
#nama-bread .flex { justify-content:space-between; }
#nama-bread .flex .text { order:2; width:340px; }
#nama-bread .flex .img { order:1; width:408px; position:relative; top:-10px; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#nama-bread h2.package::before { background-image:url('../images/bg_nama_bread@2x.png');  }
}
/* ============ tablet:vertical ============ */
@media screen and (max-width:768px){
#nama-bread { padding-top:calc(305/1300*100vw); }
#nama-bread h2.package::before { width:calc(643/1300*100vw); height:calc(427/1300*100vw); }
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#nama-bread { padding-top:calc(308/750*100vw); margin-bottom:calc(50/750*100vw); }
#nama-bread h2 { margin-bottom:calc(55/750*100vw); }
#nama-bread h2.package::before { width:calc(579/750*100vw); height:calc(384/750*100vw); }
#nama-bread h2 img { width:calc(287/750*100vw); }
/* .flex */
#nama-bread .flex { padding-bottom:calc(110/750*100vw); flex-direction:column; }
#nama-bread .flex .text { order:2; margin:auto; width:calc(650/750*100vw); }
#nama-bread .flex .img { margin:auto auto calc(50/750*100vw); width:calc(650/750*100vw); top:auto; }
}
/************************************************************************
  #voice
************************************************************************/
#voice h2 { margin-bottom:20px; height:60px; color:#ffffff; text-align:center; position:relative; letter-spacing:0.02em; line-height:1; font-weight:700; font-family:var(--shippori-mincho-b1-regular); font-size:20px; font-size:2.0rem; display:flex; justify-content:center; align-items:center; }
#voice h2::after { content:''; margin:auto; width:207px; height:61px; background:url('../images/h2_voice.png') no-repeat; background-size:100% auto; display:block; position:absolute; top:-2px; right:0; left:0; z-index:-1; }
#voice h3 { margin-bottom:1em; letter-spacing:0.02em; font-weight:700; font-family:var(--shippori-mincho-b1-regular); font-size:18px; font-size:1.8rem; }
/* ul */
#voice ul { margin:auto; width:670px; display:flex; justify-content:space-between; }
#voice ul li { padding-bottom:65px; position:relative; }
#voice ul li .img { position:absolute; bottom:20px; }
#voice-001 { right:0; }
#voice-002 { right:10px; }
#voice-001 img { width:116px;  }
#voice-002 img { width:94px; }

main #voice p.note { margin:0 25px; }

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

/* ============ tablet:vertical ============ */
@media screen and (max-width:768px){
#voice-001 img { width:calc(116/768*100vw); }
#voice-002 img { width:calc(94/768*100vw); }
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#voice { position:relative; z-index:1; }
#voice h2 { margin-bottom:calc(40/750*100vw); height:calc(64/750*100vw); font-size:calc(28/750*100vw); }
#voice h2::after { width:calc(307/750*100vw); height:calc(76/750*100vw); background-image:url('../images/h2_voice_sp.png'); }
#voice h3 { line-height:calc(50/30); font-size:calc(30/750*100vw); }
#voice ul { margin-bottom:calc(-35/750*100vw); width:auto; flex-direction:column; }
#voice ul li { padding-bottom:calc(35/750*100vw); }
#voice ul li .img { bottom:calc(20/750*100vw); }
#voice-001 { right:calc(5/750*100vw); }
#voice-001 img { width:calc(200/750*100vw); }
#voice-002 img { width:calc(167/750*100vw); }

main #voice p.note { margin:0 auto; width:calc(560/750*100vw); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#voice h2::after { background-image:url('../images/h2_voice_sp@2x.png'); }
}
}
/************************************************************************
  .box
************************************************************************/
main .box { margin:auto; padding:0 0 20px; width:760px; background-color:#fbfbfb; color:#533707; border-radius:14px;filter:drop-shadow(0 0 20px rgba(47,48,48,0.12)); }
/* ============ tablet:vertical ============ */
@media screen and (max-width:768px){
main .box { padding:0 0 20px; width:700px; }
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
main .box { padding-bottom:calc(20/750*100vw);; width:calc(650/750*100vw); background-color:#fbfbfb; color:#533707; border-radius:calc(14/750*100vw); filter:drop-shadow(0 0 calc(20/750*100vw) rgba(47,48,48,0.12)); }
}
/************************************************************************
  .fukidashi
************************************************************************/
#nama-selection main .fukidashi { padding:30px; width:320px; color:#533707; background-color:#f0ede3; border-radius:10px; position:relative; }
#nama-selection main .fukidashi::after { content: ''; margin:auto; width:35px; height:21px; background-color:#f0ede3; clip-path:polygon(0 0, 65% 0, 82% 90%); position:absolute; bottom:-21px; left:170px; }
#nama-selection main .fukidashi p.text { margin-bottom:0; color:#533707; word-break:normal; line-height:calc(26/15); font-feature-settings:'palt'; font-family:var(--you-gothic); font-size:15px; font-size:1.5rem; }
#nama-selection main .fukidashi p.text strong { padding:0.2em 0; background:linear-gradient(transparent 20%, rgba(254,228,117,0.3) 60%); /*display:inline-block;*/ font-weight:normal; }
#nama-selection main .fukidashi p.text span { display:block; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#nama-selection main .fukidashi { margin:auto; padding:calc(35/750*100vw) calc(40/750*100vw); width:calc(560/750*100vw); border-radius:calc(10/750*100vw); }
#nama-selection main .fukidashi p.text { line-height:calc(42/24); font-size:calc(24/750*100vw); }
#nama-selection main .fukidashi p.text span { width:calc(370/750*100vw); display:block; }
#nama-selection main .fukidashi::after { display:none; }
}
/************************************************************************
  #nama-roll-croissant
************************************************************************/
#nama-roll-croissant { padding-top:400px;  }
#nama-roll-croissant::before { height:1019px; background-image:url('../images/bg_2.png'); top:-110px; }
#nama-roll-croissant h2 { margin-bottom:60px; }
#nama-roll-croissant h2.package::before { margin-bottom:20px; width:524px; height:255px; background-image:url('../images/bg_nama_roll_croissant.png'); }
#nama-roll-croissant p.text { margin-bottom:60px; }
#nama-roll-croissant h3 { width:406px; height:72px; background-image:url('../images/h3_nama_roll_croissant.png');  }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#nama-roll-croissant::before { background-image:url('../images/bg_2@2x.png'); }
#nama-roll-croissant h2.package::before { background-image:url('../images/bg_nama_roll_croissant@2x.png'); }
#nama-roll-croissant h3 { background-image:url('../images/h3_nama_roll_croissant@2x.png'); }
#nama-roll-croissant h3::after { background-image:url('../images/h3_nama_roll_croissant_a@2x.png'); }
}
/* ============ tablet:vertical ============ */
@media screen and (max-width:768px){
#nama-roll-croissant { position:relative; z-index:2 }
#nama-roll-croissant h2.package::before { width:calc(524/1300*100vw); height:calc(255/1300*100vw); }
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#nama-roll-croissant { padding-top:calc(270/750*100vw); }
#nama-roll-croissant::before { height:calc(687/750*100vw); background-image:url('../images/bg_2_sp.png'); top:calc(-10/750*100vw); }
#nama-roll-croissant h2.package::before { width:calc(509/750*100vw); height:calc(259/750*100vw); }
#nama-roll-croissant h2 { margin-bottom:calc(50/750*100vw); }
#nama-roll-croissant h2 img { width:calc(402/750*100vw); }
#nama-roll-croissant h3 { width:calc(524/750*100vw); height:calc(89/750*100vw); }

#nama-roll img { width:calc(164/750*100vw); }
#nama-croissant img { width:calc(191/750*100vw); }
}
/************************************************************************
  .award
************************************************************************/
.award .box { padding-top:70px; padding-bottom:50px; color:#010101; }
.award h3 { margin:auto auto 40px;  background-repeat:no-repeat; background-position:center; background-size:100% auto; position:relative; }
.award h3::after { content:''; margin:0; width:102px; height:125px; background-image:url('../images/icon_jfc.png');background-repeat:no-repeat; background-position:center; background-size:100% auto; display:inline-block; position:absolute; right:-110px; top:-45px; }

.award ul { margin:auto; width:540px; display:flex; justify-content:space-between;; }
.award ul li { display:flex; flex-direction:column; }
.award ul li .text { order:2; width:250px; }
.award ul li .img { order:1; margin-bottom:15px; text-align:center; font-size:0; }

.award ul li .text h4 { margin-bottom:1em; text-align:center; font-weight:700; font-family:var(--shippori-mincho-b1-regular); }
.award ul li .text p { word-break:normal; font-weight:400; font-family:var(--shippori-mincho-b1-regular); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
.award h3::after { background-image:url('../images/icon_jfc@2x.png'); }
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
.award .box { padding-top:calc(55/750*100vw); padding-bottom:calc(60/750*100vw); color:#010101; }
.award ul { width:calc(560/750*100vw); flex-direction:column; }
.award ul li { margin-bottom:calc(40/750*100vw); flex-direction:row; justify-content:space-between; align-items:center; }
.award ul li:last-child { margin-bottom:0; }
.award ul li .text { width:calc(340/750*100vw); }
.award h3::after { width:calc(108/750*100vw); height:calc(132/750*100vw); top:calc(-120/750*100vw); right:calc(-95/750*100vw); }
.award ul li .text h4 { margin-bottom:0.5em; text-align:left; font-size:calc(24/750*100vw); }
.award ul li .text p { font-size:calc(24/750*100vw); }
.award ul li .img { width:calc((550 - 360)/750*100vw); text-align:center; }
.award h3 { margin-bottom:calc(50/750*100vw); }
}
/************************************************************************
  #nama-melonpan
************************************************************************/
#nama-melonpan { margin-bottom:-180px; padding-top:400px; top:-180px; }
#nama-melonpan::before { background-image:url('../images/bg_2.png'); top:-15px; }
#nama-melonpan h2 { margin-bottom:60px; }
#nama-melonpan h2.package::before { margin-bottom:20px; width:557px; height:284px; background-image:url('../images/bg_nama_melonpan.png'); }

#nama-melonpan h3 { width:406px; height:72px; background-image:url('../images/h3_nama_melonpan.png'); }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#nama-melonpan::before { background-image:url('../images/bg_2@2x.png'); }
#nama-melonpan h2.package::before { background-image:url('../images/bg_nama_melonpan@2x.png'); }
#nama-melonpan h3 { background-image:url('../images/h3_nama_melonpan@2x.png'); }
}
/* ============ tablet:vertical ============ */
@media screen and (max-width:768px){
#nama-melonpan { padding-top:calc(400/1300*100vw); top:calc(-180/1300*100vw); z-index:1; }
#nama-melonpan h2.package::before { width:calc(557/1300*100vw); height:calc(284/1300*100vw); }
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#nama-melonpan { margin-bottom:auto; padding-top:calc(233/750*100vw); top:auto; }
#nama-melonpan::before { height:calc(687/750*100vw); background-image:url('../images/bg_3_sp@2x.png'); }
#nama-melonpan h2 { margin-bottom:calc(60/750*100vw); }
#nama-melonpan h2.package::before { width:calc(484/750*100vw); height:calc(256/750*100vw); }
#nama-melonpan h2 img { width:calc(570/750*100vw); }
#nama-melonpan h3 { width:calc(524/750*100vw); height:calc(89/750*100vw); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#nama-melonpan::before { background-image:url('../images/bg_3_sp@2x.png'); }
}
}
/************************************************************************
  .link
************************************************************************/
main .link { padding:60px 0 120px; text-align:center; }
main .link a { font-weight:700; font-family:var(--shippori-mincho-b1-regular); font-size:18px; font-size:1.8rem; }
main .link a::after { content:''; width:7px; height:12px; background:url('../images/icon_arrow.svg') no-repeat; background-size:100% auto; vertical-align:middle; display:inline-block; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
main .link { padding:calc(80/750*100vw) 0 calc(100/750*100vw); text-align:center; }
main .link a { font-size:calc(26/750*100vw); }
main .link a::after { width:calc(7/750*100vw); height:calc(12/750*100vw); }
}
/************************************************************************
  .wave
************************************************************************/
.wave { background-color:#e4e0d5; position:relative; top:calc(-200/2000*100vw); z-index:0; }
.wave::before { content:''; width:100%; height:calc(513/2000*100vw); background:url('../images/bg_wave_b.png') no-repeat center; background-size:100% auto; display:block; }
.wave::after { content:''; width:100%; height:calc(500/2000*100vw); background:url('../images/bg_wave_a.png') no-repeat center; background-size:100% auto; display:block; position:relative; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
.wave::before { background-image:url('../images/bg_wave_b@2x.png'); }
.wave::after { background-image:url('../images/bg_wave_a@2x.png'); }
}
/* ============ 2000px ============ */
@media screen and (max-width:2000px){
.wave { top:-200px;  }
.wave::before { height:513px; background-size:auto 100%; }
.wave::after { height:500px; background-size:auto 100%; }
}
/* ============ tablet:vertical ============ */
@media screen and (max-width:768px){
.wave { top:calc(-200/1300*100vw); }
.wave::before { height:calc(513/1300*100vw); }
.wave::after { height:calc(500/1300*100vw); }
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
.wave { /*top:calc(-200/750*100vw);*/top:auto; }
.wave::before { height:calc(122/750*100vw); background-image:url('../images/bg_wave_b_sp.png'); }
.wave::after { height:calc(122/750*100vw); background-image:url('../images/bg_wave_a_sp.png'); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
.wave::before { background-image:url('../images/bg_wave_b_sp@2x.png'); }
.wave::after { background-image:url('../images/bg_wave_a_sp@2x.png'); }
}
}
/************************************************************************
  #recipes
************************************************************************/
#recipes { margin-bottom:calc(-50/2000*100vw); font-weight:400; font-family:var(--shippori-mincho-b1-regular); position:relative; top:calc(-50/2000*100vw); }
#recipes h2 { margin:0 auto 1.5em; color:#533707; font-size:24px; font-size:2.4rem; }
#recipes .btn-recipes a { margin:auto auto 120px; width:415px; height:65px; background-color:#533707; color:#ffffff; border-radius:32.5px; line-height:1; font-size:20px; font-size:2.0rem; display:flex; justify-content:center; align-items:center; }
#recipes .btn-recipes a::after { content:''; margin-left:10px; width:9px; height:16px; background:url('../images/arrow.svg') no-repeat; background-size:100% auto; vertical-align:middle; display:inline-block; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#recipes { padding-top:calc(100/750*100vw); top:auto; }
#recipes h2 { font-size:calc(36/750*100vw); }
#recipes .btn-recipes a { width:calc(500/750*100vw); height:calc(80/750*100vw); font-size:calc(26/750*100vw); }
#recipes .btn-recipes a::after { width:calc(11/750*100vw); height:calc(19/750*100vw); }
}
/************************************************************************
  #share
************************************************************************/
#share { margin-bottom:calc(-50/2000*100vw); text-align:center; font-weight:400; font-family:var(--shippori-mincho-b1-regular); position:relative; z-index:1; }
#share h2 { margin:0 auto 1.5em; line-height:calc(26/16); letter-spacing:0.01em; font-size:16px; font-size:1.6rem; display:inline-block; position:relative; }

#share h2::before,
#share h2::after { content:''; margin:auto; width:1px; height:43px; background-color:#000000; display:block; position:absolute; top:0; bottom:0; }
#share h2::before { transform:rotate(-45deg); left:-10px; }
#share h2::after { transform:rotate(45deg); right:-10px; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#share { margin-bottom:0; }
#share h2 { font-size:calc(24/750*100vw); }
#share h2::before,
#share h2::after { width:calc(2/750*100vw); height:calc(72/750*100vw); }
#share a img { width:calc(80/750*100vw); }
}
/************************************************************************
  .lineup
************************************************************************/
#nama-selection main .lineup { margin-bottom:calc(-320/2000*100vw); padding:0 0 150px; position:relative; top:calc(-320/2000*100vw); }
#nama-selection main .lineup .contents { width:1000px; }
#nama-selection main .lineup h2 { margin-bottom:70px; }
#nama-selection main .lineup p.text { color:#533707; line-height:1.5;/*font-weight:700; font-family:var(--you-gothic);*/ font-size:14px; font-size:1.4rem; }
#nama-selection main #lineup { margin-top:calc(-500/2000*100vw); padding-top:calc(500/2000*100vw); display:block; pointer-events:none; }

/* ============ 2001px ============ */
@media screen and (min-width:2001px){
#nama-selection main #nama-selection main #lineup { margin-top:-500px; padding-top:500px; }
}
/* ============ tablet:vertical ============ */
@media screen and (max-width:768px){
#nama-selection main #lineup { margin-top:calc(-300/768*100vw); padding-top:calc(300/768*100vw); }
#nama-selection main .lineup .contents { margin:0 calc(30/768*100vw); width:auto; }
#nama-selection main .lineup ul { justify-content:space-between; }
}
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#nama-selection main #lineup { margin-top:calc(-200/750*100vw); padding-top:calc(200/750*100vw); }
#nama-selection main .lineup { margin-bottom:0; padding-bottom:calc(100/750*100vw);  top:0 }
#nama-selection main .lineup h2 { margin-bottom:calc(80/750*100vw); }
#nama-selection main .lineup h2 img { width:calc(356/750*100vw); }
#nama-selection main .lineup p.text { font-size:calc(26/750*100vw); }
}
 
strong.marker { padding:0.2em 0; background:linear-gradient(transparent 20%, rgba(254,228,117,0.3) 60%); font-weight:normal; word-break:normal; }