@charset "utf-8";

/*google*/

.m-plus-1p-regular {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.yusei-magic-regular {
  font-family: "Yusei Magic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.cherry-bomb-one-regular {
  font-family: "Cherry Bomb One", system-ui;
  font-weight: 400;
  font-style: normal;
}


/* common */

body {
  margin: 0;
}

img {
  vertical-align: bottom;
}

.btn {
  background: green;
  color: white;
  padding: 8px 16px;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
}

h2 {
  margin: 0;
  font-weight: normal;
  text-align: center;
}

h3 {
  margin: 0;
  font-weight: normal;
}

p {
  margin: 0;
}

.container {
  max-width: 1150px;
  margin: 0 auto;
  width: calc(100% - 32px);
  box-sizing: border-box;
}

/* header */

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: #feff99;
  width: 100%;
}

.menu-pc {
  display: none;/*ini setting*/
}
.menu-pc a {
  text-decoration: none;color: #555;
}

.menu-mobile {
  max-width: 240px;
  padding: 16px 0;
  list-style-type: none;
  margin:auto;
/*  background: lime;*/
}
.menu-mobile a {
  text-decoration: none;color: #555;
}
.menu-mobile li {
  border-bottom: 1px solid #ccc;
}
.lang {font-size: 11px;line-height: 26px;width: 80px;}
.lang div img {margin: 2px 4px 2px 0;border: 0;}
.lang a {text-decoration: none;}
.lang2 section img {margin: 2px;}
.lang2 p {padding: 16px;}
.lang2 {
  border-radius: 16px;
  width: 220px;padding: 16px;
  background:pink;
  margin-bottom: 32px;
}

.toplinks {
    display: flex;
    align-items: center;
/*    width: 800px;*/
/*    background: limegreen;*/
    margin: 64px;
    flex-wrap: wrap;
/*    justify-content: space-between;*/
}

.toplinks a {
  text-decoration: none;
  color: #333;
}


.toplinks .item {
  padding: 64px;margin: 16px;
  width: 80px;text-align: center;border: 1px solid #ccc;border-radius: 16px;
  background: #ffcccc;
}



.blk-small {color: #000; font-size: 17px;}
.algn-r {text-align: right;}
img.arrw {margin: 8px;}

h1 {
  margin: 0;
  font-size: 0;
}

.logo-pc {
  display: none;
}

  
.m-auto {
  margin: 0 auto;
}

.m-left40 {
  margin-left: 40px;
}

.m-top16 {
  margin-top: 16px;
}

.contents {min-height:300px;padding-top: 32px;padding-bottom: 32px;}
.contents h2 {margin-bottom: 16px;}


img.resize75 { width: 75%; }


/* hero */

.hero {
  background: orange url(../images/air1.jpg) no-repeat center bottom;
  text-align: center;
  padding: 64px 0;
  color: #fff;
  font-size: 30px;
}

.hero img {
  margin-top: 64px;
}

/*.hero .btn {
  margin-top: 64px;
}

.bg-bar {
  background: #111;
  opacity: 0.6;
}*/

/*fusen*/

.fusen {
  text-align: center;

}

.fusen-panel {

  position: relative;
  background: #eee;
  height: 590px;
  overflow: hidden;
}

.omakase {
  border-radius: 16px;
  border: 4px solid #ff3399;
  width: 90%;padding: 16px;
  background: pink url(../images/bg-baloon.png) repeat-x center top;
  margin: 8px auto;

}


.fusen-panel div img {
/*  position: absolute;*/
  width: 200px;margin-top: -40px;
}


.fusen  li {
  list-style: none;padding: 0;margin: 16px;

}

ul.aboutus li {margin-top: 16px;}

/* features */

.features {
  padding: 8px 0;
}

.feature {
  margin-top: 64px;
}

.pic {
  text-align: center;
}

.feature h3 {
  margin-top: 16px;
}

.feature p {
  margin-top: 16px;
}

/*custom*/

.opa6 {opacity: 0.6;}
.opa7 {opacity: 0.7;}
.opa8 {opacity: 0.8;}
.opa10 {opacity: 1;}

.h80 {height: 80px;}
.no-bullet {list-style: none;}
.cen {text-align: center;}


/* footer */

footer {
  color: #333;
  padding: 64px 0;
  text-align: center;
  background: #ffcc00 url(../images/bg.png) repeat-x center top;
}

small {
  font-size: 14px;
}

/* large screen */

@media (min-width: 600px) {

  /* header */

  .logo-sp {
    display: none;
  }

  .logo-pc {
    display: inline;
  }


  /*  menu*/

  .menu-pc {
/*    display: block;*/
    max-width: 1150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    list-style-type: none;
    margin:auto;
  }

  .menu-mobile {
    display: none;
  }



/*  margin-top: 32px;*/



  /* hero */

  .hero .container {
    display: flex;
    align-items: center;
  }

  .hero .container div {
    flex: 1;
  }

  .hero img {
    margin-top: 0;
  }

  /* features */

  .feature {
    display: flex;
    gap: 32px;
  }

  .pic {
    width: 300px;
  }

  .desc {
    flex: 1;
  }

  .reversed {
    flex-direction: row-reverse;
  }

  .fusen-panel div {
    position: absolute;
    width: 410px;height: 219px;
  }

.fusen1 {top:0px; left:10px;}
.fusen2 {top:110px;left:-20px;}
.fusen3 {top:280px;left:30px;}

.fusen4 {top:50px; left:380px;}
.fusen5 {top:180px;left:420px;}
.fusen6 {top:330px;left:380px;}

.fusen7 {top:-40px; left:790px;}
.fusen8 {top:80px;left:750px;}
.fusen9 {top:220px;left:750px;}


.fusen-panel div img {
/*  position: absolute;*/
  width: 410px;height:219px
}




}