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

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

/*共通ボタン*/
.common_btn{text-align: center;}
.common_btn a{width:38%;color:#fff; background: #a51627;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 0 2vw 0;

background: linear-gradient(to right,  #d63b30 0%,#731410 100%);



}

.swiper{position:relative;line-height: 0.5;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 1.125vw)!important;
top: var(--swiper-pagination-top, auto);
left: 40%!important; 
width: 100%; 
}

@media (max-width: 1080px) {
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 1.125vw)!important;
}
}

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





.swiper-pagination-bullet-active { background:#fff!important;}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 1.125vw))!important;
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 1.125vw))!important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 1.125vw)!important;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #fff!important;
}

/*メニュー*/
#menu{padding:0 2vw;margin:0 0 6em 0;}


#menu ul{justify-content: center;align-items: flex-start}
#menu ul li{margin:0;width:18vw;position: relative;padding:0.5em 1.5em;}
#menu ul li:before{
position: absolute;
top:0;left:0;
content:"";width:2px;height:100%; background: #a61527;display: block;}
#menu ul li:last-child:after{
position: absolute;
top:0;right:0;
content:"";width:2px;height:100%; background: #a61527;display: block;}

@media (max-width: 1050px) {
    #menu{padding:0 2vw;margin:0 0 15vw 0;}
}

@media (max-width: 767.9px) {
#menu ul li{flex-basis:33%;padding:0.5em 0.5em;}
#menu ul li:before{width:1px;}
#menu ul li:last-child:after{width:1px;} 
}




/*シーン*/
#scene{padding:0 0 5em 0;}
/*
#scene .upper_wrap{justify-content: center; flex-flow:row nowrap;margin:0 0 2vw 0;}
#scene .upper_wrap .scene_photo{ background: #d5ded9;
margin-right:0;    
margin-left: calc(0.00001% - 50vw);
width: 73vw;
display:flex;
justify-content: flex-end; 
line-height: 0.5;
}
#scene .upper_wrap .scene_photo span{width:40vw;display:block;}
#scene .upper_wrap .scene_photo .scene_ho{position: absolute;top: -3vw;    right: 14vw;    width: 7vw;}
#scene .upper_wrap .scene_copy01{flex-basis:50%;display: flex;justify-content: center;padding:4vw 0 0 4vw; }
#scene .upper_wrap .scene_copy01 img{width:30vw;height:auto;}
*/

#scene .upper_wrap{justify-content: center; flex-flow:row nowrap;margin:0 0 1.5em 0;}
#scene .upper_wrap .scene_photo{ background: #fff;/* background: #d5ded9;*/
margin-right:0;    
margin-left: calc(0.00001% - 72%);
width: 100%;
display:flex;
justify-content: flex-end; 
line-height: 0.5;}
#scene .upper_wrap .scene_photo span{max-width:440px; display:block;}
#scene .upper_wrap .scene_photo .scene_ho{position: absolute;top: -41px;    right: 237px;    width: 122px;}
#scene .upper_wrap .scene_copy01{flex-basis:50%;display: flex;justify-content: flex-start;padding:2% 0 0 5%; }
#scene .upper_wrap .scene_copy01 img{width:130%;height:auto;}
#scene .bottom_wrap{justify-content: center; flex-flow:row nowrap;}
#scene .bottom_wrap .scene_copy02{width:16.5%;margin:1.5em 6% 0 0;}
#scene .bottom_wrap .youtube_area{width:55%; background: #f0f0f0;}
#scene .scene_moyou01{position: absolute;top:0;right:0;width:11%; }
#scene .scene_moyou02{position: absolute;bottom:0;left:0;width:8%; }

@media (max-width: 1050px) {
#scene{padding:0 0 6vw 0;}    
#scene .upper_wrap .scene_photo{ background: #d5ded9;
margin-right:0;    
margin-left: calc(0.00001% - 10%);
width: 47%;}   
#scene .upper_wrap .scene_photo .scene_ho{position: absolute;top: -15%;    right: 54%;    width: 30%;}   
#scene .scene_moyou01{right:2%; }
#scene .scene_moyou02{left:2%; }  
}

@media (max-width: 767.9px) {
#scene{padding:0 0 12vw 0;}
#scene .upper_wrap{flex-flow: column;align-items: flex-start; margin:0 0 1.5em 0;text-align: left;}   
#scene .upper_wrap .scene_photo{ order:2; margin-left: calc(0.00001% - 72%);width: 133%;margin-bottom:7vw;} 
#scene .upper_wrap .scene_photo span{width:55%; display:block;}  
#scene .upper_wrap .scene_photo .scene_ho{position: absolute;top: -10vw;    right: 37vw;    width: 21vw;}
#scene .upper_wrap .scene_copy01{order:1;width:72%; padding:0 0 22vw 5vw;}    
#scene .upper_wrap .scene_copy01 img{width:100%;height:auto;}
#scene .scene_moyou01{top:-4vw;right:10vw;width:15vw; }
#scene .scene_moyou02{bottom:inherit;top:30vw;left:74vw;width:13vw; }
#scene .bottom_wrap{ flex-flow:column;}
#scene .bottom_wrap .scene_copy02{position: absolute;top:-60vw;right:5vw; width:27%;margin:0;}
#scene .bottom_wrap .youtube_area{width:90%; background: #f0f0f0;}  
}


/*キャンペーン　その1 ------------------------------------------------------------------*/
#sono1{ padding:6em 0 7em 0;position: relative;}
#sono1 .sono1_moyou{position: absolute;width:100%; top:6.5%;}
#sono1 .sono1_upper{margin:0 0 7em 0;}
/*
background-color: #f0f0f0;s
background-image:
radial-gradient(circle, #a51627 1px, transparent 1px),
radial-gradient(circle, #a516background-image: radial-gradient(#77A0D1 30%, #fff 0);
background-size: 4px 4px;27 1px, transparent 1px);
background-position: 0 0, 4.5px 9px;
background-size: 9px 18px;  
*/

/*sono1_a -----------------*/
#sono1 .sono1_a_wrap{margin:0 0 2.5em 0;
margin-left: calc(0.00001% - 55%);
width: 200%;
}
#sono1 .sono1_a_wrap:before{
content:"";    
margin-right:0;    
margin-left: calc(0.00001% - 47%);
border-radius:0 6em 6em 0;
position: absolute;
bottom:-10%;
left:1%;
width:100%;
height:100%;
background: url("../images/bg_dot.svg") ; 
background-size:11%;
z-index:1;    
}
#sono1 .sono1_a{ background: #fff;
border-radius:0 6em 6em 0;
padding:2em 5em 2em 2em;    
margin-right:0;    
margin-left: calc(0.00001% - 47%);
width: 100%;
display:flex;
justify-content: flex-end; 
line-height: 0.5;
z-index:2;
}
#sono1 .sono1_a span{width:500px; }
#sono1 .sono1_a_wrap .sono1_a_photo{position:absolute;width:17%;top:14%;left:46%; z-index:3;}
#sono1 .sono1_a_wrap .sono1_a_fukidashi{position:absolute;width:12%;top:-12%;left:57.5%;z-index:4; }



/*sono1_b  -----------------*/
#sono1 .sono1_b_wrap{margin:0 0 2.5em 0;
margin-left:47%;     
margin-right: calc(0.00001% - 55%);
width: 200%;}
#sono1 .sono1_b_wrap:before{
content:"";    
margin-right: calc(0.00001% - 72%);
border-radius:5em 0 0 5em;
position: absolute;
bottom:-11%;
left:-1%;
width:100%;
height:100%;
background: url("../images/bg_dot.svg") ; 
background-size:11%;
z-index:1;}
#sono1 .sono1_b{ background: #fff;
padding:2em 2em 3em 5em;    
border-radius:5em 0 0 5em;    
margin-right: calc(0.00001% - 72%);
width: 100%;
display:flex;
justify-content: flex-start; 
line-height: 0.5;
z-index:2;}
#sono1 .sono1_b span{width:520px; }

/*sono1__sub ------------------*/
#sono1 .sono1_sub{width: 70%;margin:0 0 5em 0 ;}
#sono1 .oubo_howto{width: 55%;margin:0 auto 2em auto ;}
#sono1 .oubo_howto_detail{width: 90%;margin:0 auto 5em auto ;}
#sono1 .oubo_howto_web{width: 100%;margin:0 auto 4em auto ;}

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


/*はがきで応募*/
.oubo_howto_hagaki{margin:4em 0 3em 0;}
.ques{text-align: center;top:-1em;margin:0 0 2em 0;}
.ques a{font-size:188%;position: relative;letter-spacing: 5px}
.ques a:after{position: absolute;content:"";width:100%;left:50%;translate: -50% 0; bottom:-0.25em;height:2px;background: #000}

@media (max-width: 1150px) {  
#sono1 .sono1_a_wrap{margin:0 0 4vw 0;
margin-left: calc(0.00001% - 50%);}
#sono1 .sono1_a span{width:44vw; }  
#sono1 .sono1_b_wrap{
margin:0 0 3vw 0;
margin-left:47%;      
margin-right: calc(0.00001% - 50%);}
#sono1 .sono1_b span{width:44vw; }
#sono1 .sono1_b{ padding:2em 2em 3em 3em; }
}

@media (max-width: 1050px) { 
#sono1{ padding:8vw 0 6vw 0;}
#sono1 .sono1_upper{margin:0 0 8vw 0;}    
}
@media (max-width: 767.9px) {
#sono1{ padding:10vw 0 12vw 0;}
#sono1 .sono1_moyou{width:93%; top:27vw;left:50%;translate: -50% 0; }
#sono1 .sono1_upper{margin:0 0 10vw 0;} 

/*sono1_a -----------------*/
#sono1 .sono1_a_wrap{margin:0 0 23vw 0;
margin-left: calc(0.00001% - 20%);
width: 200%;
}
#sono1 .sono1_a_wrap:before{
content:"";    
margin-right:0;    
margin-left: calc(0.00001% - 47%);
border-radius:0 3em 3em 0;
position: absolute;
bottom:-10%;
left:1%;
width:100%;
height:100%;
background: url("../images/bg_dot.svg") ; 
background-size:20%;
z-index:1;    
}
#sono1 .sono1_a{ background: #fff;
border-radius:0 3em 3em 0;
padding:5vw 5vw 5vw 2vw;    
margin-right:0;    
margin-left: calc(0.00001% - 49%);
width: 100%;
display:flex;
justify-content: flex-end; 
line-height: 0.5;
z-index:2;
}
#sono1 .sono1_a span{width:40%; }
#sono1 .sono1_a_wrap .sono1_a_photo{width:25%;top:67%;left:32%; }
#sono1 .sono1_a_wrap .sono1_a_fukidashi{width:17%;top:41%;left:44%;}


/*sono1_b  -----------------*/
#sono1 .sono1_b_wrap{margin:0 0 13vw 0;
margin-left:10%;     
margin-right: calc(0.00001% - 20%);
width: 200%;}
#sono1 .sono1_b_wrap:before{
content:"";    
margin-right: calc(0.00001% - 72%);
border-radius:3em 0 0 3em;
position: absolute;
bottom:-11%;
left:-1%;
width:100%;
height:100%;
background: url("../images/bg_dot.svg") ; 
background-size:21%;
z-index:1;}
#sono1 .sono1_b{ background: #fff;
padding:5vw 5vw 5vw 7vw;     
border-radius:3em 0 0 3em;    
margin-right: calc(0.00001% - 72%);
width: 100%;
display:flex;
justify-content: flex-start; 
line-height: 0.5;
z-index:2;}
#sono1 .sono1_b span{width:41%; }
    
    
/*sono1__sub ------------------*/
#sono1 .sono1_sub{width: 100%;margin:0 auto 10vw auto ;}
    
#sono1 .oubo_howto{width: 66%;margin:0 auto 2vw auto ;}
#sono1 .oubo_howto_detail{width: 100%;margin:0 auto 7vw auto ;}
#sono1 .oubo_howto_web{width: 100%;margin:0 auto 3vw auto ;}
/*レシートの応募方法*/
#sono1 .apply .inner{padding:5vw 4vw;}
#sono1 .apply .apply_step_wrap{margin:0 0 5em 0;}
#sono1 .apply .apply_step_wrap .item{flex-basis:30%;}
#sono1 .apply .apply_step_wrap .item .yajirushi{}
#sono1 .apply .apply_step_wrap .receipt_notice{}


.oubo_howto_hagaki{margin:6vw 0 5vw 0;}
.ques{top:0;margin:0 0 5vw 0;}
.ques a{font-size:3.5vw;letter-spacing: 3px}

}



/*対象商品*/
#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 ;}

}


/*ラジオタイアップ　その２　その３*/
#bottom{padding:7em 1em 2em 1em;}
#bottom .radio_tieup_infomation{margin:0 0 5vw 0;}
#bottom .radio_tieup_infomation a{position: absolute;width:66%;height:5%;bottom:5%;left:0;right:0;margin:auto; }


#bottom .bgbox{background:rgba(255,255,255,0.7) ;border-radius:3em;padding:6em 4em;margin:0 0 7em 0;}

#sono2 .sono2_detail{margin:0 0 6em 0;}
#sono2 .sono2_detail a{position: absolute;bottom:4%;left:4%; width:25%;height:3%;background: #fff;opacity:0;}
#sono2 .sono2_detail a:hover{opacity:0.7;}

#sono3 .sono3_upper{margin:0 0 4em 0;}
#sono3 .sono3_bottom{margin:0 0 7em 0;left:-56px;width:107%;}


#sono3 p.kakunin{font-size:177%;color:#a51627;text-align: center;margin:0 0 1.5em 0;}
#sono3 .sono3_oubo_hagaki{margin:1em 0 2em 0;}
#sono3 .sono3_oubo_x{margin:5em 0 3em 0;}
#sono3 .sono3_oubo_x a{position: absolute;bottom:12%;left:8%; width:23%;height:7%;background: #fff;opacity:0;}
#sono3 .sono3_oubo_x a:hover{opacity:0.7;}



@media (max-width: 1150px) {    
#bottom{padding:6vw 2vw 3vw 2vw;}      
#bottom .bgbox{padding:6vw 3vw;margin:0 0 6vw 0;}  
#sono2 .sono2_detail{margin:0 0 5vw 0;}
#sono3 .sono3_upper{margin:0 0 5vw 0;}    
#sono3 .sono3_bottom{margin:0 0 6vw 0;left:-3vw;width:105%;}
#sono3 .sono3_oubo_x{margin:6vw 0 3vw 0;}    
}

@media (max-width: 767.9px) {
#bottom{padding:16vw 3vw 8vw 3vw;}  

    
    #bottom .radio_tieup_infomation .radio_tieup_infomation_sp_fukidashi{position:absolute;top:-11vw;left:-4vw;width:34vw;}
    
#bottom .bgbox{padding:9vw 3vw;margin:0 0 6vw 0;border-radius:2em;} 
  

    
    
#sono2 .applyStepList .item.sono2_x01 .step {flex-basis: 65%;  }
#sono2 .applyStepList .item.sono2_x02 .step {flex-basis: 65%;  }
#sono2 .applyStepList .item.sono2_x03 .step {flex-basis: 65%;  }

    #sono2 .applyStepList .item.sono2_x01 .step a{position: absolute;bottom:20%;left:11%; width:78%;height:11%;background: #fff;opacity:0;}

    

#sono3 p.kakunin{font-size:133%;margin:0 0 4vw 0;}
#sono3 .sono3_oubo_hagaki{margin:5vw 0 5vw 0;}
#sono3 .sono3_oubo_x{margin:10vw 0 7vw 0;} 
    
#sono3 .applyStepList .item.sono3_x01 .step {flex-basis: 65%;  }
#sono3 .applyStepList .item.sono3_x02 .step {flex-basis: 65%;  }
#sono3 .applyStepList .item.sono3_x03 .step {flex-basis: 65%;  } 
#sono3 .applyStepList .item.sono3_x01 .step a{position: absolute;bottom:20%;left:11%; width:78%;height:11%;background: #fff;opacity:0;}  
    
}









/*レシート応募方法*/
#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;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply {
width: 86.6666666667vw;
margin: 10vw auto 0;
}
}
#amazake_cp .apply__inner {
border:2px solid #a51627; background-color: #fff;}

@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: #a51627;

line-height: 1;
cursor: pointer;
    
    
}
#amazake_cp .applyTitle.js-open {
border-bottom: solid 2px #a51627;
    
    
}


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

#amazake_cp .applyTitle::before {
position: absolute;
top: 10px;
right: 27px;
display: block;
content: "";
width: 18px;
height: 18px;
transform: rotate(45deg);
border-right: solid 2px #a51627;
border-bottom: solid 2px #a51627;
}
@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 .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%;    
}

#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: #a51627;
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: 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;
}
@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 .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: 14.6666666667vw 0;
}
}
#amazake_cp .bnrArea__bnr {
width: 570px;
margin: 0 auto 40px;
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 {
width: 253px;
}
@media (max-width: 1080px) {
#amazake_cp .bnrArea__bnr a {
width: 19.765625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .bnrArea__bnr a {
width: 38.1333333333vw;
}
}
#amazake_cp .bnrArea__bnr a img {
width: 100%;
}
#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;
height: 80px;
margin: 0 auto;
background-color: #a51627;
box-sizing: border-box;
padding-top: 25px;
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;
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 .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: 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.6666666667vw;
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: 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(4) {
width: 10.5333333333vw;
}
}
#amazake_cp .contact .share_btn_block li:nth-child(4) 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(4) 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;
    }
}