@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*/





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

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


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

.float-button__wrap {
position: absolute;
top: auto;
bottom: 0;
right: 58px;
cursor: pointer;
z-index: 9;
transition: opacity 0.5s;
width: 5.25vw; 
line-height: 0.5;
}
.float-button__wrap img{width:100%;height:auto;}
@media (max-width: 1080px) {
.float-button__wrap {
width: 6.25vw;
right: 4.53125vw;
}
}
@media (max-width: 767.9px) {
.float-button__wrap {
width: 10.6666666667vw;
right: 6vw;
}
}
.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;
}
}


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

header{}
.header_inner{max-width: 1280px;margin: auto;height:82px;padding:0 40px;}
.header_inner h1{width:108px;}

@media (max-width: 1050px) {   
.header_inner{margin: auto;height:7vw;padding:0 2vw;}
.header_inner h1{width:7vw;}
}
@media (max-width: 767.9px) {
.header_inner{margin: auto;height:14vw;padding:0 4vw;}
.header_inner h1{width:17vw;}
}



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

#amazake_cp {
overflow: hidden;
}

.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 4%;}
span.spbr{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;}

@media (max-width: 767.9px) { 
.bg{background: #e5e5dd url("../images/bg_sp.jpg") no-repeat center top; background-size: cover; background-attachment: fixed;}
 

}


/*共通ボタン*/
.common_btn{text-align: center;}
.common_btn a{width:38%;color:#fff; background: #044892;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 */
#kv{margin:0;
background: #154abe;
position: relative;
}

.kvimage{max-width:1440px;margin:auto;line-height: 1;}

.kv_title{position:absolute;width:82%;top:14%;left:50%;translate: -50% 0;
opacity:0;    
animation-delay:0.5s;
animation-name: kv_title_ani;
animation-duration: 2s;
animation-timing-function: ease-out;
animation-fill-mode:  forwards;
}

@media (max-width: 767.9px) { 
.kv_title{position:absolute;width:90%;top:9%;left:50%;translate: -50% 0;}
}

@keyframes kv_title_ani {
  0% {
    transform: translateY(2em);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
      opacity: 1;
  }
}
@media (min-width: 1441px) { 
.kv_title{width:1180px;top:14%;left:50%;translate: -50% 0; } 
}

@media (min-width: 1440px) {
    .swiper{width:88vw;margin:auto;}
}


/* 今日から　甘酒で、飲む夏じたく -----------------------------------------------------------*/
#natsujitaku{padding:7% 0;}
#natsujitaku .natsu_lead{margin: 0 0 10% 0;}
#natsujitaku .natsu_miyake{margin: 0 0 13% 0;}
#natsujitaku .natsu_yobou{margin: 0 auto 0 auto;width:88%;}
#natsujitaku .natsu_yobou_wrap{position: relative;}
#natsujitaku .natsu_yobou_wrap .linkhere{position: absolute;width:57%; bottom:24%;right:2%;}

@media (max-width: 767.9px) { 
 #natsujitaku{padding:24vw 0 18vw 0;}   
#natsujitaku .natsu_lead{margin: 0 4vw 24vw 4vw;}
#natsujitaku .natsu_miyake{margin: 0 2vw 14vw 2vw;}
#natsujitaku .natsu_yobou_wrap .linkhere{position: absolute;width:96%; bottom:9vw;left:0;right:0;margin:auto;}   
}

/* すっきりおいしい、「冷やし甘酒」 -----------------------------------------------------------*/
#sukkiri{line-height: 1;}


/* こんな時に、冷やし甘酒 -----------------------------------------------------------*/
#times{padding:9% 0 ;}
.times_wrap{flex-flow:column;}
.times_title{width:33%;margin:4% auto;}
.times_item_wrap{}
.times_item_wrap .times_item{flex-basis: 46%}


@media (max-width: 767.9px) {
#times{padding:6% 0 15% 0;}
.times_title{width:55%;margin:4% auto 4% 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{width: 77%;}   
.times_item_wrap .times_item.item01{}
.times_item_wrap .times_item.item02{margin:0 0 9vw 10vw;}
.times_item_wrap .times_item.item03{margin:0 0 4vw 0;}
.times_item_wrap .times_item.item04{margin:0 0 0 10vw;}
 
}


/* 対象商品 -----------------------------------------------------------*/
#lineup{background: url("../images/bg_lineup.png") center top; background-size:cover;padding:8% 5% ;}
#lineup .lineup_item{margin:0;position: relative;}
#lineup .howto_hagaki{ background:#fff;padding:5% 4%;}
#lineup .lineup_item a{position:absolute;display: block;opacity:0; background: #fff;}
#lineup .lineup_item a:hover{opacity:0.5;}
#lineup .lineup_item .a01{top:25%;left:25%;width:10%; height:23%;}
#lineup .lineup_item .a02{top:22%;left:45%;width:10%; height:26%;}
#lineup .lineup_item .a03{top:25%;left:64%;width:10%; height:23%;}

#lineup .lineup_item .a04{top:63%;left:17%;width:7%; height:14%;}
#lineup .lineup_item .a05{top:63%;left:32%;width:7%; height:14%;}
#lineup .lineup_item .a06{top:63%;left:46%;width:7%; height:14%;}
#lineup .lineup_item .a07{top:60%;left:61%;width:7%; height:16%;}
#lineup .lineup_item .a08{top:60%;left:76%;width:7%; height:16%;}

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

#lineup .lineup_item .a01{top:26%;left:19%;width:15%; height:15%;}
#lineup .lineup_item .a02{top:25%;left:43%;width:15%; height:16%;}
#lineup .lineup_item .a03{top:26%;left:67%;width:15%; height:15%;}
    
#lineup .lineup_item .a04{top:50%;left:22%;width:10%; height:8.5%;}
#lineup .lineup_item .a05{top:50%;left:46%;width:10%; height:8.5%;}
#lineup .lineup_item .a06{top:50%;left:69%;width:10%; height:8.5%;}
    
#lineup .lineup_item .a07{top:68%;left:32%;width:10%; height:10%;}
#lineup .lineup_item .a08{top:68%;left:59%;width:10%; height:10%;}   
    

    
}


/* おすすめレシピ-----------------------------------------------*/
#osusume{padding:7% 0;background: url("../images/osusume_bg.svg") center top; background-size:cover;display: block;}


.osusume_wrap{position: relative;}
.osusume_wrap .osusume_list_wrap{position: absolute;top:13%;left:50%;translate: -50% 0; width:84%;flex-flow:row wrap;justify-content: center;}

.osusume_wrap .osusume_list_wrap a{flex-basis:44%;margin:0 2% 0 2%;}
.osusume_wrap .osusume_list_wrap a:first-child{margin:0 20% 3% 20%;}


@media (max-width: 767.9px) {
#osusume{padding:10vw 1vw 12vw 1vw;background: url("../images/osusume_bg_sp.svg") center top; background-size:cover;}
 .osusume_wrap .osusume_list_wrap{position: absolute;top:24vw;left:50%;translate: -50% 0; width:70%;flex-flow:column;}   
.osusume_wrap .osusume_list_wrap a{flex-basis:44%;margin:0 0 12vw 0;}
.osusume_wrap .osusume_list_wrap a:first-child{margin:0 0 12vw 0;} 
}





/* -----------------------------------------------*/
.special_contents_bnr{position: relative;left:2%;}
.special_contents_bnr .detailhere{position: absolute;width:18%;bottom:11%;right:14%;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.special_contents_bnr a.bnr_link:hover .detailhere{transform: translate(40px,0);}






/* -----------------------------------------------*/
#amazake_cp .contact {
position: relative;
    display: block;
}
#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: 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: 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: 5.3333333333vw;
}
}
#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: 0;
display: flex;
justify-content: center;
align-items: center;
}

#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;
}



/*キャンペーン終了 */
.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;
    }
}