@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: #a51627;
/* チェック時 チェックマーク表示 */
}
.c-checkbox-wrap input:checked + .c-checkmark:after {
display: block;
}

.float-button__wrap {  
display: none;/*最初は隠す*/
width: 5.25vw; 
position: fixed;
bottom: 0;
right: 58px;
z-index: 10; 
transition: opacity 0.5s;     
}
.float-button__wrap img{width:100%;height:auto;}


@media (max-width: 1080px) {
.float-button__wrap {
width: 6.25vw;
right: 2vw;
}
}
@media (max-width: 767.9px) {
.float-button__wrap{
width: 10.6666666667vw;
right: 2vw;
}
}
.float-button__wrap.fixed {
position: fixed;
top: auto;
bottom: 50px;
}
@media (max-width: 1080px) {
.float-button__wrap.fixed {
bottom: 3.90625vw;
}
}
@media (max-width: 767.9px) {
.float-button__wrap.fixed {
bottom: 6vw;
}
}


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

#amazake_cp {
overflow: hidden;
line-height:0.8    
}

.inner{max-width:1050px;margin:auto;}
span.spbr{display:inline-block;}
@media (max-width: 1050px) {   
.inner{padding:0 3%;}
}
@media (max-width: 767.9px) {
.inner{padding:0 7%;}
span.spbr{display:block;}  
    
}
    

/* スクロールで　フェードイン表示 */
.fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}






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


/*KV */
#kv{margin:0;background: #731410;position: relative;}

.kvimage{width:100%;margin:auto; position:relative;}
.kv_main{}
.kv_title{position:absolute;width:90%;top:7%;left:50%;translate: -50% 0; }
#kv .oubo_here{position: fixed;width:6vw;right:0;top:30vw;z-index:99;box-shadow: -2px 0 20px rgba(0,0,0,0.1);border-radius:1.5em 0 0 1.5em;}

/*KV bottom */
#kv_bottom{margin:0; padding:2em 0;background: #a51627/*c10e23*/;}
.kv_bottom_hedadline{width:85vw;margin:auto; }



@media (max-width: 767.9px) {
  
.kv_title{position:absolute;width:90%;top:10%;left:50%;translate: -50% 0; } 
#kv .oubo_here{position: absolute;bottom:0;top:inherit; width:33%;left:50%;translate: -50% 0;}   
#kv_bottom{margin:0; padding:0.5em 0 0 0;background: #a51627/*c10e23*/;}   
.kv_bottom_hedadline{width:98vw;margin:auto; }  
}

@media (min-width: 1440px) {
    .kvimage{width:88vw;}
    .kv_bottom_hedadline{width:1050px;}
    #kv .oubo_here{position: fixed;width:5vw;right:0;top:20vw;}
}


/*キャンペーン　 ------------------------------------------------------------------*/
#sonoba{ padding:7vw 0 7vw 0;position: relative;}
#sonoba .cp_title{max-width:1200px;margin:0 auto 3vw auto;position: relative;}


#sonoba .cp_title .omikuji{ position: absolute;width:15%;top:0; right:5%;}




#sonoba .omikuji_syurui{margin:0 auto 6vw auto;}
#sonoba .oubohowto_cap{width:45%; margin:0 auto 3vw auto;}
#sonoba .oubohowto{width:94%; margin:0 auto 4vw auto;}



@media (max-width: 1150px) {  

}

@media (max-width: 1050px) { 
#sonoba{ padding:8vw 0 6vw 0;}

}
@media (max-width: 767.9px) {
#sonoba{ padding:10vw 0 12vw 0;}
#sonoba .cp_title{width:100%; margin:0 auto 7vw auto;}

#sonoba .cp_title .omikuji{ position: absolute;width:18%;top:61%; right:8%;}


}



/*対象商品*/
#lineup{background: url("../images/bg_lineup.svg") ; background-size:cover;padding:6vw 3vw ;}

@media (max-width: 767.9px) {
#lineup{background: url("../images/bg_lineup_sp.svg") ; background-size:cover;padding:12vw 2vw ;}

}



    













#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: 30px 0;
background-color: #bbbcbc;
border-radius: 10px;
text-align: center;
pointer-events: none;
line-height:260%; 
    position: relative;
transition: all 0.5s ease;
}

#amazake_cp .applyCheckBtn__link span{display:block;}


@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn__link {
width: 31.25vw;
padding: 2.5vw 0;
border-radius: 0.78125vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn__link {
display: block;
margin: 0 auto 4vw;
padding: 4vw 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: #a51627;
pointer-events: all;

}



#amazake_cp .applyCheckBtn__link:after{
position: absolute;
top:50%;translate:0 -50%;   
right:10%; 
content:"";
display: inline-block;
width: 18px;
height: 18px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}

@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn__link:after{
position: absolute;
top:50%;translate:0 -50%;   
right:9%; 
content:"";
display: inline-block;
width: 2.5vw;
height: 2.5vw;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}
}


#amazake_cp .applyCheckBtn__text01 {
color: #fff;
font-size: 22px;
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 0;
}
@media (max-width: 1080px) {
#amazake_cp .apply__term {
width: 70.3125vw;
margin: 0 auto 2vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply__term {
width: 80vw;
margin: 0 auto 4vw;
}
}
#amazake_cp .apply__term__dt {
color: #fff;
background: #a51627;
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 #a51627;
background: #fff;
line-height: 166%    
}

#amazake_cp .apply__term__dd p{margin:0 0 1em 0;}


@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: 500;
font-size: 17px;
letter-spacing: 0;
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: 76vw;   
font-size: 2.6666666667vw;
text-align: center;
}
}

#amazake_cp .applyCheck__check{padding:3vw 0 0 0;} 
@media (max-width: 1080px) {
#amazake_cp .applyCheck__check{padding:2vw 0 0 0;} 
}





#amazake_cp .bnrArea {
position: relative;
padding: 70px 0;
border-bottom: 2px solid #a51627;
}
@media (max-width: 1080px) {
#amazake_cp .bnrArea {
padding: 7.03125vw 0;
}
}
@media (max-width: 767.9px) {
#amazake_cp .bnrArea {
padding: 10vw 0;
}
}
#amazake_cp .bnrArea__bnr {
width: 570px;
margin: 0 auto 10px;
display: flex;
justify-content: space-between;
}
@media (max-width: 1080px) {
#amazake_cp .bnrArea__bnr {
width: 44.53125vw;
margin: 0 auto 3.25vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .bnrArea__bnr {
width: 84vw;
margin: 0 auto 6.3333333333vw;
}
}
#amazake_cp .bnrArea__bnr a {
flex-basis: 48%;
}

#amazake_cp .bnrArea__bnr a img {
width: 100%;
}
#amazake_cp .bnrArea__brand {
margin-bottom: 3vw;
}
@media (max-width: 1080px) {
#amazake_cp .bnrArea__brand {
margin-bottom: 7vw;
}
}
#amazake_cp .bnrArea__brand a {
display: block;
width: 580px;
height: 80px;
margin: 0 auto;
background-color: #a51627;
box-sizing: border-box;
padding-top: 25px;
text-align: center;
font-size: 27px;
color: #fff;
font-weight: 500;
line-height: 1;
}
@media (max-width: 1080px) {
#amazake_cp .bnrArea__brand a {
width: 45.3125vw;
height: 6.25vw;
padding-top: 1.953125vw;
font-size: 2.34375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .bnrArea__brand a {
width: 86.6666666667vw;
height: 8.4vw;
padding-top: 2vw;
font-size: 4vw;
}
}
#amazake_cp .bnrArea__brand a:hover {
text-decoration: none;
}



#amazake_cp .bnrArea .hotto_hitoiki_title{max-width:710px; margin:0 auto 5vw auto;}
#amazake_cp .bnrArea .youtube_area{max-width:580px; margin:0 auto 3vw auto;}


@media (max-width: 1080px) {
#amazake_cp .bnrArea .hotto_hitoiki_title{width:77vw; margin:0 auto 7vw auto;}
#amazake_cp .bnrArea .youtube_area{width:86vw; margin:0 auto 6vw auto;}
}


@media (max-width: 767.9px) {
#amazake_cp .bnrArea .hotto_hitoiki_title{width:88vw; margin:0 auto 7vw auto;}
#amazake_cp .bnrArea .youtube_area{width:86vw; margin:0 auto 6vw auto;}
}




#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: 88vw;
padding: 5.859375vw 0 3.90625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__inner {
width: 86.6666666667vw;
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 2vw;    

}
}
#amazake_cp .contactTitle {
margin-bottom: 2em;
font-size: 22px;
color: #a51627;    
text-align: center;
font-weight: 500;
    display:inline-block;
    border-top:2px solid #a51627;
    border-bottom:2px solid #a51627;
    padding:0.75em 0.5em;
    letter-spacing: 2px;
}
@media (max-width: 1080px) {
#amazake_cp .contactTitle {
margin-bottom: 3vw;
font-size: 2vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contactTitle {
margin-bottom: 5vw;
font-size: 3.4666666667vw;
}
}


#amazake_cp .contact_service_title {
margin-bottom: 0.75em;
font-size: 24px;
text-align: center;
font-weight: 700;
letter-spacing: 2px;
}


#amazake_cp .contact_service_period{
font-size: 22px;
text-align: center;    
letter-spacing: 2px; 
line-height: 1.8;
}

@media (max-width: 1080px) {
#amazake_cp .contact_service_title {
margin-bottom: 0.5em;
font-size: 18px;
text-align: center;
font-weight: 700;
letter-spacing: 2px;
}
    
#amazake_cp .contact_service_period{
font-size: 14px;
text-align: center;    
letter-spacing: 2px; 
line-height: 1.8;
}  
    
}





@media (max-width: 767.9px) {
#amazake_cp .contact_service_title {
margin-bottom: 0.5em;
font-size: 16px;
text-align: center;
font-weight: 700;
letter-spacing: 2px;
}
    
#amazake_cp .contact_service_period{
font-size: 13px;
text-align: center;    
letter-spacing: 2px; 
line-height: 1.8;
}  
    
}



#amazake_cp .contactText {
margin-bottom: 25px;
font-size: 40px;
text-align: center;
font-weight: 500;
    letter-spacing: 3px;
}
@media (max-width: 1080px) {
#amazake_cp .contactText {
margin-bottom: 3vw;
font-size: 4vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contactText {
margin-bottom: 2.6666666667vw;
font-size: 5.6666666667vw;
line-height: 1.35;
}

#amazake_cp .contactText span{display:block;}  

}
#amazake_cp .contact__tel {
margin-bottom: 36px;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
font-weight: 500;
}
@media (max-width: 1080px) {
#amazake_cp .contact__tel {
margin-bottom: 4vw;
gap: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__tel {
margin-bottom: 6vw;
gap: 2.6666666667vw;
}
}
#amazake_cp .contact__tel__text01 {
font-size: 16px;
}
@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: 33px;
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: 5.3333333333vw;
}
}











#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 3em 0;}
.ended_bg{position: absolute;width:100%;height:100%;top:0; background: rgba(0,0,0,0.7);z-index:100;}
.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;
    }
}