@charset "UTF-8";



@font-face {

  font-family: 'HuiFontP109';

  src: url('../font/HuiFont29.ttf') format('woff');

  src: url('../font/HuiFont29.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}



.fot-tsukubrdgothic-std {

  font-family: fot-tsukubrdgothic-std, sans-serif;

  font-weight: 700;

  font-style: normal;

}



#anc1 {

  margin-top: -95px !important;

  padding-top: 95px !important;

}



#anc2 {

  margin-top: -95px !important;

  padding-top: 95px !important;

}



#anc3 {

  margin-top: -95px !important;

  padding-top: 95px !important;

}



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

#contents

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

#contents {

  padding-top: 99px;

}



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

.clImg {

  width: 100%;

  margin: 0 auto;

}



.clImg img {

  position: absolute;

  left: 0;

  top: 0;

}



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

sp2Nav

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

.sp2Nav ul {

  width: 1022px;

  margin: 0 auto 0px;

  position: fixed;

  top: 99px;

  left: 0;

  right: 0;

  z-index: 500;

}



.sp2Nav ul li {

  border: 1px solid #000;

  border-top-color: rgb(0, 0, 0);

  border-top-style: solid;

  border-top-width: 1px;

  border-bottom-color: rgb(0, 0, 0);

  border-bottom-style: solid;

  border-bottom-width: 1px;

  border-bottom: 2px solid #000;

  border-radius: 0px 0px 20px 20px;

  border-top: none;

  box-sizing: border-box;

}



.sp2Nav ul li::after {

  content: '';

  width: 334px;

  height: 65px;

  display: block;

  background: url(../img/index/lineBtn_shadow.png) no-repeat 0 100%;

  position: absolute;

  top: 2px;

  z-index: -1;

}



.sp2Nav ul li:last-child {

  border-right: 2px solid #000;

}



.sp2Nav ul li a {

  background: url(../img/index/icon_nav_arrow.png) no-repeat 30% center;

}



.sp2Nav ul li a:hover {

  background: url(../img/index/icon_nav_arrow_o.png) no-repeat 30% center;

}



.sp2Nav ul li {

  width: 338px;

  height: 60px;

  text-align: center;

  list-style: none;

  float: left;

  position: relative;

  background: #fff;

}



.sp2Nav ul li.out {

  font-size: 16px;

  line-height: 60px;

  background-color: #888;

  border-left: none;

}



.sp2Nav ul li:hover {

  background: #000;

}



.sp2Nav ul li.out:hover {

  background-color: #888;

}



.sp2Nav ul li a:hover {

  color: #e7e7e7;

}



.sp2Nav ul li:first-child {

  border-left: 2px solid #000;

}



.sp2Nav ul li a {

  font-size: 16px;

  line-height: 60px;

  color: #000;

  -webkit-transition: 0.3s ease-out;

  -moz-transition: 0.3s ease-out;

  -ms-transition: 0.3s ease-out;

  -o-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

  display: block;

}



.sp2Nav ul li.on a {

  text-decoration: none;

}



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

#contents .block01

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

#contents .block01 {

  width: 100%;

  position: relative;

  z-index: 2;

  padding-top: 0px;

  background-color: #ffe7de;

  /*height:621px;*/

  height: 530px;

  width: 1200px;

  margin: 0 auto;

}



#contents .block01 .inner {

  padding: 0 0 0;

  text-align: center;

}



#contents .block01 .inner .movieBox {

  margin: 0 auto 30px;

  position: relative;

  width: 100%;

  max-width: 100%;

}



#contents .block01 .inner .movieBox img {

  width: 100%;

  max-width: 100%;

}



#contents .left {

  float: left;

}



#contents .right {

  float: right;

}



sup {

  font-size: 70%;

  vertical-align: top;

  position: relative;

  top: -5px;

}



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

shop_list

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

.shop_list .close {

  display: block !important;

  height: 48px !important;

  position: absolute !important;

  right: 15px !important;

  top: 20px !important;

  width: 48px !important;

  z-index: 5000 !important;

}



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

#contents .kv-txt2

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

#contents .kv-txt2 {

  margin-bottom: 30px;

}



#contents .kv-txt2 img,

#contents .nTxt01 p img {

  width: 100%;

}



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

#contents .block02

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

#contents .block02 {

  width: 1000px;

  margin: 0px auto 0;

}



#contents .block02>div {

  background-image: url(../img/index/n_img01_7.png);

  background-repeat: no-repeat;

  height: 0px;

  padding-top: 103%;

  background-size: contain;

  background-color: #ffe1d7;

  position: relative;

}



#contents .block02>div h2 {

  text-align: center;

  position: absolute;

  left: 0;

  right: 5px;

  top: 180px;

}



#contents .block02>div>div {

  position: absolute;

  margin: 0 15%;

  top: 37.5%;

}



#contents .block02 .pkg {

  position: absolute;

  margin: 0 5%;

  top: 260px;

  right: 49px;

}



#contents .block02 ul.shopbtnSp2 {

  width: 452px;

  margin: -16.5% auto 0;

}



#contents .block02>div>div p.text01 {

  text-align: center;

  font-size: 25px;

  background-image: url(../img/index/text01_l.png);

  background-position: bottom center;

  background-repeat: no-repeat;

  margin-bottom: 3px;

  padding-bottom: 1px;

  background-size: contain;

  letter-spacing: -1px;

}



#contents .block02>div>div p.text02 {

  text-align: center;

  font-size: 24px;

  background-image: url(../img/index/text02_l.png);

  background-position: bottom center;

  background-repeat: no-repeat;

  margin-bottom: 3px;

  padding-bottom: 0px;

  background-size: 40%;

  letter-spacing: -1px;

}



#contents .block02>div>div p.text03 {

  text-align: center;

  font-size: 25px;

  background-image: url(../img/index/text03_l.png);

  background-position: bottom center;

  background-repeat: no-repeat;

  margin-bottom: 3px;

  padding-bottom: 1px;

  background-size: contain;

  letter-spacing: -1px;

}



#contents .block02>div>div p.text04 {

  text-align: center;

  font-size: 28px;

  background-image: url(../img/index/text04_l.png);

  background-position: bottom center;

  background-repeat: no-repeat;

  padding-bottom: 0px;

  background-size: 80%;

  letter-spacing: -1px;

}



#contents .block02>div>div p span {

  background-color: #ffcec9;

  border-radius: 4px;

  padding: 1px 6px;

  margin: 0 1px;

}



#contents .block02 h2 {

  margin: 0 0 0px;

}



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

#contents .block03

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

#contents .block03 {

  width: 1000px;

  margin: 0 auto;

}



#contents .block03>div {

  background-image: url(../img/index/n_img01_10.png);

  background-repeat: no-repeat;

  height: 0px;

  padding-top: 99.8%;

  /*97.9*/

  background-size: contain;

  position: relative;

}



#contents .block03>div h2.anc {

  font-size: 20px;

  position: absolute;

  bottom: 21%;

  left: 98px;

  text-align: center;

  width: 805px;

}



#contents .nBox02,

#contents .nBox03,

#contents .nBox04,

#contents .nBox05,

#contents .nBox06 {

  width: 1000px;

  margin: 0 auto;

}



#contents .nBox02>div {

  background-image: url(../img/index/n_img01_11.png);

  background-repeat: no-repeat;

  height: 0px;

  padding-top: 106.2%;

  background-size: contain;

  position: relative;

}



#contents .nBox02>div h2.ttl {

  position: absolute;

  top: -5%;

  text-align: center;

  left: 0;

  right: 0;

  margin: auto;

  font-size: 33px;

  line-height: 1.35;

  letter-spacing: -1px;

}



#contents .nBox02>div h2.ttl span {

  color: #ff828e;

  font-size: 42px;

  letter-spacing: -3px;

}



#contents .nBox02>div h2.ttl img {

  display: block;

  margin: 0 auto 2.5%;

}



#contents .nBox02 p img {

  width: 100%;

  display: block;

}



#contents .nBox02 h3 img {

  width: 100%;

  display: block;

}



#contents .nBox03>div {

  background-image: url(../img/index/n_img01_13.png);

  background-repeat: no-repeat;

  height: 0px;

  padding-top: 124.7%;

  background-size: contain;

  position: relative;

}



#contents .nBox03>div h2.ttl {

  position: absolute;

  top: -6.5%;

  text-align: center;

  left: 0;

  right: 0;

  margin: auto;

  font-size: 47px;

  line-height: 1.35;

  letter-spacing: -2px;

}



#contents .nBox03>div h2.ttl img {

  display: block;

  margin: 0 auto 1.25%;

}



#contents .nBox03>div ul li {

  position: absolute;

  text-align: center;

  font-family: 'HuiFontP109';

  font-weight: bold;

  font-size: 26px;

  letter-spacing: -3.0px;

  line-height: 1.1;

}



#contents .nBox03>div ul li:nth-child(1) {

  top: 23.75%;

  left: 47.5%;

}



#contents .nBox03>div ul li:nth-child(2) {

  top: 35.3%;

  left: 15.75%;

}



#contents .nBox03>div ul li:nth-child(3) {

  top: 54.55%;

  left: 15.5%;

}



#contents .nBox03>div ul li:nth-child(4) {

  top: 45.75%;

  left: 34.25%;

}



#contents .nBox03>div ul li:nth-child(5) {

  top: 68.5%;

  left: 16.0%;

}



#contents .nBox04>div {

  background-image: url(../img/index/n_img01_15.png);

  background-repeat: no-repeat;

  height: 0px;

  padding-top: 180.7%;

  background-size: contain;

  position: relative;

}



#contents .nBox04>div h2.ttl {

  position: absolute;

  top: 6.25%;

  text-align: center;

  left: 0;

  right: 0;

  margin: auto;

  font-size: 42px;

  line-height: 1.3;

  letter-spacing: -2px;

}



#contents .nBox04>div h2.ttl span {

  color: #ff828e;

  font-size: 51px;

  letter-spacing: -5px;

}



#contents .nBox04>div h2.ttl img {

  display: block;

  margin: 0 auto 2%;

}



#contents .nBox05 {

  padding-bottom: 10px;

  background-color: #d0edec;

}



#contents .nBox05>div h2.ttl {

  font-size: 20px;

  position: absolute;

  top: 1.5%;

  text-align: center;

  left: 0;

  right: 0;

  margin: auto;

}



#contents .nBox05>div h2.ttl img {

  display: block;

  margin: 0 auto 4%;

  width: 22%;

}



#contents .nBox05>div h2.anc {

  margin: 0 auto 0px;

  margin-top: 0px;

  width: 805px;

  padding: 0px 0 30px;

}



#contents .nBox05>div .moviettl {

  text-align: center;

  font-size: 30px;

  padding-bottom: 50px;

}



#contents .nBox06>div {

  background-image: url(../img/index/n_img01_19.png);

  background-repeat: no-repeat;

  height: 0px;

  padding-top: 156.3%;

  background-size: contain;

  position: relative;

}



.box1000 {

  width: 1000px;

  margin: 0 auto;

}



#contents .nBox06 ul.shopbtnSp2 {

  margin: -54% 0 0;

  padding: 0 30px;

}



#contents .nBox06 ul.shopbtnSp2 li {

  float: left;

}



#contents .nBox06 ul.shopbtnSp2 li.last {

  margin-left: 35px;

}



#contents .nBox06>div h2.anc {

  font-size: 20px;

  position: absolute;

  top: 4%;

  left: 98px;

  text-align: center;

  width: 805px;

}



#contents .nBox06>div h3 {

  width: 573px;

  position: absolute;

  top: 14.5%;

  left: 0;

  right: 0;

  margin: auto;

}



#contents .nBox06 .pkg {

  top: 29%;

  position: absolute;

  width: 400px;

  left: 0px;

  right: 0;

  margin: auto;

}



#contents .btn_search {

  width: 452px;

  margin: auto;

  position: absolute;

  bottom: -3.6%;

  left: 0;

  right: 0;

  z-index: 1;

}



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

#contents .blockInsta

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

#contents .blockInsta {

  background-color: #ffe1d7;

  position: relative;

  padding: 30px 0;

  width: 1000px;

  margin: 0 auto;

}



#contents .blockInsta h2.anc {

  margin: 0 auto 0px;

  width: 805px;

}



#contents .blockInsta .textCenter {

  margin: 2rem 1rem;

  text-align: center;

}



#contents .blockInsta h3 {

  margin-top: 20px;

  margin-left: 3%;

}



#contents .blockInsta .instagram h3 {

  font-size: 1.6rem;

  line-height: 19px;

  text-align: left;

  margin-top: 10px;

  color: #231815;

}



#contents .blockInsta .instagram h3 img {

  margin: 0 0 0 5px;

  vertical-align: top;

}



#contents .blockInsta .instagram ul li {

  position: relative;

  box-sizing: border-box;

  padding: 0 30px 25px;

  margin: 0 auto 30px;

  background-image: url(../img/index/shadow.png);

  background-repeat: no-repeat;

  background-size: 100%;

  width: 574px;

  height: 399px;

}



#contents .blockInsta .instagram ul li .top {

  position: absolute;

  top: 0px;

  width: 100%;

  left: 0px;

}



#contents .blockInsta .instagram ul li .bottom {

  position: absolute;

  bottom: 0px;

  width: 100%;

  left: 0px;

}



#contents .blockInsta .instagram ul li.last {

  margin-bottom: 120px;

}



#contents .blockInsta .instagram ul .insta_photo01 {

  background-color: #fff;

  width: 220px;

  float: left;

  padding-bottom: 10px;

}



#contents .blockInsta .instagram ul .insta_photo01 img {

  width: 100%;

}



#contents .blockInsta .instagram ul .insta_photo02 {

  background-color: #fff;

  width: 43%;

  float: right;

}



#contents .blockInsta .instagram ul .insta_photo02 img {

  width: auto;

  height: auto;

}



#contents .blockInsta .instagram ul .insta_photo03 {

  background-color: #fff;

  width: 43%;

  float: right;

}



#contents .blockInsta .instagram ul .insta_photo03 img {

  width: auto;

  height: auto;

}



#contents .blockInsta .instagram ul li .inner {

  width: 51.5%;

}



#contents .blockInsta .instagram ul li .inner p {

  padding: 0px 0px 15px 2px;

  color: #000;

  font-size: 14px;

  line-height: 1.5;

}



#contents .blockInsta .instagram ul li .inner p.text_left {

  padding: 0px 13px 10px 0px;

  color: #000;

  font-size: 13px;

  line-height: 16px;

}



#contents .blockInsta .instagram ul li p.name {

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  padding: 40px 0px 10px;

  font-size: 15px;

  border-bottom: 1px solid #e4007f;

  color: #e4007f;

  margin: 0 auto 22px;

}



#contents .blockInsta .instagram ul li img.ac {

  border-radius: 50%;

  width: 10%;

  height: auto;

  margin-bottom: -4px;

  margin-left: -10px;

  margin-right: 5px;

}



#contents .blockInsta .instagram ul li a {

  display: block;

  text-decoration: none;

}



#contents .blockInsta .instagram ul li .inner .instaBtn a {

  text-align: center;

  display: block;

  height: 50px;

}



#contents .blockInsta .instagram ul li .inner.left img {

  width: 50%;

  float: left;

  margin-left: 25%;

  margin-bottom: 9%;

}



#contents .blockInsta .instaBtn {

  text-align: center;

}



#contents .blockInsta .profile {

  margin: 0 5% 0;

  padding: 45px 17px 0;

  background: #e4007f;

}



#contents .blockInsta .profile img.left {

  width: 34%;

}



#contents .blockInsta .profile div {

  margin-left: 5%;

  float: left;

  width: 61%;

}



#contents .blockInsta .profile div h4 img {

  width: 50%;

  margin-top: 8%;

}



#contents .blockInsta .profile div p.txt1 {

  font-size: 3vw;

  margin-top: 12%;

}



#contents .blockInsta .profile div p.txt2 {

  font-size: 4.5vw;

  margin-top: 3%;

}



#contents .blockInsta .profile div p.txt2 span {

  font-size: 3.2vw;

}



#contents .blockInsta p.profTxt {

  font-size: 11px;

  line-height: 16px;

  margin: 0 5% 15px;

  padding: 15px 17px 15px;

  background: #e4007f;

}



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

sns_block

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

#contents .sns_block {

  background-image: url(../img/index/n_img01_21.png);

  height: 467px;

  background-repeat: no-repeat;

  position: relative;

  margin: 0 auto;

  width: 1000px;

  background-size: cover;

}



#contents .sns_block ul {

  position: absolute;

  top: 43.5%;

  left: 0;

  right: 0;

  margin: auto;

}



#contents .sns_block li {

  text-align: center;

}



#contents .sns_block li p {

  margin-top: 5px;

  line-height: 1.1;

  letter-spacing: -1px;

  font-size: 24px;

}



#contents .sns_block li p span {

  font-size: 24px;

  letter-spacing: -3.75px;

}



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

onlineshop

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

.onlineshop_sp2 {

  position: relative;

}



.onlineshop_sp2 .shops {

  /*width: 664px;*/

  width: 510px;

  height: 120px;

  margin-left: -250px;

  padding: 12px 10px;

  box-sizing: border-box;

  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

  transform: scale(0.9, 0.9);

  z-index: -10000;

  display: none;

  position: absolute !important;

  top: 50%;

  left: 50%;

}



.onlineshop_sp2 .shops.on {

  background: white;

  z-index: 2;

  display: block;

  animation: show 0.1s ease-out 0s;

  opacity: 1;

}



.onlineshop_sp2 .shops ul {

  margin: 0 !important;

  padding: 0 !important;

  position: relative !important;

  text-align: center !important;

}



.onlineshop_sp2 .shops ul li {

  display: inline-block !important;

  width: auto !important;

  height: auto !important;

}



.onlineshop_sp2 .shops ul li a {

  display: block;

  padding: 0 !important;

  margin: 0 !important;

  line-height: 1 !important;

  background: white !important;

}



.onlineshop_sp2 .shops ul li a img {

  -webkit-transition: 0.3s ease-out;

  -moz-transition: 0.3s ease-out;

  -ms-transition: 0.3s ease-out;

  -o-transition: 0.3s ease-out;

  transition: 0.3s ease-out;

}



.onlineshop_sp2 .shops ul li a:hover img {

  opacity: 0.8;

  filter: alpha(opacity=80);

  -ms-filter: "alpha( opacity=80 )";

}



.onlineshop_sp2 .shops p {

  padding-top: 13px !important;

  text-align: center !important;

  font-size: 14px !important;

  line-height: 1 !important;

  color: black !important;

}



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

	movie

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

.c-ytmovie {

  text-align: center;

  margin: 0 auto;

  /*padding-bottom: 30px;*/

  position: relative;

  cursor: pointer;

}



#youtube-player-top03 {

  width: 1200px;

  /*height: 621px;*/

  height: 530px;

}



.c-ytmovie__poster {

  width: 1200px;

  /*height: 621px;*/

  height: 530px;

  background-image: url(../img/index/movie2.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  margin: auto;

  position: absolute;

  top: 0px;

  left: 0;

  right: 0;

  cursor: pointer;

}



.noMovie {

  text-align: center;

}



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

@media only screen and (max-width: 768px) {

  .PC {

    display: none !important;

  }



  .SP {

    display: block !important;

  }



  #anc1,

  #anc2,

  #anc3 {

    margin-top: -40px !important;

    padding-top: 40px !important;

  }



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

	sp2Nav

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

  .sp2Nav ul {

    width: 100%;

    margin: 0 !important;

    padding: 0 !important;

    position: absolute;

    top: 65px;

  }



  .sp2Nav ul li {

    width: 33.3% !important;

    height: 35px;

    padding: 0px !important;

    border: 1px solid #000;

    border-top-color: rgb(0, 0, 0);

    border-top-style: solid;

    border-top-width: 1px;

    border-bottom-color: rgb(0, 0, 0);

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-bottom: 2px solid #000;

    border-radius: 0px 0px 20px 20px;

    border-top: none;

    box-sizing: border-box;

  }



  .sp2Nav ul li .fot-tsukubrdgothic-std {

    font-size: 13px !important;

    line-height: 240% !important;

    padding-left: 10px;

  }



  .sp2Nav ul li::after {

    content: '';

    width: 100%;

    height: 36px;

    display: block;

    background: url(../img/index/lineBtn_shadow_sp.png) no-repeat 0 100%;

    background-size: 100% 50%;

    position: absolute;

    top: 2px;

    z-index: -1;

  }



  .sp2Nav ul li:last-child {

    border-right: 2px solid #000;

  }



  .sp2Nav ul li a {

    background: url(../img/index/icon_nav_arrow.png) no-repeat 10% center;

  }



  .sp2Nav ul li a:hover {

    background: url(../img/index/icon_nav_arrow_o.png) no-repeat 10% center;

  }



  .sp2Nav ul li:first-child {

    border-left: 2px solid #000;

  }



  #contents {

    /*padding-top: 50px;*/

    padding-top: 65px;

  }



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

	#contents .block01

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

  #contents .block01 {

    width: 100% !important;

    position: relative;

    z-index: 2;

    height: auto !important;

  }



  .c-ytmovie {

    position: relative;

    cursor: pointer;

  }



  #youtube-player-top03 {

    width: 100%;

    /*height: 530px !important;*/

    height: 530px !important;

  }



  .c-ytmovie__poster {

    width: 100%;

    height: 530px;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../img/index/movie4.jpg);

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;

  }



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

	#contents .block02

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

  #contents .block02 {

    width: 100%;

    background-size: 100% 100%;

    margin: 0px auto 0;

  }



  #contents .block02 img {

    width: 100%;

  }



  #contents .block02>div {

    background-image: url(../img/index/n_img01_7sp.png);

    background-size: 100%;

    height: 0px;

    padding-top: 218.125%;

  }



  #contents .block02>div h2 {

    text-align: center;

    position: absolute;

    left: 0;

    right: 5px;

    top: 0;

  }



  #contents .block02>div h2 img {

    width: 25%;

    height: auto;

  }



  #contents .block02>div>div {

    position: absolute;

    top: 8.5%;

    width: 90%;

    margin: 0 5%;

  }



  #contents .block02 .pkg {

    width: 75%;

    position: absolute;

    top: 34.5%;

    left: 9%;

    text-align: center;

  }



  #contents .block02 .pkg img {

    width: 100%;

  }



  #contents .block02 ul.shopbtnSp2 {

    width: 70%;

    /*90*/

    position: absolute;

    top: 92.5%;

    left: 15%;

  }



  #contents .block02>div>div p.text01,

  #contents .block02>div>div p.text02,

  #contents .block02>div>div p.text03,

  #contents .block02>div>div p.text04 {

    text-align: center;

    background-position: bottom center;

    background-repeat: no-repeat;

    letter-spacing: -1px;

  }



  #contents .block02>div>div p.text01 {

    font-size: 20px;

    background-image: url(../img/index/text01_l.png);

    margin-bottom: 3px;

    padding-bottom: 1px;

    background-size: contain;

  }



  #contents .block02>div>div p.text02 {

    font-size: 19px;

    background-image: url(../img/index/text02_l.png);

    margin-bottom: 3px;

    padding-bottom: 0px;

    background-size: 40%;

  }



  #contents .block02>div>div p.text03 {

    font-size: 20px;

    background-image: url(../img/index/text03_l.png);

    margin-bottom: 3px;

    padding-bottom: 1px;

    background-size: contain;

  }



  #contents .block02>div>div p.text04 {

    font-size: 24px;

    background-image: url(../img/index/text04_l.png);

    padding-bottom: 0px;

    background-size: 80%;

  }



  @media screen and (max-width:350px) {

    #contents .block02>div>div p.text01 {

      font-size: 20px;

    }



    #contents .block02>div>div p.text02 {

      font-size: 19px;

    }



    #contents .block02>div>div p.text03 {

      font-size: 18px;

    }



    #contents .block02>div>div p.text04 {

      font-size: 23px;

    }

  }



  #contents .block02 h2 {

    margin: 0 0 0px;

  }



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

	#contents .block03

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

  #contents .block03 {

    width: 100%;

    margin: 0 auto;

  }



  #contents .block03 img {

    width: 100%;

  }



  #contents .block03>div {

    background-image: url(../img/index/n_img01_10sp.png);

    background-repeat: no-repeat;

    height: 0px;

    padding-top: calc((885 / 640) * 100%);

    background-size: contain;

    position: relative;

  }



  #contents .block03>div h2.anc {

    font-size: 20px;

    position: absolute;

    bottom: 14%;

    left: 6%;

    right: 6%;

    text-align: center;

    width: 88%;

  }



  #contents .nBox02,

  #contents .nBox03,

  #contents .nBox04,

  #contents .nBox05,

  #contents .nBox06 {

    width: 100%;

    margin: 0 auto;

  }



  #contents .nBox02>div {

    background-image: url(../img/index/n_img01_11sp.png);

    background-repeat: no-repeat;

    height: 0px;

    padding-top: calc(((1156 / 640) * 100%));

    background-size: contain;

    position: relative;

  }



  #contents .nBox02>div h2.ttl {

    position: absolute;

    top: 2%;

    text-align: center;

    left: 0;

    right: 0;

    margin: auto;

    font-size: 26px;

    line-height: 1.35;

    letter-spacing: -1px;

  }



  #contents .nBox02>div h2.ttl span {

    color: #ff828e;

    font-size: 30px;

  }



  @media screen and (max-width:350px) {

    #contents .nBox02>div h2.ttl {

      font-size: 24px;

    }



    #contents .nBox02>div h2.ttl span {

      font-size: 28px;

    }

  }



  #contents .nBox02>div h2.ttl img {

    margin: 0 auto 5px;

    width: 70px;

  }



  #contents .nBox03>div {

    background-image: url(../img/index/n_img01_13sp.png);

    background-repeat: no-repeat;

    height: 0px;

    padding-top: calc(((1785 / 640) * 100%));

    background-size: contain;

    position: relative;

  }



  #contents .nBox03>div h2.ttl {

    position: absolute;

    top: 1.5%;

    text-align: center;

    left: 0;

    right: 0;

    margin: auto;

    font-size: 34px;

    line-height: 1.35;

    letter-spacing: -1px;

  }



  @media screen and (max-width:350px) {

    #contents .nBox03>div h2.ttl {

      font-size: 30px;

    }

  }



  #contents .nBox03>div h2.ttl img {

    margin: 0 auto 3%;

    width: 70px;

  }



  #contents .nBox03>div ul li {

    position: absolute;

    text-align: center;

    font-family: 'HuiFontP109';

    font-weight: bold;

    font-size: 18.5px;

    letter-spacing: -1.5px;

    line-height: 1.1;

  }



  #contents .nBox03>div ul li:nth-child(1) {

    top: 24.25%;

    left: 40.5%;

  }



  #contents .nBox03>div ul li:nth-child(2) {

    top: 35.55%;

    left: 15.25%;

  }



  #contents .nBox03>div ul li:nth-child(3) {

    top: 75.5%;

    left: 28%;

  }



  #contents .nBox03>div ul li:nth-child(4) {

    top: 79.25%;

    left: 59.5%;

  }



  #contents .nBox03>div ul li:nth-child(5) {

    top: 85.5%;

    left: 12.5%;

  }



  #contents .nBox04>div {

    background-image: url(../img/index/n_img01_15sp.png);

    background-repeat: no-repeat;

    height: 0px;

    padding-top: calc(((2950 / 639) * 100%));

    background-size: contain;

    position: relative;

    margin-bottom: 60px;

  }



  #contents .nBox04>div h2.ttl {

    position: absolute;

    top: 1.5%;

    text-align: center;

    left: 0;

    right: 0;

    margin: auto;

    font-size: 27px;

    line-height: 1.3;

    letter-spacing: -1px;

  }



  #contents .nBox04>div h2.ttl span {

    color: #ff828e;

    font-size: 31px;

    letter-spacing: -2px;

  }



  @media screen and (max-width:350px) {

    #contents .nBox04>div h2.ttl {

      font-size: 25px;

    }



    #contents .nBox04>div h2.ttl span {

      font-size: 29px;

    }

  }



  #contents .nBox04>div h2.ttl img {

    margin: 0 auto 4%;

    width: 70px;

  }



  #contents .nBox06 img {

    width: 100%;

  }



  #contents .nBox06>div {

    background-image: url(../img/index/n_img01_19sp.png);

    background-repeat: no-repeat;

    height: 0px;

    padding-top: 221.4992%;

    background-size: contain;

    position: relative;

  }



  #contents .nBox06>div h2.anc {

    font-size: 20px;

    position: absolute;

    top: 1%;

    left: 6%;

    right: 6%;

    text-align: center;

    width: 88%;

  }



  #contents .nBox06>div h3 {

    width: 90%;

    position: absolute;

    top: 12%;

    left: 0;

    right: 0;

    margin: auto;

  }



  #contents .nBox06 .pkg {

    width: 55%;

    position: absolute;

    top: 27%;

  }



  #contents .nBox06 ul.shopbtnSp2 {

    width: 65%;

    /*70*/

    margin: -86% 10% 0;

  }



  #contents .nBox06 ul.shopbtnSp2 li {

    float: none;

    margin-bottom: 15px;

  }



  #contents .nBox06 ul.shopbtnSp2 li.last {

    margin-left: 0px;

  }



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

	#contents .blockInsta

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

  #contents .blockInsta {

    width: 100%;

    padding: 30px 0 50px;

  }



  #contents .blockInsta h2.anc {

    margin: 0 auto 0px;

    width: 88%;

  }



  #contents .blockInsta .instagram ul li {

    width: 90%;

    height: auto !important;

    position: relative;

    padding: 0 20px 25px;

    margin: 0 5% 20px;

    background-image: url(../img/index/instagram_shadow_center.png);

    background-size: 100%;

    background-position: center -1px;

    background-repeat: repeat-y;

  }



  #contents .blockInsta .instagram ul li.last {

    margin-bottom: 30px;

  }



  #contents .blockInsta .instagram ul li p.name {

    font-size: 15px;

    text-align: center;

    color: #e4007f;

    padding: 16px 0px 10px;

    border-bottom: 1px solid #e4007f;

    margin: 0 auto 18px;

  }



  #contents .blockInsta .instagram ul .insta_photo01 {

    background-color: #fff;

    width: 40%;

    float: left;

    padding-bottom: 10px;

  }



  #contents .blockInsta .instagram ul li img {

    width: 43%;

    height: auto;

  }



  #contents .blockInsta .instagram ul li .inner {

    width: 57%;

  }



  #contents .blockInsta .instagram ul li .inner p {

    font-size: 13px;

    line-height: 16px;

    color: #000;

    padding: 0px 0px 10px 2px;

  }



  #contents .blockInsta .instagram ul li .inner p span {

    display: none;

  }



  #contents .btn_search {

    width: 80%;

    margin: auto;

    position: absolute;

    bottom: -3.25%;

    left: 0;

    right: 0;

    z-index: 1;

  }



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

	sns_block

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

  #contents .sns_block {

    width: 100%;

    height: auto;

    background-image: url(../img/index/n_img01_21sp.png);

    background-size: 100%;

    background-position: center bottom;

    background-color: #d6ecec;

    position: relative;

    margin: 0 auto;

    padding: 25% 0;

  }



  #contents .sns_block ul {

    position: static;

  }



  #contents .sns_block li {

    text-align: center;

  }



  #contents .sns_block li img {

    width: 60px;

  }



  #contents .sns_block li p {

    margin-top: 5px;

    line-height: 1.2;

    letter-spacing: -1px;

    font-size: 18px;

  }



  #contents .sns_block li p span {

    font-size: 18px;

    letter-spacing: -3px;

  }

}



@media only screen and (max-width: 640px) {

  #youtube-player-top03 {

    width: 100%;

    /*height: 310px !important;*/

    height: 430px !important;

  }



  .c-ytmovie__poster {

    width: 100%;

    height: 430px;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../img/index/movie4.jpg);

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

  }

}



@media only screen and (max-width: 768px) {



  /*共通パーツ打消し*/

  #special2017 #footSiteNav ul {

    margin-top: 0;

  }

}