@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
/*
font-family: "Zen Maru Gothic", sans-serif;
font-family: "Noto Sans JP", sans-serif;
*/

/* @include _reset.scss */
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
  # Global selectors
# ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
scroll-behavior: smooth;    
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
  # General elements
# ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
  * Correct `block` display not defined for any HTML5 element in IE 8/9
  * Correct `block` display not defined for `details` or `summary` in IE 10/11
  * and Firefox
  * Correct `block` display not defined for `main` in IE 11
  */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
  text-decoration: none;
  color: #000;
}

li {
  list-style: none;
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
  # Forms
 # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto;
  /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

/* # =================================================================
  # Specify media element style
# ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
  # Accessibility
# ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
  # Selection
# ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

/* @include _breakpoints.scss */
/* break point media query */
@media (max-width: 767.9px) {
  .pc {
    display: none !important;
  }
}
.pc_i {
  display: inline;
}
@media (max-width: 767.9px) {
  .pc_i {
    display: none;
  }
}
.pc_ib {
  display: inline-block;
}
@media (max-width: 767.9px) {
  .pc_ib {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 767.9px) {
  .sp {
    display: block;
  }
}
.sp_i {
  display: none;
}
@media (max-width: 767.9px) {
  .sp_i {
    display: inline;
  }
}
.sp_ib {
  display: none;
}
@media (max-width: 767.9px) {
  .sp_ib {
    display: inline-block;
  }
}

.tb {
  display: none;
}
@media (max-width: 767.9px) {
  .tb {
    display: none;
  }
}
.tb_i {
  display: none;
}
@media (max-width: 767.9px) {
  .tb_i {
    display: none;
  }
}
.tb_ib {
  display: none;
}
@media (max-width: 767.9px) {
  .tb_ib {
    display: none;
  }
}

/*common*/
body {
font-size: 14px;
font-family: "Noto Sans JP", sans-serif!important;
font-weight: 500;
color: #000;
letter-spacing: 0.05em;
line-height: 1.7;    
}
@media (max-width: 1080px) {
  body {
    font-size: 1.3671875vw;
  }
}
@media (max-width: 767.9px) {
  body {
    padding-top: 0;
    font-size: 10px;
  }
}

a:hover {
  opacity: 0.7;
  transition: opacity 0.4s;
}

@media (max-width: 1080px) {
  img {
    display: block;
    max-width: 100%;
  }
}
@media (max-width: 767.9px) {
  img {
    display: block;
    max-width: 100%;
  }
}
/*clearfix*/
.cfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}




.js-fadeIn {
  opacity: 0;
}

@media (max-width: 767.9px) {
  .js-fadeIn-sp {
    opacity: 0;
  }
}

.js-fadeUp {
  transform: translateY(30px);
}
@media (max-width: 1080px) {
  .js-fadeUp {
    transform: translateY(2.9296875vw);
  }
}
@media (max-width: 767.9px) {
  .js-fadeUp {
    transform: translateY(4vw);
  }
}

.stagger-elm {
  opacity: 0;
  z-index: 1;
  transform: translateY(30px);
}
@media (max-width: 1080px) {
  .stagger-elm {
    transform: translateY(2.9296875vw);
  }
}
@media (max-width: 767.9px) {
  .stagger-elm {
    transform: translateY(4vw);
  }
}

#pageTop {
  position: absolute;
  top: 60px;
  bottom: 20px;
  right: 50px;
  transition: opacity 0.3s;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 767.9px) {
  #pageTop {
    top: 4.6666666667vw;
    bottom: 2.6666666667vw;
    right: 2.6666666667vw;
    width: 13.3333333333vw;
  }
}
#pageTop.fixed {
  position: fixed;
  top: auto;
  right: 50px;
}
@media (max-width: 767.9px) {
  #pageTop.fixed {
    bottom: 2.6666666667vw;
    right: 2.6666666667vw;
  }
}



img{width:100%;height:auto;}
picture{display:block;}
div{position:relative;}
h2{font-family: "Zen Maru Gothic", sans-serif;font-size:177%;color:#9b1f27;font-weight:600;}
.inner{max-width:1150px; margin:auto;}
.pcbr{display:block;}
.spbr{display:inline-block;}

/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
#voice{padding:77px 0 10px 0;
background: linear-gradient(to bottom,  #f4a24a 0%,#f6e77a 55%);
overflow: hidden;

}
/*
background:  url("../images/voice/title_bg.svg") no-repeat top center;
background-size:77% auto; 
width:70vw;bottom:5vw;left:50%;translate: -50% 0;
*/


/*みんなの森永甘酒 ---------------------------- */
section#title_area{}
section#title_area .inner{max-width:1440px;}
section#title_area .menu {max-width:1440px; display:flex;justify-content: center;align-items: center;margin:0 auto 35px auto;font-family: "Zen Maru Gothic", sans-serif;}
section#title_area .menu .item{margin:0 2.5%;}
section#title_area .menu .item a{ background: url("../images/voice/bg_menu.svg") no-repeat;width:244px;height:50px;color:#fff;
display:flex;align-items: center;justify-content: center;font-size:122%;}
section#title_area .menu .item a:hover{text-decoration:none;}
section#title_area .menu .item a span{flex-basis:16px;top:-1px;position: relative;margin:0 0 0 10px;line-height: 1}
section#title_area .title{max-width: 1440px;margin:0 auto;left:-2%;}

/*日高のりこさん ---------------------------- */
section#hidaka {position: relative;top:-177px;margin:0 0 -144px 0;}
section#hidaka .inner{position:relative;}
section#hidaka .message_wrap{width:62%;margin:0 auto 0 auto;background: #f6e77a;border-radius:3em;display:flex;
justify-content: space-between;align-items: center;padding:2% 2% 1% 2%;}

section#hidaka .message_wrap .hicon_wrap{flex-basis:30%; position: relative;text-align: center;}
section#hidaka .message_wrap .hicon{width:77%;display:inline-block;}
section#hidaka .message_wrap .hicon_wrap .hname{color:#fff;font-family: "Zen Maru Gothic", sans-serif;display:inline-block; padding:2% 7%;background:#2f2c2b; border-radius:3em;line-height: 1.3;font-size:144%;color:#fff;position: relative;top:-30px;}

section#hidaka .message_wrap .text{flex-basis:67%;}
section#hidaka .message_wrap .text .message{line-height: 1.8;font-size:133%;font-family: "Zen Maru Gothic", sans-serif;font-weight: 600;margin:0 0 1em 0;}
section#hidaka .message_wrap .text p.cm{font-size:100%;font-family: "Zen Maru Gothic", sans-serif;font-weight: 500;border-top:1px solid #2f2c2b;padding:0.5em 0 0 0;}

section#hidaka .hidaka_hana{width:30px;position: absolute;left:13%;bottom:-20%;}


/*お客様の声 ---------------------------- */
section#voice_area {margin:0 0 155px 0;}
section#voice_area .inner{max-width:1000px;}

section#voice_area .voice_wrap{position: relative;background: #fff;border-radius:27em;padding:7% 2% 10% 2%;margin:0 1%;}

section#voice_area .voice_wrap h2{text-align: center;margin:0 0 2% 0;padding:0.75%;

background: url("../images/voice/bg_h2.svg") no-repeat center center;


}

section#voice_area .voice_wrap .lead{border-bottom:2px dotted #9b1f27;padding:0 0 1% 0;width:77%; margin:0 auto 3% auto;text-align:center;font-size:110%;}
section#voice_area .voice_wrap .lead p.upper{font-weight:600;}
section#voice_area .voice_wrap .lead p.bottom{font-weight:600;}

section#voice_area .voice_wrap .voice{
    
 position:relative; 
margin:0 0 4% 0;    
font-size:125%;
font-family: "Zen Maru Gothic", sans-serif;


}

section#voice_area .voice_wrap .voice .vinner p{
    

font-family: "Zen Maru Gothic", sans-serif;

font-weight:500;
}



section#voice_area .voice_wrap .voice .vicon_wrap{position: absolute; text-align: center;width:160px;}
section#voice_area .voice_wrap .voice .vicon{width:130px;display:inline-block;}
section#voice_area .voice_wrap .voice .vname{width:160px;display:inline-block; padding:10px 10px;background:#2f2c2b; border-radius:1em;line-height: 1.3;font-size:80%;color:#fff;position: relative;top:-30px;}



section#voice_area .voice_wrap .voice.v01{left:20%;width:72%;}
section#voice_area .voice_wrap .voice.v01 .vinner{ background: #cdaece;padding:5% 5%;border-radius:4em;}
section#voice_area .voice_wrap .voice.v01 .vicon_wrap{left:-18%;bottom:-17%; }


section#voice_area .voice_wrap .voice.v02{left:6%;width:80%;}
section#voice_area .voice_wrap .voice.v02 .vinner{ background: #a5e7e3;padding:5% 5%;border-radius:0;}
section#voice_area .voice_wrap .voice.v02 .vicon_wrap{left:93%;bottom:-17%; }


section#voice_area .voice_wrap .voice.v03{left:17%;width:76%;;}
section#voice_area .voice_wrap .voice.v03 .vinner{ background: #eca77f;padding:5% 5%;border-radius:7em;}
section#voice_area .voice_wrap .voice.v03 .vicon_wrap{left:-18%;bottom:-17%; }


section#voice_area .voice_wrap .voice.v04{left:6%;width:80%;}
section#voice_area .voice_wrap .voice.v04 .vinner{ background: #dfe1d6;padding:5% 5%;border-radius:4em;}
section#voice_area .voice_wrap .voice.v04 .vicon_wrap{left:93%;bottom:-17%; }


section#voice_area .voice_wrap .voice.v05{left:17%;width:76%;}
section#voice_area .voice_wrap .voice.v05 .vinner{ background: #f6e77a;padding:5% 4%;border-radius:0;}
section#voice_area .voice_wrap .voice.v05 .vicon_wrap{left:-18%;bottom:-17%; }


section#voice_area .voice_wrap .voice.v06{left:6%;width:80%;}
section#voice_area .voice_wrap .voice.v06 .vinner{ background: #cdaece;padding:5% 5%;border-radius:4em;}
section#voice_area .voice_wrap .voice.v06 .vicon_wrap{left:93%;bottom:-17%; }


section#voice_area .voice_wrap .voice.v07{left:25%;width:68%;}
section#voice_area .voice_wrap .voice.v07 .vinner{ background: #a5e7e3;padding:5% 5%;border-radius:7em;}
section#voice_area .voice_wrap .voice.v07 .vicon_wrap{left:-18%;bottom:-17%; }

section#voice_area .voice_wrap .voice span{color:#7e2e7b;position: relative;left:-6px;}
section#voice_area .voice_wrap .voice.v01 span{color:#7e2e7b;}
section#voice_area .voice_wrap .voice.v02 span{color:#0090b0;}
section#voice_area .voice_wrap .voice.v03 span{color:#a40000;}
section#voice_area .voice_wrap .voice.v04 span{color:#5b5d59;}
section#voice_area .voice_wrap .voice.v05 span{color:#d86000;}
section#voice_area .voice_wrap .voice.v06 span{color:#7e2e7b;}
section#voice_area .voice_wrap .voice.v07 span{color:#0090b0;}



section#voice_area .voice_wrap .moyou_wrap{position: absolute;height:100%;width:108%;top:0;left:50%;translate: -50% 0;}
section#voice_area .voice_wrap .moyou{width:22%;position: absolute;}
section#voice_area .voice_wrap .moyou.kumo01{width:30%; top:0; right:-7%;}
section#voice_area .voice_wrap .moyou.kumo02{width:23%; top:9%; left:-11%;}
section#voice_area .voice_wrap .moyou.kumo03{width:24%; top:34%; left:-11%;}
section#voice_area .voice_wrap .moyou.kumo04{width:23%; top:84%; right:-13%;}
section#voice_area .voice_wrap .moyou.kumo05{width:23%; top:96%; left:5%;}


section#voice_area .voice_wrap .hana{width:5%;position: absolute;}
section#voice_area .voice_wrap .hana.hana01{width:4%; top:8%; right:9%;}
section#voice_area .voice_wrap .hana.hana02{width:2%; top:11%; left:11%;}
section#voice_area .voice_wrap .hana.hana03{width:3%; top:12%; left:8%;}
section#voice_area .voice_wrap .hana.hana04{width:4%; top:45%; right:9%;}
section#voice_area .voice_wrap .hana.hana05{width:4%; top:84%; left:9%;}
section#voice_area .voice_wrap .hana.hana06{width:3%; top:96%; right:28%;}





/*キャンペーン後日談 ---------------------------- */
section#after_area {margin:0 0 88px 0;}
section#after_area .inner{max-width:1240px;}

section#after_area　.after_area_wrap{}
section#after_area .after_area_wrap div,
section#after_area .after_area_wrap h2{position:absolute;top:0;left:0;}
section#after_area .after_area_wrap h2{top:0.3%;left:40.1%;}

section#after_area .after_area_wrap .sashiire{width:100%;height:100%;}
section#after_area .after_area_wrap h3,
section#after_area .after_area_wrap h5{text-indent: -9999px}


section#after_area .after_area_wrap .sashiire .lead{top:7.5%;left:16%;width:55%;}
section#after_area .after_area_wrap .sashiire .lead p{padding:0 0 0.125% 0;margin:0 0 0.5% 0;font-weight:600;font-size:122%;}
section#after_area .after_area_wrap .sashiire .lead p span{border-bottom:2px dotted #9b1f27;}
section#after_area .after_area_wrap .sashiire .lead p span:last-child{position: relative;left:-4px}

section#after_area .after_area_wrap .sashiire .after_voice{}
section#after_area .after_area_wrap .sashiire .after_voice h4{font-size:130%;font-weight:normal;line-height: 1.5;margin:0 0 3% 0;font-weight:600;font-family: "Zen Maru Gothic", sans-serif;}
section#after_area .after_area_wrap .sashiire .after_voice p{font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;font-size:124%;line-height: 1.7;}

section#after_area .after_area_wrap .sashiire .after_voice.af01{top:15%;left:14%;width:43%; background: #cdaece;border-radius:3em;padding:3% 3%;}
section#after_area .after_area_wrap .sashiire .after_voice.af02{top: 29%;left: 49%;width: 39%;background: #a5e7e3;border-radius: 6em;padding: 3% 3%;}
section#after_area .after_area_wrap .sashiire .after_voice.af03{top: 37%;left: 14%;width: 34%;background: #eca77f;border-radius: 50%;padding: 8% 4%;}
section#after_area .after_area_wrap .sashiire .after_voice.af04{top: 54%;left: 24%;width: 42%;background: #f6e77a;padding: 2% 3%;}



section#after_area .after_area_wrap .senryu{width:100%;height:100%;}
section#after_area .after_area_wrap .senryu h2{top:50%;left:80%;}
section#after_area .after_area_wrap .senryu h4{position:absolute;top:69.7%;left:70.5%;font-size:288%;color:#9b1f27;font-weight:600;}
section#after_area .after_area_wrap .senryu h6{position:absolute;top:0;left:0;display: block; writing-mode: vertical-rl;}
section#after_area .after_area_wrap .senryu p{position:absolute;display: block; writing-mode: vertical-rl;}

section#after_area .after_area_wrap .senryu .prize{font-size:95%;color:#fff;font-weight:normal;}
section#after_area .after_area_wrap .senryu .prize.p01{top:79.3%;left:30%;}
section#after_area .after_area_wrap .senryu .prize.p02{top:75.2%;left:48%;}
section#after_area .after_area_wrap .senryu .prize.p03{top:75.2%;left:62.3%;}
section#after_area .after_area_wrap .senryu .prize.p04{top:75.2%;left:76.6%;}

section#after_area .after_area_wrap .senryu .sakuhin{font-size:164%;color:#000;font-weight:normal;}
section#after_area .after_area_wrap .senryu .sakuhin.s01{top:75.1%;left:23.3%;}
section#after_area .after_area_wrap .senryu .sakuhin.s02{top:75.1%;left:42.8%;}
section#after_area .after_area_wrap .senryu .sakuhin.s03{top:75.1%;left:57.1%;}
section#after_area .after_area_wrap .senryu .sakuhin.s04{top:75.1%;left:71.4%;}

section#after_area .after_area_wrap .senryu .name{font-size:80%;color:#000;}
section#after_area .after_area_wrap .senryu .name.n01{bottom:9.3%;left:21.7%;}
section#after_area .after_area_wrap .senryu .name.n02{bottom:9.3%;left:40.5%;}
section#after_area .after_area_wrap .senryu .name.n03{bottom:9.3%;left:54.8%;}
section#after_area .after_area_wrap .senryu .name.n04{bottom:9.3%;left:69.1%;}



section#after_area .after_area_wrap .link_wrap.others{top:95%;left:0;right:0;margin:auto;}


/*bottom_link ---------------------------- */
section#bottom_link {margin:0 0 77px 0;position: relative;}


/*その他の応募作品を見る*/
.link_wrap{display:flex;justify-content: center;align-items: center;margin:6% 0 6% 0;}
.link_wrap a{display: flex;justify-content: center;align-items: center;color:#8c1c2b;font-family: "Zen Maru Gothic", sans-serif;font-weight:600;font-size:111%;}
.link_wrap a span{width:9%;line-height: 1;margin:0 0 0 3%;display:inline-block;}



@media (max-width: 1440px) {/* -------------------------------------- */
#voice{padding:5vw 0 ;}   
section#title_area .menu {margin:0 auto 2.5vw auto;}
section#title_area .menu .item{margin:0 2.2vw;}
section#title_area .menu .item img{height:4.2vw;}
    
section#hidaka {position: relative;top:-12.25vw;margin:0 0 -10vw 0;}  
section#voice_area {margin:0 0 10vw 0;}    
}/* ----------------------------------------------------------------- */



@media (max-width: 1250px) {/* -------------------------------------- */
section#title_area .menu .item a span{top:0;}  
}/* ----------------------------------------------------------------- */

@media (max-width: 1200px) {/* -------------------------------------- */
  
section#hidaka .message_wrap .hicon_wrap .hname{font-size:1.6vw;top:-2.6vw;}  
section#hidaka .message_wrap .text .message{font-size:1.6vw;}    
section#hidaka .message_wrap .text p.cm{font-size:1.1vw;}  
    
    
section#after_area .after_area_wrap h2{font-size:2.2vw;}
    
section#after_area .after_area_wrap .sashiire .lead{font-size:1.1vw;}    
section#after_area .after_area_wrap .sashiire .after_voice h4{font-size:1.2vw;}
section#after_area .after_area_wrap .sashiire .after_voice p{font-size:1vw;}
    
section#after_area .after_area_wrap .senryu .prize{font-size:1.1vw;}
section#after_area .after_area_wrap .senryu .sakuhin{font-size:1.9vw;}
section#after_area .after_area_wrap .senryu .name{font-size:0.97vw;}
    
}/* ----------------------------------------------------------------- */



@media (max-width: 1000px) {/* -------------------------------------- */
section#voice_area {margin:0 4% 10vw 4%;} 
    
}/* ----------------------------------------------------------------- */



/* ------------------------------------------------------------------- */
@media (max-width: 767.9px) {/* -------------------------------------- */
/* ------------------------------------------------------------------- */
body{background: linear-gradient(to bottom,  #f4a24a 0%,#f6e77a 60%);}    
img{width:100%;height:auto;}
picture{display:block;}
div{position: relative;}
h2{font-size:177%;}
    
.inner{width:100%; margin:auto;}   
.pcbr{display:inline;}
.spbr{display:block;}

    
    
#voice{padding:9vw 0 0 0;}   
    

/*みんなの森永甘酒 ---------------------------- */
section#title_area{}
section#title_area .inner{width:90%;}
section#title_area .menu { margin:0 auto 6vw auto;}
section#title_area .menu .item{margin:0 2.5%;}
section#title_area .menu .item a{width:40vw;height:8vw;font-size:3.1vw;}
section#title_area .menu .item a span{flex-basis:3vw;top:0.4vw;margin:0 0 0 1vw;}
section#title_area .title{width: 92vw;left:0;}   
    
/*日高のりこさん ---------------------------- */
section#hidaka {position: relative;top:2vw;margin:0 0 2vw 0;}  

section#hidaka .message_wrap{width:90%;border-radius:2em;padding:3vw ;}
    

section#hidaka .message_wrap .hicon_wrap{flex-basis:35%; position: relative;text-align: center;}
section#hidaka .message_wrap .hicon{width:88%;display:inline-block;}
section#hidaka .message_wrap .hicon_wrap .hname{font-size:3.3vw;top:-5vw;}  

section#hidaka .message_wrap .text{flex-basis:62%;}
section#hidaka .message_wrap .text .message{font-size:3.3vw;line-height: 1.9;}    
section#hidaka .message_wrap .text p.cm{font-size:2.8vw;}    
    
    section#hidaka .moyou{position:absolute;}
section#hidaka .moyou.kumo01{width:33%; top:-21%; right:-17%;}
section#hidaka .moyou.kumo02{width:25%; top:105%; left:-13%;} 
    
    

 /*お客様の声 ---------------------------- */
section#voice_area {margin:0 2vw 15vw 2vw;border-radius:10vw;padding:7% 2% 10% 2%;}
    
section#voice_area .voice_wrap{position: relative;background: #fff;border-radius:33vw;padding:10vw 2vw 3vw 2vw;margin:0 1.5vw;}
    
section#voice_area .voice_wrap h2{font-size:4.6vw;margin: 0 0 4vw 0;padding: 1.1vw;}
section#voice_area .voice_wrap .lead{margin:0 auto 6vw auto;padding:0 0 2vw 0;width:80vw;line-height: 1.9;font-size:3.3vw;}
section#voice_area .voice_wrap .voice p{margin:0 0 2vw 0;}
    


section#voice_area .voice_wrap .voice{ position:relative; margin:0 0 33vw 0;font-size:3.9vw;}


section#voice_area .voice_wrap .voice .vicon_wrap{position: absolute; text-align: center;width:34vw;}
section#voice_area .voice_wrap .voice .vicon{width:23vw;display:inline-block;}
section#voice_area .voice_wrap .voice .vname{width:36vw;display:inline-block; padding: 2vw 1vw;border-radius:3vw;line-height: 1.3;font-size:3.1vw;color:#fff;position: relative;top:-4vw;}




section#voice_area .voice_wrap .voice.v01{width:96%;left:50%;translate: -50% 0;}
section#voice_area .voice_wrap .voice.v01 .vinner{ background: #cdaece;padding:5% 5%;border-radius:10vw;}
section#voice_area .voice_wrap .voice.v01 .vicon_wrap{left:20vw;bottom:-27%; }


section#voice_area .voice_wrap .voice.v02{width:96%;left:50%;translate: -50% 0;}
section#voice_area .voice_wrap .voice.v02 .vinner{ background: #a5e7e3;padding:5% 5%;border-radius:0;}
section#voice_area .voice_wrap .voice.v02 .vicon_wrap{left:45%;bottom:-25%; }


section#voice_area .voice_wrap .voice.v03{width:96%;left:50%;translate: -50% 0;}
section#voice_area .voice_wrap .voice.v03 .vinner{ background: #eca77f;padding:5% 5%;border-radius:10vw;}
section#voice_area .voice_wrap .voice.v03 .vicon_wrap{left:10%;bottom:-24%; }


section#voice_area .voice_wrap .voice.v04{width:96%;left:50%;translate: -50% 0;}
section#voice_area .voice_wrap .voice.v04 .vinner{ background: #dfe1d6;padding:5% 5%;border-radius:7vw;}
section#voice_area .voice_wrap .voice.v04 .vicon_wrap{left:45%;bottom:-27%; }


section#voice_area .voice_wrap .voice.v05{width:96%;left:50%;translate: -50% 0;}
section#voice_area .voice_wrap .voice.v05 .vinner{ background: #f6e77a;padding:5% 4%;border-radius:0;}
section#voice_area .voice_wrap .voice.v05 .vicon_wrap{left:12%;bottom:-28%; }


section#voice_area .voice_wrap .voice.v06{width:96%;left:50%;translate: -50% 0;}
section#voice_area .voice_wrap .voice.v06 .vinner{ background: #cdaece;padding:5% 5%;border-radius:10vw;}
section#voice_area .voice_wrap .voice.v06 .vicon_wrap{left:63%;bottom:-21%;  }


section#voice_area .voice_wrap .voice.v07{width:96%;left:50%;translate: -50% 0;}
section#voice_area .voice_wrap .voice.v07 .vinner{ background: #a5e7e3;padding:5% 5%;border-radius:10vw;}
section#voice_area .voice_wrap .voice.v07 .vicon_wrap{left:63%;bottom:-25%; }






section#voice_area .voice_wrap .moyou_wrap{position: absolute;height:100%;width:108%;top:0;left:50%;translate: -50% 0;}
section#voice_area .voice_wrap .moyou{width:22%;position: absolute;}
section#voice_area .voice_wrap .moyou.kumo01{width:35%; top:0; right:-12%;}
section#voice_area .voice_wrap .moyou.kumo02{width:32%; top:38%; left:-22%;}
section#voice_area .voice_wrap .moyou.kumo03{width:36%; top:16.5%; left:-17%;}
section#voice_area .voice_wrap .moyou.kumo04{width:37%; top:44.75%; right:-7%;}
section#voice_area .voice_wrap .moyou.kumo05{width:41%; top:31%; left:-7%;}

/*sp*/    
section#voice_area .voice_wrap .moyou.kumo06{width:31%; top:30%; right:-13%;}    
section#voice_area .voice_wrap .moyou.kumo07{width:32%; top:67%; left:-16%;}   
section#voice_area .voice_wrap .moyou.kumo08{width:39%; top:83%; left:-18%;}   
section#voice_area .voice_wrap .moyou.kumo09{width:39%; top:97%; left:-20%;}   
section#voice_area .voice_wrap .moyou.kumo10{width:35%; top:99.5%; left:11%;}   
section#voice_area .voice_wrap .moyou.kumo11{width:31%; top:66%; right:-13%;}      
section#voice_area .voice_wrap .moyou.kumo12{width:31%; top:70.2%; right:-5%;}      
section#voice_area .voice_wrap .moyou.kumo13{width:31%; top:86.5%; right:-18%;}      

section#voice_area .voice_wrap .hana{width:5%;position: absolute;}

section#voice_area .voice_wrap .hana.hana02{width:3%; top:1.3%; left:20%;}
section#voice_area .voice_wrap .hana.hana03{width:5%; top:1.5%; left:14%;}
section#voice_area .voice_wrap .hana.hana01{width:6%; top:3.9%; right:8%;}  
    
section#voice_area .voice_wrap .hana.hana04{width:4%; top:16.9%; right:24%;}
section#voice_area .voice_wrap .hana.hana06{width:5%; top:17.5%; right:17%;}
section#voice_area .voice_wrap .hana.hana05{width:4%; top:29.9%; left:20%;}
    
 /*sp*/   
    
section#voice_area .voice_wrap .hana.hana07{width:6%; top:44%; left:65%;}  
section#voice_area .voice_wrap .hana.hana08{width:3%; top:44.6%; left:61%;}  
section#voice_area .voice_wrap .hana.hana09{width:5%; top:56%; left:33%;}  
section#voice_area .voice_wrap .hana.hana10{width:6.5%; top:57%; left:10%;}  
section#voice_area .voice_wrap .hana.hana11{width:6%; top:69.5%; left:70%;}  
section#voice_area .voice_wrap .hana.hana12{width:5%; top:84.5%; left:29%;}  
section#voice_area .voice_wrap .hana.hana13{width:5%; top:96.9%; left:42%;}  
section#voice_area .voice_wrap .hana.hana14{width:7%; top:97.5%; left:49%;}  
    
    
    
    

section#voice_area .voice_wrap .voice span{color:#7e2e7b;position: relative;left:-6px;}

    
    
    
    
    
    
/*キャンペーン後日談 ---------------------------- */
section#after_area {margin:0 0 10vw 0;}
section#after_area .inner{width:100%;}

section#after_area　.after_area_wrap{}
section#after_area .after_area_wrap h2{top:0.8vw;width:44vw;left:0;right:0;margin:auto;font-size:4.6vw;}


section#after_area .after_area_wrap h3,
section#after_area .after_area_wrap h5{text-indent: -9999px}


section#after_area .after_area_wrap .sashiire .lead{top:36vw;left:12vw;width:69vw;font-size:2.7vw;}
section#after_area .after_area_wrap .sashiire .lead p{padding:0 0 2vw 0;margin:0 0 0 0;line-height: 1.9}
section#after_area .after_area_wrap .sashiire .lead p span{border-bottom:2px dotted #9b1f27;display:inline-block;}

section#after_area .after_area_wrap .sashiire .after_voice{}
section#after_area .after_area_wrap .sashiire .after_voice h4{font-size:4vw;line-height: 1.7;margin:0 0 2.75vw 0;}
section#after_area .after_area_wrap .sashiire .after_voice p{font-size:3.7vw;line-height: 1.6;}

section#after_area .after_area_wrap .sashiire .after_voice.af01{top:94vw;width:83vw;left:0;right:0;margin:auto;border-radius:3em;padding:3vw;}
section#after_area .after_area_wrap .sashiire .after_voice.af02{top:197vw;width:83vw;left:0;right:0;margin:auto;border-radius: 6em;padding:6vw;}
section#after_area .after_area_wrap .sashiire .after_voice.af03{top:334vw;width:83vw;left:0;right:0;margin:auto;border-radius: 39%;padding: 15vw 6vw;}
section#after_area .after_area_wrap .sashiire .after_voice.af04{top:460vw;width:83vw;left:0;right:0;margin:auto;padding: 3vw;}


    
    
    

section#after_area .after_area_wrap .senryu h2{top:50vw;left:80vw;}
section#after_area .after_area_wrap .senryu h4{position:absolute;top:560vw;left:63vw;font-size:6vw;}
section#after_area .after_area_wrap .senryu h6{position:absolute;top:0;left:0;display: block; writing-mode: vertical-rl;}
section#after_area .after_area_wrap .senryu p{position:absolute;display: block; writing-mode: vertical-rl;}

section#after_area .after_area_wrap .senryu .prize{font-size:2.7vw;color:#fff;font-weight:normal;}
section#after_area .after_area_wrap .senryu .prize.p01{top:685vw;left:56vw;height:32vw;}
section#after_area .after_area_wrap .senryu .prize.p02{top:582vw;left:30vw;height:55vw;}
section#after_area .after_area_wrap .senryu .prize.p03{top:582vw;left:55.5vw;height:55vw;}
section#after_area .after_area_wrap .senryu .prize.p04{top:582vw;left:80.5vw;height:55vw;}

section#after_area .after_area_wrap .senryu .sakuhin{font-size:4.12vw;color:#000;font-weight:normal;}
section#after_area .after_area_wrap .senryu .sakuhin.s01{top:669vw;left:44.2vw;height:75vw;}
section#after_area .after_area_wrap .senryu .sakuhin.s02{top:581vw;left:19vw;height:75vw;}
section#after_area .after_area_wrap .senryu .sakuhin.s03{top:581vw;left:45vw;height:75vw;}
section#after_area .after_area_wrap .senryu .sakuhin.s04{top:581vw;left:70vw;height:75vw;}

section#after_area .after_area_wrap .senryu .name{font-size:2.2vw;color:#000;}
section#after_area .after_area_wrap .senryu .name.n01{bottom:26vw;left:41.5vw;}
section#after_area .after_area_wrap .senryu .name.n02{bottom:113vw;left:16vw;}
section#after_area .after_area_wrap .senryu .name.n03{bottom:113vw;left:41.3vw;}
section#after_area .after_area_wrap .senryu .name.n04{bottom:113vw;left:66.5vw;}


    
    
    
   


.after_area_wrap .link_wrap.others{top:747vw!important;left:0!important;right:0!important;margin:auto;}




    
    


/*bottom_link ---------------------------- */
section#bottom_link {margin:0 0 9vw 0;position: relative;}

   
    
/*ブランドサイトTOPへ*/
.link_wrap{margin:7vw 0 0 0;}
.link_wrap a{font-size:3.5vw;}
.link_wrap a span{width:8vw;line-height: 1;margin:0 0 0 3vw;}  
    
    
/* ------------------------------------------------------------------- */
}/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------- */