@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;600;700&family=Noto+Serif+JP:wght@500;600;700&display=swap");
/* @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;applyTitle
/* 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;
transition: opacity 0.4s;
    

    
}



li {
list-style: none;
}

div{position:relative;}
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 */
width:100%;
height:auto;
}

/* 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-weight: 400;
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;
}
}

#amazake_cp h1,
#amazake_cp h2,
#amazake_cp h3,
#amazake_cp h4,
#amazake_cp h5,
#amazake_cp h6,
#amazake_cp ul,
#amazake_cp ol,
#amazake_cp dl,
#amazake_cp li,
#amazake_cp dt,
#amazake_cp dd,
#amazake_cp p,
#amazake_cp a,
#amazake_cp span,
#amazake_cp header,
#amazake_cp section,
#amazake_cp article,
#amazake_cp aside,
#amazake_cp footer,
#amazake_cp figure,
#amazake_cp figcaption,
#amazake_cp nav {
font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", sans-serif;
}

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%;
}
}
.bold {
font-weight: bold;
}

.large {
font-size: 1.15em;
}

.small {
font-size: 0.85em;
}

.flex{display:flex;justify-content: space-between;align-items: center;}


/*clearfix*/
.cfx:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/*Layout*/



.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);
}
}



/* チェックボックス全体 */
.c-checkbox-wrap {
display: block;
position: relative;
width: 620px;
padding-left: 50px;
margin: 0 auto 12px;
cursor: pointer;
font-size: 20px;
user-select: none;
font-weight: 500;
line-height: 24px;
/* デフォルトチェックボックス非表示 */
/* チェックボックスのスタイル */
/* チェック時のスタイル */
}
@media (max-width: 1080px) {
.c-checkbox-wrap {
width: 48.4375vw;
padding-left: 3.90625vw;
margin: 0 auto 0.9375vw;
font-size: 1.5625vw;
line-height: 1.875vw;
}
}
@media (max-width: 767.9px) {
.c-checkbox-wrap {
width: 46vw;
padding-left: 6.4vw;
margin: 0 auto 5.0666666667vw;
font-size: 2.6666666667vw;
line-height: 4vw;
}
}
.c-checkbox-wrap input {
display: none;
}
.c-checkbox-wrap .c-checkmark {
position: absolute;
top: 0;
left: 0;
height: 29px;
width: 29px;
/*background: #fff;*/
border: 2px solid #231815;
box-sizing: border-box;
/* チェックマーク作成 */
}
@media (max-width: 1080px) {
.c-checkbox-wrap .c-checkmark {
height: 2.265625vw;
width: 2.265625vw;
}
}
@media (max-width: 767.9px) {
.c-checkbox-wrap .c-checkmark {
height: 3.4666666667vw;
width: 3.4666666667vw;
top: 0.6666666667vw;
border: 0.2666666667vw solid #231815;
}
}
.c-checkbox-wrap .c-checkmark:after {
content: "";
position: absolute;
display: none;
left: 50%;
top: 50%;
width: 8px;
height: 17px;
margin-top: -2px;
border: 5px solid #fff;
border-width: 0 2px 2px 0;
transform: translate(-50%, -50%) rotate(45deg);
}
@media (max-width: 1080px) {
.c-checkbox-wrap .c-checkmark:after {
width: 0.625vw;
height: 1.328125vw;
}
}
@media (max-width: 767.9px) {
.c-checkbox-wrap .c-checkmark:after {
width: 1.0666666667vw;
height: 2.2666666667vw;
border: 0.6666666667vw solid #fff;
border-width: 0 0.2666666667vw 0.2666666667vw 0;
}
}
.c-checkbox-wrap input:checked + .c-checkmark {
background-color: #a40000;
/* チェック時 チェックマーク表示 */
}
.c-checkbox-wrap input:checked + .c-checkmark:after {
display: block;
}

#pageTop {
position: absolute;
top: auto;
bottom: 0;
right: 58px;
cursor: pointer;
z-index: 9;
transition: opacity 0.5s;
width: 5.25vw; 
line-height: 0.5;
}
#pageTop img{width:100%;height:auto;}
@media (max-width: 1080px) {
#pageTop {
width: 6.25vw;
right: 4.53125vw;
}
}
@media (max-width: 767.9px) {
#pageTop {
width: 10.6666666667vw;
right: 6vw;
}
}
#pageTop.fixed {
position: fixed;
top: auto;
bottom: 50px;
}
@media (max-width: 1080px) {
#pageTop.fixed {
bottom: 3.90625vw;
}
}
@media (max-width: 767.9px) {
#pageTop.fixed {
bottom: 6vw;
}
}

/* ----------------------------------------------------------------------------------------*/

#amazake_cp {
overflow: hidden;
}

.inner{max-width:1100px;margin:auto;}
span.spbr{display:inline-block;}

/*アスタリスク*/
ul.ast{list-style:none;margin:0 0 1em 0;line-height: 1.2;}
ul.ast li{margin:0;  padding-left: 1.1em;  text-indent: -1.1em;}
ul.ast li:before{content:"\203b";}

@media (max-width: 1050px) {   
.inner{padding:0 3%;}
}
@media (max-width: 767.9px) {
.inner{padding:0 4%;}
span.spbr{display:block;}  
    
}
   
picture{line-height: 100%;display: block;}

/*youtube*/
.youtube{margin:0 auto 0 auto;   
position: relative;
padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
padding-top: 0;
height: 0;
overflow: hidden;
/*margin-bottom: 2rem;  YouTubeの下に余白をつける */
/*margin-top:0.5em;*/
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*背景*/
.bg{background: #e5e5dd url("../images/bg.jpg") no-repeat center top; background-size: cover; background-attachment: fixed;}

/*共通ボタン*/
.common_btn{text-align: center;}
.common_btn a{width:38%;color:#fff; background: #a40000;border-radius:0.5em;display:inline-block;padding:1em 0;font-size:188%;letter-spacing: 5px;text-decoration: none;}

@media (max-width: 1050px) {   
.common_btn a{font-size:2.5vw;}   
}

@media (max-width: 767.9px) { 
.common_btn a{
padding:3vw 0;
width:50vw;
font-size:3.5vw;
letter-spacing: 3px
}   
}
/*KV 　　translate: -50% 0; */
#kv{margin:0;
background: #a00000;
position: relative;
line-height:1;
}
.kv_wrap{max-width:1280px;margin:auto;}
.kv_amazake_logo{position:absolute;width:10%;top:7%;left:50%;translate: -50% 0;
opacity:0;
animation-delay:0.5s;
animation-name: kv_amazake_logo_ani;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-fill-mode:  forwards;
}
.kv_title{position:absolute;width:56%;top:39%;left:35%;translate: -50% 0;
opacity:0;    
animation-delay:0.5s;
animation-name: kv_title_ani;
animation-duration: 1s;
animation-timing-function: ease-out;
animation-fill-mode:  forwards;
}

.kv_parts01{width:12%;right:3%;bottom:-1%;position: absolute;}


@media (max-width: 767.9px) { 
    #kv{display:flex;flex-flow:column;}    
.kv_amazake_logo{position:absolute;width:23%;top:6%;left:50%;translate: -50% 0;}
.kv_wrap{display: flex;flex-flow: column;}    
.kv_image{order:2;}
.kv_title{order:1;position:relative;width:100%;left:50%;translate: -50% 0; background:#a40000;animation-name: kv_title_ani_none;opacity: 1}
.kv_parts01{display: none;}  
}

@media (min-width: 1280px) { 

.kv_amazake_logo{width:140px;top:80%;left:30%;translate: -50% 0; }
.kv_title{width:730px;top:37%;left:35%;}   
.kv_parts01{width:147px;right:7%;bottom:-12px;position: absolute;} 
}

@keyframes kv_amazake_logo_ani {
0% {
transform: translateY(2em);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}

@keyframes kv_title_ani {
0% {
transform: translateY(2em);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}







/* #present -----------------------------------------------------------*/
#present{padding:1% 0 0.25% 0;  background: #a00000;}

@media (max-width: 767.9px) { 
    #present .inner{padding:0;}
}

/* #main -----------------------------------------------------------*/
#main{padding:5% 0 7% 0;}
#main .inner{max-width:1120px;position: relative;}
#main .youtube_area{position:absolute;
    bottom: -1%;
    left: 50%;
    translate: -50% 0;
    width: 58%;}

@media (max-width: 1279px) {
    
#main{padding:7% 0 10% 0;}
    
#main .youtube_area{position:absolute;
    bottom: -2%;}
}

@media (max-width: 767.9px) {
    

#main .youtube_area{position:relative;
width: 90%;
margin-top:4%;    
}

}


/* 対象商品 -----------------------------------------------------------*/
#lineup{background: #830000 url("../images/lineup_moyou.svg") center top  no-repeat;
  background-size:cover;   
    
    padding:7% 2vw 7% 2vw ;
}

#lineup .lineup_wrap{position: relative;}
#lineup .lineup_detail{position: absolute;width:82%;top:3%;left:50%;translate: -50% 0;text-align: center;}
#lineup .lineup_detail h2{color:#a40000;font-weight:700;font-size:255%;letter-spacing: 44%;margin:0 0 6px 0;position: relative;}
#lineup .lineup_detail h2:before{content:"";position: absolute;width:33%;left:50%;translate: -50% 0;
 background: #f5e67a;height:12px;bottom:5px;z-index:-1;}
#lineup .lineup_detail h2 + p.notice{font-size:144%;margin:0 0 3% 0}
#lineup ul.lineup_item{display: flex; justify-content: center;align-items: flex-end;flex-flow:wrap;margin:0 0 3% 0;}
#lineup ul.lineup_item li{flex-basis:15%;margin:0 1% 2% 1%;}
#lineup ul.lineup_item li a{color:#000;text-decoration: none;}
#lineup ul.lineup_item span.item_image{width:44%;margin:auto; display: block;}
#lineup ul.lineup_item span.item_name{font-size:88%;line-height: 1.6;display: block;}

#lineup ul.lineup_item li.lineup02 span.item_image{width:54%;}
#lineup ul.lineup_item li.lineup03,
#lineup ul.lineup_item li.lineup04,
#lineup ul.lineup_item li.lineup05{position: relative;top:19px;}


#lineup ul.lineup_item li.lineup06 span.item_image{width:54%;}
#lineup ul.lineup_item li.lineup07 span.item_image{width:54%;}
#lineup ul.lineup_item li.lineup08 span.item_image,
#lineup ul.lineup_item li.lineup09 span.item_image{width:52%;}
#lineup ul.lineup_item li.lineup10 span.item_image{width:73%;}



#lineup .lineup_detail ul.ast{display: inline-block;text-align: left;font-size:111%;line-height: 1.7}



@media (max-width: 1279px) {
#lineup .lineup_detail h2{font-size:2.8vw;letter-spacing: 1.5vw;margin:0 0 0.1vw 0;}
#lineup .lineup_detail h2:before{height:1.5vw;bottom:5px;}
#lineup .lineup_detail h2 + p.notice{font-size:1.6vw;margin:0 0 3vw 0}
#lineup ul.lineup_item span.item_name{font-size:1vw;}
#lineup .lineup_detail ul.ast{font-size:1.2vw;}    
}


@media (max-width: 767.9px) {

#lineup{background: #830000 url("../images/lineup_moyou_sp.svg") center center  no-repeat;
  background-size:cover;   
    
    padding:11vw 3vw ;
}    
    
#lineup .lineup_detail{width:96%;}    
#lineup .lineup_wrap{position: relative;margin:0;}
#lineup .lineup_detail{top:8vw;}
#lineup .lineup_detail h2{font-size:5vw;letter-spacing: 2vw;margin:0 0 1.5vw 0;}
#lineup .lineup_detail h2:before{width:55%;height:1.5vw;bottom:2px;}
#lineup .lineup_detail h2 + p.notice{font-size:2.8vw;margin:0 0 3vw 0}

#lineup ul.lineup_item{display: flex; justify-content: center;align-items: flex-end;flex-flow:wrap;margin:0 0 3% 0;}
#lineup ul.lineup_item span.item_image{margin:0 auto 1vw auto;}    
#lineup ul.lineup_item span.item_name{font-size:1.5vw;}    
#lineup ul.lineup_item li{flex-basis:22%;margin:0 0 5vw 0;}
    
#lineup ul.lineup_item li.lineup02 span.item_image{width:52%;}  
#lineup ul.lineup_item li.lineup05{flex-basis:29%;margin:0 0 5vw 0;position: relative;left:3vw;}
#lineup ul.lineup_item li.lineup06{flex-basis:29%;margin:0 0 5vw 0;}
#lineup ul.lineup_item li.lineup07{flex-basis:29%;margin:0 0 5vw 0;position: relative;right:3vw;}

#lineup ul.lineup_item li.lineup05 span.item_image{width:33%;}
#lineup ul.lineup_item li.lineup06 span.item_image{width:41%;}
#lineup ul.lineup_item li.lineup07 span.item_image{width:39%;}  
 
#lineup ul.lineup_item li.lineup03,
#lineup ul.lineup_item li.lineup04,
#lineup ul.lineup_item li.lineup09{position: relative;top:2.2vw;}
#lineup ul.lineup_item li.lineup05 {position: relative;top:0;}  

#lineup ul.lineup_item li.lineup08 span.item_image{width:44%;}
#lineup ul.lineup_item li.lineup09 span.item_image{width:44%;}
#lineup ul.lineup_item li.lineup10 span.item_image{width:64%;}  
    
#lineup .lineup_detail ul.ast{font-size:2.7vw;}   


}


/* 応募方法 -----------------------------------------------------------*/
#howto{ padding:8% 2vw 8% 2vw ;}

#howto h2{width:44%;margin:0 auto 5% auto;}


@media (max-width: 767.9px) {

#howto h2{width:70vw;margin:0 auto 5vw auto;}
    
    
    #howto .apply_step_wrap {display:none;}
}

/* こんな時に、冷やし甘酒 -----------------------------------------------------------*/
#times{padding:4% 0 3% 0;background: #d83620 url("../images/times_moyou.svg") center top no-repeat;
background-size:cover;
}


/* #b4001a */

.times_title{width:33%;margin:0 auto 2% auto;}
.times_item_wrap{flex-flow:wrap;}
.times_item_wrap .times_item{flex-basis: 43%}
.times_item_wrap .times_item.item03{flex-basis: 50%;margin:auto;position: relative;left:5%;}


@media (max-width: 767.9px) {
#times{padding:11vw 0 11vw 0;background: #d83620 url("../images/times_moyou_sp.svg") center top no-repeat;
background-size:cover;
}
    
.times_title{width:55%;margin:0 auto 6vw auto;order:1;}   
.times_item_wrap:first-child{order: 2;}  
.times_item_wrap:last-child{order: 3;}  
.times_item_wrap{flex-flow:column;text-align: center;}  


.times_item_wrap .times_item.item01{width: 61%;margin:0 0 6vw 3vw;}
.times_item_wrap .times_item.item02{width: 62%;margin:0 2vw 6vw 0;}
.times_item_wrap .times_item.item03{width: 70%;margin:0 0 0 4vw;}

    
}


/*レシートの応募方法*/
 .apply .inner{padding:5vw 4vw;}
 .apply .apply_step_wrap{margin:0 0 4em 0;}
 .apply .apply_step_wrap .item{flex-basis:30%;}
 .apply .apply_step_wrap .item .yajirushi{}
 .apply .apply_step_wrap .receipt_notice{}

@media (max-width: 767.9px) {
.apply .inner{padding:5vw 4vw;}
.apply .apply_step_wrap{margin:0 0 3em 0;}
.apply .apply_step_wrap .item{flex-basis:30%;}
.apply .apply_step_wrap .item .yajirushi{}
.apply .apply_step_wrap .receipt_notice{}
}




/*レシート応募方法*/
#amazake_cp .applyStep {    width: 100%;   overflow: hidden;     margin:5vw 0 0 0;  }
#amazake_cp .applyStepList .item { position: relative;
display: flex; flex-wrap: wrap;   width: 100%;
justify-content: center;
align-items: center;
padding: 0;
margin-bottom: 7vw;
}
#amazake_cp .applyStepList .item .yajirushi{   
position: absolute;
width:7vw;
right:3vw;
top:50%;
translate:0 -50%;}

#amazake_cp .applyStepList .item.recept01 .step {flex-basis: 65%;  }
#amazake_cp .applyStepList .item.recept02 .step {flex-basis: 70%;  }
#amazake_cp .applyStepList .item.recept03 .step {flex-basis: 55%;  }





/*　応募　-------------------------*/
#amazake_cp .apply {
/*width: 1000px;*/
margin: 0 auto 0;
position: relative;

}
@media (max-width: 1080px) {
#amazake_cp .apply {
/*width: 78.125vw;*/
/*margin: 8.203125vw auto 0;*/
margin: 0;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply {
/*width: 86.6666666667vw;*/
/*margin: 10vw auto 0;*/
margin: 2vw auto 0;
}
}
#amazake_cp .apply__inner {
/*border:2px solid #a40000; */
/*border-bottom:2px solid #a40000; */
    
}

@media (max-width: 1080px) {
#amazake_cp .apply__inner {
/*width: 78.125vw;*/
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply__inner {
/*width: 86.6666666667vw;*/
border:  none;  
}
}

#amazake_cp .applyTitle {
padding: 10px 0;
font-size: 30px;
font-weight: 700;
text-align: center;
color: #a40000;

line-height: 1;
cursor: pointer;
    
/*border-bottom: solid 2px #a40000;    */
border: solid 2px #a40000;   
     background: #fff;
}
#amazake_cp .applyTitle.js-open {
border: solid 2px #a40000;
}


@media (max-width: 1080px) {
#amazake_cp .applyTitle {
padding: 0.78125vw 0;
font-size: 2.34375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyTitle {
padding: 2vw 0;
font-size: 4vw;
/*border: solid 2px #a40000;    */
}
}

#amazake_cp .applyTitle::before {
position: absolute;
top: 10px;
right: 27px;
display: block;
content: "";
width: 18px;
height: 18px;
transform: rotate(45deg);
border-right: solid 2px #a40000;
border-bottom: solid 2px #a40000;
}
@media (max-width: 1080px) {
#amazake_cp .applyTitle::before {
top: 0.78125vw;
right: 2.109375vw;
width: 1.40625vw;
height: 1.40625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyTitle::before {
top: 4.6666666667vw;
right: 5.3333333333vw;
width: 2.4vw;
height: 2.4vw;
margin-top: -2.4vw;
}
}
#amazake_cp .applyTitle.js-open::before {
top: 20px;
transform: rotate(-135deg);
}
@media (max-width: 1080px) {
#amazake_cp .applyTitle.js-open::before {
top: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyTitle.js-open::before {
top: 5.6vw;
}
}

#amazake_cp .applyDetail{padding: 5% 0 0 0}






#amazake_cp .applyCheck {
/*padding: 100px 0 0;*/
padding: 30px 0 0;
position: relative;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheck {
/* padding: 7.8125vw 0 0;*/
padding: 2.8125vw 0 0;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheck {
/* padding: 8.4vw 0 0;*/
padding: 3.4vw 0 0;
}
}
#amazake_cp .applyCheck__text {
margin-bottom: 20px;
font-size: 28px;
text-align: center;
font-weight: 500;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheck__text {
margin-bottom: 1.5625vw;
font-size: 2.1875vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheck__text {
font-size: 3.7333333333vw;
margin-bottom: 4vw;
}
}
#amazake_cp .applyCheckBtn {
margin-top: 50px;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn {
margin-top: 3.90625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn {
margin-top: 4vw;
}
}
#amazake_cp .applyCheckBtn__inner {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
gap: 50px;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn__inner {
gap: 3.90625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn__inner {
display: block;
gap: 0;
}
}
#amazake_cp .applyCheckBtn__link {
width: 400px;
padding: 15px 0;
background-color: #bbbcbc;
border-radius: 10px;
text-align: center;
pointer-events: none;
line-height:260%;    
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#amazake_cp .applyCheckBtn__link span{display:block;}


@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn__link {
width: 31.25vw;
padding: 1.171875vw 0;
border-radius: 0.78125vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn__link {
display: block;
margin: 0 auto 4vw;
padding: 2vw 0;
width: 53.3333333333vw;
border-radius: 1.3333333333vw;
line-height:180%;  
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn__link:last-child {
margin-bottom: 0;
}
}
#amazake_cp .applyCheckBtn__link:hover {
text-decoration: none;
}
#amazake_cp .applyCheckBtn__link.js-active {
background-color: #a40000;
pointer-events: all;
}
#amazake_cp .applyCheckBtn__text01 {
color: #fff;
font-size: 20px;
font-weight: 500;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn__text01 {
font-size: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn__text01 {
font-size: 2.6666666667vw;
}
}
#amazake_cp .applyCheckBtn__text02 {
color: #fff;
font-size: 30px;
font-weight: 500;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn__text02 {
font-size: 2.34375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn__text02 {
font-size: 4vw;
}
}
#amazake_cp .applyCheck .applyCheck-ended {
position: absolute;
bottom: 90px;
left: 0;
right: 0;
width: 100%;
height: 210px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(230, 0, 18, 0.7);
z-index: 5;
font-size: 40px;
font-weight: 700;
color: #fff;
pointer-events: none;
border-radius: 50px;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheck .applyCheck-ended {
bottom: 7.03125vw;
height: 16.40625vw;
font-size: 3.125vw;
border-radius: 3.90625vw;
}
}
@media (max-width: 1005px) {
#amazake_cp .applyCheck .applyCheck-ended {
bottom: 120px;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheck .applyCheck-ended {
bottom: 22.6666666667vw;
height: 49.3333333333vw;
border-radius: 5.3333333333vw;
font-size: 4vw;
}
}
#amazake_cp .applyCheck.clearfile {
margin: 0 0 11em 51px;
padding: 0;
position: relative;
z-index: 20;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheck.clearfile {
margin: 0 0 11em 3.984375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheck.clearfile {
margin: 0 1.5em 7em 1.5em;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheck.clearfile .notice {
position: relative;
z-index: 11;
margin: 2em 2em 0 0;
display: block;
font-size: 12px;
font-weight: 500;
position: relative;
left: 7.5%;
}
}
#amazake_cp .apply__term {
/*width: 900px;*/
margin: 0 auto 40px;

}
@media (max-width: 1080px) {
#amazake_cp .apply__term {
width: 70.3125vw;
margin: 0 auto 3.125vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply__term {
width: 88vw;
margin: 0 auto 4vw;
}
}
#amazake_cp .apply__term__dt {
color: #fff;
background: #a40000;
position: relative;
padding: 12px 0;
font-size: 26px;
text-align: center;
font-weight: 500;
cursor: pointer;
line-height: 1;
}
@media (max-width: 1080px) {
#amazake_cp .apply__term__dt {
padding: 0.9375vw 0;
font-size: 2.03125vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply__term__dt {
padding: 1.6vw;
font-size: 3.4666666667vw;
}
}
#amazake_cp .apply__term__dt::before {
position: absolute;
top: 50%;
right: 27px;
display: block;
content: "";
width: 18px;
height: 18px;
margin-top: -12px;
border-right: solid 2px #fff;
border-bottom: solid 2px #fff;
transform: rotate(45deg);
}
@media (max-width: 1080px) {
#amazake_cp .apply__term__dt::before {
right: 2.109375vw;
width: 1.40625vw;
height: 1.40625vw;
margin-top: -0.9375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply__term__dt::before {
right: 5.3333333333vw;
width: 2.1333333333vw;
height: 2.1333333333vw;
margin-top: -1.6vw;
}
}
#amazake_cp .apply__term__dt.js-open::before {
margin-top: 0;
transform: rotate(-135deg);
}
@media (max-width: 767.9px) {
#amazake_cp .apply__term__dt.js-open::before {
margin-top: -0.6666666667vw;
}
}
#amazake_cp .apply__term__dd {
display: none;
padding: 30px;
border: 1px solid #a40000;
background: #fff;
}
@media (max-width: 1080px) {
#amazake_cp .apply__term__dd {
padding: 2.34375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply__term__dd {
padding: 4vw;
font-size: 2.5333333333vw;
}
}
#amazake_cp .apply__term__dd a {
word-break: break-all;
}
#amazake_cp .applyNote {
width: 100%;
/*max-width: 900px;*/
margin: 50px auto 0;
padding: 0 0 60px;
font-weight: 300;
font-size: 20px;
letter-spacing: 3px;
font-feature-settings: "palt" 1;
}
@media (max-width: 1080px) {
#amazake_cp .applyNote {
max-width: 70.3125vw;
margin: 3.90625vw auto 0;
padding: 0 0 4vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyNote {
 max-width: 88vw;   
font-size: 2.4vw;
text-align: center;
letter-spacing: 0.7vw;    
}
}


#amazake_cp .bnrArea {
position: relative;
padding: 6% 0;
border-bottom: 2px solid #a40000;
}
@media (max-width: 1080px) {
#amazake_cp .bnrArea {
padding: 7.03125vw 0;
}
}
@media (max-width: 767.9px) {
#amazake_cp .bnrArea {
padding: 12vw 0 20vw 0;
}
}

#amazake_cp .bnrArea__brand {
margin-bottom: 20px;
}
@media (max-width: 1080px) {
#amazake_cp .bnrArea__brand {
margin-bottom: 3.125vw;
}
}
#amazake_cp .bnrArea__brand a {
display: block;
width: 580px;

margin: 0 auto;
background-color: #a40000;
box-sizing: border-box;
padding: 25px 0;
text-align: center;
font-size: 30px;
color: #fff;
font-weight: 700;
line-height: 1;
}
@media (max-width: 1080px) {
#amazake_cp .bnrArea__brand a {
width: 45.3125vw;

padding: 1.953125vw 0;
font-size: 2.34375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .bnrArea__brand a {
width: 77vw;

padding: 3vw 0;
font-size: 4vw;
}
}
#amazake_cp .bnrArea__brand a:hover {
text-decoration: none;
}

#amazake_cp .contact {
position: relative;
}
#amazake_cp .contact__inner {
position: relative;
width: 900px;
padding: 75px 0 50px;
margin: auto;
text-align: center;
}
@media (max-width: 1080px) {
#amazake_cp .contact__inner {
width: 70.3125vw;
padding: 5.859375vw 0 3.90625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__inner {
width: 92vw;
padding: 7.2vw 0 4.6666666667vw;
}
}
#amazake_cp .contactInfo {
margin:0 0 0 2vw;
    display: inline-block;
}
@media (max-width: 1080px) {
#amazake_cp .contactInfo {
    

}
}
@media (max-width: 767.9px) {
#amazake_cp .contactInfo {
margin:0 0 0 0;  
    letter-spacing: 0.66vw;

}
}
#amazake_cp .contactTitle {
margin-bottom: 20px;
font-size: 20px;
text-align: center;
font-weight: 500;
}
@media (max-width: 1080px) {
#amazake_cp .contactTitle {
margin-bottom: 1.5625vw;
font-size: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contactTitle {
margin-bottom: 3.3333333333vw;
font-size: 3.4666666667vw;
}
}
#amazake_cp .contactText {
margin-bottom: 25px;
font-size: 30px;
text-align: center;
font-weight: 700;
}
@media (max-width: 1080px) {
#amazake_cp .contactText {
margin-bottom: 1.953125vw;
font-size: 2.34375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contactText {
margin-bottom: 2.6666666667vw;
font-size: 5.555555vw;
line-height: 1.35;
}

#amazake_cp .contactText span{display:block;}  

}
#amazake_cp .contact__tel {
margin-bottom: 25px;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
font-weight: 700;
}
@media (max-width: 1080px) {
#amazake_cp .contact__tel {
margin-bottom: 1.953125vw;
gap: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__tel {
margin-bottom: 2.6666666667vw;
gap: 2.6666666667vw;
}
}
#amazake_cp .contact__tel__text01 {
font-size: 20px;
}
@media (max-width: 1080px) {
#amazake_cp .contact__tel__text01 {
font-size: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__tel__text01 {
font-size: 2.6666666667vw;
}
}
#amazake_cp .contact__tel__text02 {
font-size: 40px;
letter-spacing: 0.1em;
}
@media (max-width: 1080px) {
#amazake_cp .contact__tel__text02 {
font-size: 3.125vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__tel__text02 {
font-size: 6.8vw;
}
}

#amazake_cp .contact__tel .free_num{width:55px;top:3px;position: relative}


@media (max-width: 767.9px) {
#amazake_cp .contact__tel .free_num{width:11vw;top:0.2vw;position: relative}
}





#amazake_cp .contact__time {
display: flex;
justify-content: flex-start;
font-size: 20px;
text-align: center;
font-weight: 700;
}
@media (max-width: 1080px) {
#amazake_cp .contact__time {
font-size: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__time {
font-size: 2.6666666667vw;
}
}
#amazake_cp .contact__time__dt {
font-weight: 700;
}
#amazake_cp .contact__time__dd {
font-weight: 700;
}
#amazake_cp .contact__period {
display: flex;
justify-content: flex-start;
font-size: 20px;
text-align: center;
font-weight: 500;
margin: auto;
}
@media (max-width: 1080px) {
#amazake_cp .contact__period {
font-size: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__period {
font-size: 2.6666666667vw;
}
}
#amazake_cp .contact__period__dt {
font-weight: 700;
}
#amazake_cp .contact__period__dd {
font-weight: 700;
}
#amazake_cp .contact .share_btn_block {
margin: 0 auto;
padding: 80px 0 0;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1080px) {
#amazake_cp .contact .share_btn_block {
padding: 6.25vw 0 0;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact .share_btn_block {
padding: 8.6666666667vw 0 0;
}
}
#amazake_cp .contact .share_btn_block li {
width: 80px;
}
#amazake_cp .contact .share_btn_block li a {
display: block;
height: 45px;
}
#amazake_cp .contact .share_btn_block li a:hover {
opacity: 0.7;
}
@media (max-width: 767.9px) {
#amazake_cp .contact .share_btn_block li:nth-child(1) {
margin-right: 8.1333333333vw;
width: 9.3333333333vw;
}
}
#amazake_cp .contact .share_btn_block li:nth-child(1) a {
background: url("../images/ft_fb_btn.png") no-repeat 50% 50%;
text-indent: -9999px;
background-size: contain;
}
@media screen and (max-width: 767px) {
#amazake_cp .contact .share_btn_block li:nth-child(1) a {
width: 100%;
height: 0;
padding-bottom: 100%;
background: url("../images/ft_fb_btn.png") no-repeat 50% 50%;
background-size: contain;
text-indent: -9999px;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact .share_btn_block li:nth-child(2) {
margin-right: 8vw;
width: 8.2666666667vw;
}
}
#amazake_cp .contact .share_btn_block li:nth-child(2) a {
background: url("../images/ft_tw_btn.png") no-repeat 50% 50%;
text-indent: -9999px;
background-size: contain;
height: 39px;
}
@media screen and (max-width: 767px) {
#amazake_cp .contact .share_btn_block li:nth-child(2) a {
width: 100%;
height: 0;
padding-bottom: 100%;
background: url("../images/ft_tw_btn.png") no-repeat 50% 50%;
background-size: contain;
text-indent: -9999px;
}
}


/*

@media (max-width: 767.9px) {
#amazake_cp .contact .share_btn_block li:nth-child(3) {
margin-right: 6.2666666667vw;
width: 9.4666666667vw;
}
}
#amazake_cp .contact .share_btn_block li:nth-child(3) a {
background: url("../images/ft_insta_btn.png") no-repeat 50% 50%;
text-indent: -9999px;
background-size: contain;
height: 45px;
}
@media screen and (max-width: 767px) {
#amazake_cp .contact .share_btn_block li:nth-child(3) a {
width: 100%;
height: 0;
padding-bottom: 100%;
background: url("../images/ft_insta_btn.png") no-repeat 50% 50%;
background-size: contain;
text-indent: -9999px;
}
}
*/





@media (max-width: 767.9px) {
#amazake_cp .contact .share_btn_block li:nth-child(3) {
width: 10.5333333333vw;
}
}
#amazake_cp .contact .share_btn_block li:nth-child(3) a {
background: url("../images/ft_line_btn.png") no-repeat 50% 50%;
text-indent: -9999px;
background-size: contain;
height: 47px;
}
@media screen and (max-width: 767px) {
#amazake_cp .contact .share_btn_block li:nth-child(3) a {
width: 100%;
height: 0;
padding-bottom: 100%;
background: url("../images/ft_line_btn.png") no-repeat 50% 50%;
background-size: contain;
text-indent: -9999px;
}
}
#amazake_cp .contact .share_btn_block:after {
content: "";
display: block;
clear: both;
}
/*# sourceMappingURL=sourcemaps/style.css.map */



/*キャンペーン終了 */
.ended_wrap{position: relative;padding:0 0 0 0;margin:0 0 -0.5px 0;}
.ended_wrap.w100{position: relative;padding:1em 0 5em 0;width: 100vw;margin: 0 calc(50% - 50vw);}

.ended_bg{position: absolute;width:100%;height:100%;top:0; background: rgba(0,0,0,0.7);z-index:10;}
.ended_text{text-align:center;font-size:200%;font-weight:700; color:#fff;position: absolute;width:100%;left:0;right:0;top:5%;z-index:101;}


@media screen and (max-width: 767px) {
.ended_wrap{margin:2em 0 0 0;}  
.ended_text{text-align:center;font-size:155%;font-weight:700; }
.apply .ended_wrap{margin:0;}  

}




.globalFooter__logoBox {
    float: right;
    text-align: right;
}
.globalFooter__logo {
    margin-bottom: 4px;
}
    .globalFooter__logo img {
        height: 23px;
        width: 207px;
    }

@media only screen and (max-width: 820px) {
    
.globalFooter__logoBox {
    float: none;
    text-align: left;
} 
    .globalFooter__logo img {
        height: 19px;
        width: 166px;
    }
}