@media all and (max-width: 767px) {
  .pcOnly {
    display: none;
  }
}
@media all and (min-width: 768px) {
  .pcOnly {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .spOnly {
    display: block;
  }
}
@media all and (min-width: 768px) {
  .spOnly {
    display: none;
  }
}
body {
  font-size: 16px;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', YuGothic, '游ゴシック', Meirio, "メイリオ", sans-serif;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
img {
  width: 100%;
  display: block;
}
a {
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  display: block;
  text-decoration: none;
}
@media all and (min-width: 768px) {
  a:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
}
figure {
  margin: 0;
}
html {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', YuGothic, '游ゴシック', Meirio, "メイリオ", sans-serif;
}
.mv {
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .mv {
    background: url("/fyt/happybag/images/mv_bg_pc.jpg") no-repeat center center;
    padding: 16px 0 106px;
    background-size: 100% 100%;
    height: 1136px;
  }
}
@media all and (max-width: 767px) {
  .mv {
    background: url("/fyt/happybag/images/mv_bg_sp.jpg") no-repeat center center;
    background-size: cover;
    padding: 2.933333333333333vw 0 19.333333333333332vw;
  }
}
@media all and (min-width: 768px) {
  .mv-Inner {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
  }
}
@media all and (max-width: 767px) {
  .mv-Inner {
    margin: 0 auto;
  }
}
.mv-Header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .mv-Header {
    width: 94.66666666666667vw;
  }
}
@media all and (min-width: 768px) {
  .mv-Header_Logo {
    width: 186px;
  }
}
@media all and (max-width: 767px) {
  .mv-Header_Logo {
    width: 26.8vw;
  }
}
.mv-Header_Sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media all and (min-width: 768px) {
  .mv-Header_Sns {
    width: 61px;
  }
}
@media all and (max-width: 767px) {
  .mv-Header_Sns {
    width: 12.533333333333333vw;
  }
}
@media all and (min-width: 768px) {
  .mv-Header_SnsList:nth-child(1) {
    width: 11px;
  }
}
@media all and (max-width: 767px) {
  .mv-Header_SnsList:nth-child(1) {
    width: 2.4vw;
  }
}
@media all and (min-width: 768px) {
  .mv-Header_SnsList:nth-child(2) {
    width: 28px;
  }
}
@media all and (max-width: 767px) {
  .mv-Header_SnsList:nth-child(2) {
    width: 5.600000000000001vw;
  }
}
.mv-Header_SnsLink {
  display: block;
}
.mv-Title {
  position: relative;
}
@media all and (min-width: 768px) {
  .mv-Title {
    width: 432px;
    margin: 0 auto 0;
  }
}
@media all and (max-width: 767px) {
  .mv-Title {
    width: 63.46666666666667vw;
    margin: 2.666666666666667vw auto 0;
  }
}
.mv-Lead {
  position: relative;
  z-index: 2;
}
@media all and (min-width: 768px) {
  .mv-Lead {
    width: 620px;
    margin: 8px auto 0;
  }
}
@media all and (max-width: 767px) {
  .mv-Lead {
    width: 100vw;
    margin: 2.666666666666667vw auto 0;
  }
}
.mv-Img_Item {
  position: absolute;
}
@media all and (min-width: 768px) {
  .mv-Img_Item {
    width: 349px;
    top: 40px;
    left: -159px;
  }
}
@media all and (max-width: 767px) {
  .mv-Img_Item {
    width: 38.53333333333334vw;
    top: -10.933333333333334vw;
    left: 2vw;
  }
}
.mv-Img {
  position: relative;
}
@media all and (min-width: 768px) {
  .mv-Img {
    width: 799px;
    margin: -100px auto 0;
  }
}
@media all and (max-width: 767px) {
  .mv-Img {
    width: 85.33333333333334vw;
    margin: 19.733333333333334vw auto 0;
  }
}
.mv-Btn {
  display: block;
  text-align: center;
  border: 2px solid #fff;
  font-weight: bold;
  background: #00b0c5;
  line-height: 1;
}
@media all and (min-width: 768px) {
  .mv-Btn {
    width: 430px;
    margin: 18px auto 0;
    padding: 18px 0;
  }
  .mv-Btn:hover {
    background: #30c2d4;
  }
}
@media all and (max-width: 767px) {
  .mv-Btn {
    width: 85.06666666666666vw;
    margin: 32.666666666666664vw auto 0;
    padding: 4vw 0;
  }
}
.mv-Btn_Text {
  color: #fff;
}
@media all and (min-width: 768px) {
  .mv-Btn_Text {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .mv-Btn_Text {
    font-size: 4.8vw;
  }
}
.mv-Note {
  text-align: center;
  text-shadow: 1px 1px 1px #fff;
  line-height: 1.6;
}
@media all and (min-width: 768px) {
  .mv-Note {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  .mv-Note {
    margin-top: 2.666666666666667vw;
    font-size: 3.2vw;
    line-height: 1.4;
  }
}
.about {
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .about {
    background: url("/fyt/happybag/images/about_bg_pc.jpg") no-repeat center bottom;
    background-size: 100% 100%;
  }
}
@media all and (max-width: 767px) {
  .about {
    background: url("/fyt/happybag/images/about_bg_sp.jpg") no-repeat center center;
    background-size: cover;
    padding: 10.666666666666668vw 0 19.333333333333332vw;
  }
}
.about-Inner {
  width: 100%;
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .about-Inner {
    max-width: 1280px;
    padding: 6.25% 0 11.40625%;
  }
}
@media all and (min-width: 768px) {
  .about-Flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 82.03125%;
    margin: 0 auto;
  }
}
@media all and (min-width: 768px) {
  .about-Flex_Detail {
    width: 43.904761904761905%;
  }
}
@media all and (min-width: 768px) {
  .about-Title {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .about-Title {
    width: 68.93333333333334vw;
    margin: 0 auto;
  }
}
@media all and (min-width: 768px) {
  .about-Lead {
    width: 87.41865509761388%;
    margin-top: 12.364425162689804%;
  }
}
@media all and (max-width: 767px) {
  .about-Lead {
    width: 88vw;
    margin: 10.666666666666668vw auto 0;
  }
}
@media all and (min-width: 768px) {
  .about-Img {
    width: 51.142857142857146%;
    margin: 0 0 0 -0.476190476190476%;
  }
}
@media all and (max-width: 767px) {
  .about-Img {
    width: 94.66666666666667vw;
    margin: 8vw auto 0;
  }
}
@media all and (min-width: 768px) {
  .about-Pdt {
    margin: 5.46875% auto 0;
    width: 82.03125%;
  }
}
@media all and (max-width: 767px) {
  .about-Pdt {
    width: 88vw;
    margin: 0 auto;
  }
}
@media all and (min-width: 768px) {
  .about-Pdt_Dtail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media all and (max-width: 767px) {
  .about-Pdt_Dtail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media all and (max-width: 767px) {
  .about-Pdt_Dtail:nth-child(1) {
    margin-top: 13.333333333333334vw;
  }
}
@media all and (min-width: 768px) {
  .about-Pdt_Dtail:nth-child(1) .about-Pdt_Text {
    width: 51.523809523809526%;
  }
}
@media all and (min-width: 768px) {
  .about-Pdt_Dtail:nth-child(2) {
    margin: -5.142857142857142% 0 0 11.904761904761903%;
  }
}
@media all and (max-width: 767px) {
  .about-Pdt_Dtail:nth-child(2) {
    margin-top: 10.666666666666668vw;
  }
}
@media all and (min-width: 768px) {
  .about-Pdt_Dtail:nth-child(2) .about-Pdt_Text {
    width: 65.29017857142857%;
  }
}
@media all and (min-width: 768px) {
  .about-Pdt_Img {
    width: 26.761904761904766%;
  }
}
@media all and (max-width: 767px) {
  .about-Pdt_Img {
    width: 52.13333333333333vw;
    margin: 5.066666666666666vw auto 0;
  }
}
@media all and (min-width: 768px) {
  .about-Pdt_Text {
    margin-left: 5.61904761904762%;
  }
}
@media all and (min-width: 768px) {
  .lineup {
    background: url("/fyt/happybag/images/lineup_bg_pc.jpg") no-repeat center bottom;
    background-size: 100% 100%;
  }
}
@media all and (max-width: 767px) {
  .lineup {
    background: url("/fyt/happybag/images/lineup_bg_sp.jpg") no-repeat center center;
    background-size: cover;
    padding: 10.666666666666668vw 0 22vw;
  }
}
.lineup-Inner {
  width: 100%;
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .lineup-Inner {
    max-width: 1280px;
    padding: 5.46875% 0 13.046875%;
  }
}
.lineup-Title {
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .lineup-Title {
    width: 31.328125%;
  }
}
@media all and (max-width: 767px) {
  .lineup-Title {
    width: 55.06666666666666vw;
  }
}
.lineup-List {
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .lineup-List {
    width: 90.625%;
    margin-top: 4.609375%;
  }
}
@media all and (max-width: 767px) {
  .lineup-List {
    width: 88.13333333333333vw;
    margin-top: 8vw;
  }
}
@media all and (min-width: 768px) {
  .lineup-List_El {
    margin-bottom: 8.189655172413794%;
  }
}
@media all and (max-width: 767px) {
  .lineup-List_El {
    margin-bottom: 13.333333333333334vw;
  }
}
@media all and (max-width: 767px) {
  .lineup-List_El:last-child {
    margin-bottom: 0;
  }
}
@media all and (min-width: 768px) {
  .lineup-Btn {
    width: 66.40625%;
    margin: 7.8125% auto 0;
  }
}
@media all and (max-width: 767px) {
  .lineup-Btn {
    display: none;
  }
}
@media all and (min-width: 768px) {
  .bt {
    background: url("/fyt/happybag/images/bt_bg_pc.jpg") no-repeat center bottom;
    background-size: 100% 100%;
  }
}
@media all and (max-width: 767px) {
  .bt {
    background: url("/fyt/happybag/images/bt_bg_sp.jpg") no-repeat center center;
    background-size: cover;
    padding: 10.666666666666668vw 0 17.066666666666666vw;
  }
}
.bt_Inner {
  width: 100%;
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .bt_Inner {
    max-width: 1280px;
    padding: 5.46875% 0 12.421875%;
  }
}
.bt_Title_Area {
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .bt_Title_Area {
    width: 77.34375%;
    text-align: right;
  }
}
@media all and (min-width: 768px) {
  .bt_Title {
    width: 52.42424242424243%;
    margin-left: auto;
  }
}
@media all and (max-width: 767px) {
  .bt_Title {
    width: 92.66666666666666vw;
    margin: 0 auto;
  }
}
@media all and (min-width: 768px) {
  .bt_Lead {
    width: 36.56565656565657%;
    margin-left: auto;
    margin-top: 17.17171717171717%;
  }
}
@media all and (max-width: 767px) {
  .bt_Lead {
    width: 78.53333333333333vw;
    margin: 49.333333333333336vw auto 0;
  }
}
@media all and (min-width: 768px) {
  .bt_Price {
    width: 60.303030303030305%;
    margin: 7.575757575757576% auto 0;
  }
}
@media all and (max-width: 767px) {
  .bt_Price {
    width: 94.26666666666667vw;
    margin: 7.333333333333333vw auto 0;
  }
}
.bt_List {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
@media all and (min-width: 768px) {
  .bt_List {
    width: 93.75%;
    margin: 5.234375% auto 0;
    -webkit-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media all and (max-width: 767px) {
  .bt_List {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 84vw;
    margin: 8vw auto 0;
  }
}
@media all and (min-width: 768px) {
  .bt_ListEl {
    width: 14.833333333333334%;
  }
}
@media all and (max-width: 767px) {
  .bt_ListEl {
    width: 33.86666666666667vw;
    margin-bottom: 10.666666666666668vw;
  }
}
@media all and (max-width: 767px) {
  .bt_ListEl:nth-child(1) {
    margin-left: 3.2vw;
  }
}
@media all and (max-width: 767px) {
  .bt_ListEl:nth-child(2) {
    margin-left: 11.066666666666666vw;
    width: 33.86666666666667vw;
  }
}
@media all and (max-width: 767px) {
  .bt_ListEl:nth-child(3) {
    width: 40vw;
  }
}
@media all and (max-width: 767px) {
  .bt_ListEl:nth-child(4) {
    margin-left: 8vw;
    width: 33.86666666666667vw;
  }
}
@media all and (max-width: 767px) {
  .bt_ListEl:nth-child(5) {
    margin: 0 auto;
    width: 33.86666666666667vw;
  }
}
@media all and (min-width: 768px) {
  .dt_Area {
    margin: 15.625% auto 0;
    width: 77.34375%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
}
@media all and (max-width: 767px) {
  .dt_Area {
    margin: 20vw auto 0;
    width: 86.93333333333332vw;
  }
}
@media all and (min-width: 768px) {
  .dt_Detail {
    width: 53.939393939393945%;
  }
}
@media all and (min-width: 768px) {
  .dt_Title {
    width: 89.13857677902621%;
  }
}
@media all and (max-width: 767px) {
  .dt_Title {
    width: 86vw;
    margin: 0 auto;
  }
}
@media all and (min-width: 768px) {
  .dt_Lead {
    width: 100%;
    margin-top: 14.606741573033707%;
  }
}
@media all and (max-width: 767px) {
  .dt_Lead {
    margin-top: 8vw;
  }
}
@media all and (min-width: 768px) {
  .dt_Img {
    width: 38.08080808080808%;
  }
}
@media all and (max-width: 767px) {
  .dt_Img {
    margin: 8.933333333333334vw 0 0 3.066666666666666vw;
    width: 64.53333333333333vw;
  }
}
@media all and (min-width: 768px) {
  .footer {
    background: url("/fyt/happybag/images/footer_bg_pc.jpg") no-repeat center bottom;
    background-size: 100% 100%;
  }
}
@media all and (max-width: 767px) {
  .footer {
    background: url("/fyt/happybag/images/footer_bg_sp.jpg") no-repeat center center;
    background-size: cover;
    padding: 10.666666666666668vw 0 8vw;
  }
}
.footer-Inner {
  width: 100%;
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .footer-Inner {
    max-width: 1280px;
    padding: 7.8125% 0 4.6875%;
  }
}
@media all and (max-width: 767px) {
  .footer-Inner {
    width: 94.66666666666667vw;
  }
}
.footer-Title {
  margin: 0 auto;
  text-align: center;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media all and (min-width: 768px) {
  .footer-Title {
    width: 66.40625%;
    padding: 16px 0;
    font-size: 20px;
  }
}
@media all and (max-width: 767px) {
  .footer-Title {
    padding: 3.2vw 0;
    font-size: 4vw;
  }
}
.footer-Note {
  border-bottom: 1px solid #fff;
}
@media all and (min-width: 768px) {
  .footer-Note {
    width: 66.40625%;
    margin: 1.5625% auto 0;
    padding-bottom: 1.5625%;
  }
}
@media all and (max-width: 767px) {
  .footer-Note {
    margin-top: 8vw;
    padding-bottom: 8vw;
  }
}
.footer-Note_List {
  color: #fff;
}
@media all and (min-width: 768px) {
  .footer-Note_List {
    font-size: 16px;
    line-height: 2;
    text-indent: -20px;
    margin-left: 20px;
  }
}
@media all and (max-width: 767px) {
  .footer-Note_List {
    line-height: 1.730769230769231;
    font-size: 3.466666666666666vw;
    margin-top: 4vw;
    text-indent: -4vw;
    margin-left: 4vw;
  }
}
.footer_Lead {
  text-align: center;
  color: #fff;
}
@media all and (min-width: 768px) {
  .footer_Lead {
    font-size: 18px;
    margin-top: 3.125%;
  }
}
@media all and (max-width: 767px) {
  .footer_Lead {
    width: 88vw;
    margin: 8vw auto 0;
    font-size: 3.733333333333334vw;
    text-align: left;
    line-height: 1.607142857142857;
  }
}
@media all and (min-width: 768px) {
  .footer_Btn {
    width: 66.40625%;
    margin: 2.65625% auto 0;
  }
}
@media all and (max-width: 767px) {
  .footer_Btn {
    display: none;
  }
}
.footer-Copy_Area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
@media all and (min-width: 768px) {
  .footer-Copy_Area {
    margin: 3.125% auto 0;
    width: 95.3125%;
  }
}
@media all and (max-width: 767px) {
  .footer-Copy_Area {
    width: 88vw;
    margin: 5.333333333333334vw auto 0;
  }
}
.footer-Copy {
  display: block;
  color: #fff;
}
@media all and (min-width: 768px) {
  .footer-Copy {
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  .footer-Copy {
    font-size: 2.666666666666667vw;
    line-height: 1.35;
  }
}
@media all and (min-width: 768px) {
  .footer-Copy_Logo {
    width: 10.573770491803279%;
  }
}
@media all and (max-width: 767px) {
  .footer-Copy_Logo {
    width: 14.266666666666666vw;
  }
}
.js-El1 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El1[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El2 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El2[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El3 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El3[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El4 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El4[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El5 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El5[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El6 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El6[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El7 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El7[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El8 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El8[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El9 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El9[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El10 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El10[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El11 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El11[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El12 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El12[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El13 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El13[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El14 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El14[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El15 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El15[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El16 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El16[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El17 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El17[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El18 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El18[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El19 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El19[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El20 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El20[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El21 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El21[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El22 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El22[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El23 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El23[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-El24 {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.js-El24[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.js-PageTop {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
@media all and (min-width: 768px) {
  .js-PageTop:hover {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
.js-PageTop[data-fade="true"] {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
}
@media all and (min-width: 768px) {
  .js-PageTop[data-fade="true"]:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
}
@media all and (min-width: 768px) {
  .mame-Bnr {
    max-width: 950px;
    width: 77.8688524590164%;
    margin: 0 auto;
    background: url("/fyt/happybag/images/mame_bnr_bg_pc.png") no-repeat left top;
    background-size: contain;
    padding: 9.344262295081968% 0 3.606557377049181%;
  }
}
@media all and (max-width: 767px) {
  .mame-Bnr {
    background: url("/fyt/happybag/images/mame_bnr_bg_sp.png") no-repeat left top;
    width: 88vw;
    margin: 12vw auto 0;
    background-size: cover;
    padding: 16.933333333333334vw 0 90.26666666666667vw;
  }
}
@media all and (min-width: 768px) {
  .mame-BnrTitle {
    width: 52.21052631578947%;
    margin: 0 0 0 11.263157894736842%;
  }
}
@media all and (max-width: 767px) {
  .mame-BnrTitle {
    width: 70.13333333333334vw;
    margin: 0 auto;
  }
}
@media all and (min-width: 768px) {
  .mame-BnrText {
    width: 53.368421052631575%;
    margin: 1.789473684210526% 0 0 11.263157894736842%;
  }
}
@media all and (max-width: 767px) {
  .mame-BnrText {
    width: 74.53333333333333vw;
    margin: 10.533333333333333vw auto 0;
  }
}
@-webkit-keyframes buruburu {
  0% {
    -webkit-transform: translate(0, 0) rotate(-10deg);
    -ms-transform: translate(0, 0) rotate(-10deg);
    transform: translate(0, 0) rotate(-10deg);
  }
  25% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(10deg);
    -ms-transform: translate(0, 0) rotate(10deg);
    transform: translate(0, 0) rotate(10deg);
  }
  75% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes buruburu {
  0% {
    -webkit-transform: translate(0, 0) rotate(-10deg);
    -ms-transform: translate(0, 0) rotate(-10deg);
    transform: translate(0, 0) rotate(-10deg);
  }
  25% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(10deg);
    -ms-transform: translate(0, 0) rotate(10deg);
    transform: translate(0, 0) rotate(10deg);
  }
  75% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
}