@charset "UTF-8";
/**
 *
 *  ページ名.css
 *
 */
/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
.w100 {
  width: 100%;
}

/*--------------------------------------------------------------------------
  	Content
---------------------------------------------------------------------------*/
/*============================
#huggy
============================*/
#huggy {
  background-color: #03b8df;
  letter-spacing: 0.12em;
  /*============================
	#heading
	============================*/
  /*============================
	#uniqlo
  ============================*/
  /*============================
	#seria
  ============================*/
  /*============================
	#books
  ============================*/
  /*============================
	#about
	============================*/
  /*============================
	#friends
	============================*/
  /*============================
	#search
	============================*/
  /*============================
	#movieArea
	============================*/
  /*============================
	#sns
	============================*/
}

#huggy .inner {
  background-color: #fff;
  border-radius: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 710px;
  margin: 25px auto 30px;
  padding: 48px 48px 58px;
}

#huggy .pc {
  display: block;
}

#huggy .sp {
  display: none;
}

#huggy img {
  max-width: 100%;
  height: auto;
  margin: auto;
}

#huggy #heading {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #b3deee url("../images/index/bg_sky.gif") center top no-repeat;
  padding: 65px 0 0;
  position: relative;
}

#huggy #heading h3 {
  text-align: center;
  margin-bottom: 30px;
}

#huggy #heading dl {
  margin-left: 50px;
  margin-bottom: -24px;
  position: relative;
  z-index: 10;
}

#huggy #heading dl dt {
  font-size: 26px;
  line-height: 1.72;
  font-weight: bold;
  margin-bottom: 15px;
  letter-spacing: 0;
}

#huggy #heading dl dd {
  font-size: 16px;
  line-height: 1.77;
  font-weight: bold;
}

#huggy #heading dl dd span {
  font-size: 21px;
  font-weight: bold;
}

#huggy #heading dl + figure {
  /*        position: absolute;
						top: 305px;
						right: 30px;*/
}

#huggy #heading figure {
  text-align: center;
}

#huggy #heading .bnr_linestamp {
  margin-bottom: 55px;
}

#huggy #heading .bnr_snow_stamp {
  margin-bottom: 49px;
}

#huggy #heading .bnr_linestamp02 {
  margin-bottom: 50px;
}

#huggy #heading .bnr_nobelty {
  margin-bottom: 54px;
}

#huggy #heading .bnr_movie {
  padding-bottom: 65px;
  position: relative;
}

#huggy #heading .bnr_movie .movie_caution {
  position: absolute;
  top: 40%;
  right: 90px;
}

#huggy #heading .bnr_movie iframe {
  position: absolute;
}

#huggy #heading .bnr_movie iframe.movie_01 {
  top: 1726px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#huggy #heading .bnr_movie iframe.movie_02 {
  top: 1285px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#huggy #heading .bnr_movie iframe.movie_03 {
  top: 845px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#huggy #heading .bnr_movie iframe.movie_04 {
  top: 406px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#huggy #heading .bnr_movie iframe.movie_line {
  top: 2235px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#huggy #heading .bnr_movie iframe.movie_neko {
  top: 2704px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#huggy #heading .bnr_avater {
  margin-bottom: 40px;
}

#huggy #heading .bnr_line_c_stamp,
#huggy #heading .bnr_photocp,
#huggy #heading .bnr_dadada,
#huggy #heading .bnr_c_book {
  margin-bottom: 70px;
}

#huggy #heading .btn_campaign {
  background-color: #00b5dd;
  padding: 30px 0;
  text-align: center;
}

#huggy #heading .bnr_uniqlo_asakusa {
  background-color: #00b5dd;
  padding: 30px 0;
  text-align: center;
}

#huggy #heading .bnr_vellstamp {
  padding-bottom: 65px;
}

#huggy .btn_special {
  background-color: #00b5dd;
  padding: 50px 0;
  text-align: center;
}

#huggy #uniqlo {
  padding-bottom: 30px;
  text-align: center;
  background-color: #00b5dd;
}

#huggy #uniqlo .bg {
  width: 719px;
  margin: auto;
  position: relative;
}

#huggy #uniqlo .bg .contents {
  max-width: 719px;
  width: 100%;
  margin: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 321px;
}

#huggy #uniqlo .coution_area {
  width: 75%;
  margin: 90px auto 0;
}

#huggy #uniqlo .coution_area .coution {
  margin: 0;
  line-height: 1.3;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
}

#huggy #uniqlo .coution_area .coution::before {
  content: "※";
  text-indent: 1em;
  margin-left: -1em;
}

#huggy #seria {
  padding-bottom: 30px;
  text-align: center;
  background-color: #00b5dd;
}

#huggy #seria .bg {
  width: 710px;
  margin: auto;
  position: relative;
}

#huggy #seria .bg .contents {
  max-width: 710px;
  width: 100%;
  margin: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 321px;
}

#huggy #seria .img.btm {
  padding-top: 310px;
}

#huggy #seria .release {
  position: absolute;
  right: 0;
  bottom: 170px;
}

#huggy #seria .movie {
  padding-top: 310px;
}

#huggy #seria .movie h3 {
  margin: 0 auto 20px;
}

#huggy #seria .movie iframe {
  border-radius: 20px;
}

#huggy #seria .movie .btn {
  margin-top: 20px;
}

#huggy #seria .coution_area {
  width: 75%;
  margin: 30px auto 0;
}

#huggy #seria .coution_area .coution {
  margin: 0;
  line-height: 1.3;
  font-size: 15px;
  text-align: left;
  font-weight: bold;
}

#huggy #seria .coution_area .coution::before {
  content: "※";
  text-indent: 1em;
  margin-left: -1em;
}

#huggy #books {
  padding-top: 28px;
  padding-right: 38px;
  padding-bottom: 16px;
}

#huggy #books h4 {
  text-align: center;
  margin-bottom: 10px;
}

#huggy #books h4 p {
  font-weight: bold;
  font-size: 20px;
  margin-top: 10px;
}

#huggy #books figure {
  margin: 0 0 44px 22px;
}

#huggy #books .btn_amazon,
#huggy #books .btn_specialsite {
  display: block;
  margin-top: 10px;
}

#huggy #about {
  position: relative;
}

#huggy #about h4 {
  margin-bottom: 30px;
  text-align: center;
  margin-top: 22px;
}

#huggy #about p {
  font-size: 15px;
  line-height: 1.85;
  letter-spacing: 0.15em;
  margin-bottom: 30px;
  font-weight: bold;
  margin-left: 22px;
}

#huggy #about p:last-child {
  margin-bottom: 0;
}

#huggy #about figure {
  position: absolute;
  right: 40px;
  bottom: 90px;
}

#huggy figure {
  text-align: center;
}

#huggy #friends {
  margin-top: 20px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
  /*============================
		#nigiri
		============================*/
  /*============================
		#kai3sister
		============================*/
  /*============================
		#maki
		============================*/
}

#huggy #friends #catch img {
  height: 36px;
  width: auto;
}

#huggy #friends h4 {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 30px;
}

#huggy #friends h4 img {
  height: 78px;
  width: auto;
  margin-left: 10px;
}

#huggy #friends h4 img:first-child {
  margin-left: 0;
}

#huggy #friends ul:after {
  display: block;
  content: '';
  height: 0;
  clear: both;
}

#huggy #friends ul li {
  width: 25%;
  float: left;
  text-align: center;
  margin-bottom: 15px;
}

#huggy #friends ul li figure img {
  width: 100%;
  height: auto;
}

#huggy #friends ul li figure figcaption {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: normal;
  margin-top: 22px;
  line-height: 1.2;
}

#huggy #friends ul li.neta_comingsoon img:nth-of-type(2) {
  width: 122px;
}

#huggy #friends ul li.neta_kani figure {
  margin-right: -20px;
}

#huggy #friends .img_gp {
  margin: 20px auto 80px;
}

#huggy #friends #nigiri {
  margin-top: 25px;
  margin-bottom: 20px;
}

#huggy #friends #nigiri li:nth-of-type(4n + 1) {
  clear: left;
}

#huggy #friends #kai3sister:after {
  display: block;
  content: '';
  height: 0;
  clear: both;
}

#huggy #friends #kai3sister li {
  width: 25%;
  margin-bottom: 15px;
}

#huggy #friends #kai3sister li figure img {
  width: 90%;
  height: auto;
}

#huggy #friends #kai3sister li figure .pc_cominTxt {
  width: auto;
}

#huggy #friends #kai3sister li figure figcaption {
  margin-top: 22px;
}

#huggy #friends #maki {
  overflow: hidden;
  *zoom: 1;
  margin-top: 15px;
}

#huggy #friends #maki li {
  width: 20%;
  margin-bottom: 0;
}

#huggy #friends #maki li figure img {
  width: 90%;
  height: auto;
}

#huggy #friends #maki li figure figcaption {
  margin-top: 5px;
}

#huggy #friends .img_sushi_dog {
  width: 40%;
  margin: 30px 0 50px 10px;
}

#huggy #friends .img_sushi_dog img {
  width: 100%;
  height: auto;
}

#huggy #friends .img_comingsoon {
  position: absolute;
  bottom: 230px;
  right: 34%;
}

#huggy #friends .img_zokuzoku {
  position: absolute;
  bottom: 58px;
  right: 0;
}

#huggy #search {
  margin-top: 55px;
  margin-bottom: 50px;
  background: url("../images/index/img_swimming.png") right top no-repeat;
  overflow: hidden;
  *zoom: 1;
  padding: 0 20px;
}

#huggy #search figure {
  float: left;
  width: 60%;
}

#huggy #search p {
  float: right;
  width: auto;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.78;
  letter-spacing: 0.18em;
  margin-top: 110px;
  margin-right: 15px;
}

#huggy #search p span {
  font-size: 30px;
}

#huggy #movieArea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  width: 680px;
  margin: 30px auto 60px;
}

#huggy #movieArea iframe {
  width: 680px;
  height: 377px;
  margin-top: 10px;
  border-radius: 20px;
}

#huggy #sns {
  border-radius: 40px;
  padding-top: 28px;
  padding-bottom: 28px;
  margin-bottom: 50px;
}

#huggy #sns h4 {
  text-align: center;
  margin-bottom: 15px;
}

#huggy #sns ul {
  overflow: hidden;
  *zoom: 1;
  padding: 0 52px;
}

#huggy #sns ul li {
  float: right;
  width: auto;
}

#huggy #sns ul li:first-child {
  float: left;
}

#huggy ul:after {
  display: block;
  content: '';
  height: 0;
  clear: both;
}

#huggy ul li {
  float: left;
  width: 50%;
}

#huggy ul li a img {
  width: 100%;
  height: auto;
}

.bnr-list {
  padding: 0 48px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bnr-list li {
  width: 100% !important;
}

/* @SP */
@media all and (max-width: 767px) {
  /*============================
	#huggy
	============================*/
  #huggy {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    /*============================
		#heading
		============================*/
    /*============================
		#uniqlo
    ============================*/
    /*============================
		#seria
    ============================*/
    /*============================
		#books
    ============================*/
    /*============================
		#about
		============================*/
    /*============================
		#friends
		============================*/
    /*============================
    #archive
    ============================*/
    /*============================
		#search
		============================*/
    /*============================
    #movieArea
    ============================*/
    /*============================
		#sns
		============================*/
  }
  #huggy .pc {
    display: none;
  }
  #huggy .sp {
    display: block;
  }
  #huggy .inner {
    border-radius: 40px;
    width: 291px;
    margin: 6px auto;
    padding: 24px;
  }
  #huggy #heading {
    background: #b3deee url("../images/index/bg_sky_sp.gif") center 35px no-repeat;
    background-size: contain;
    height: auto;
    padding: 45px 0 0;
    /*padding-bottom  : 20px;*/
  }
  #huggy #heading h3 img {
    width: 267px;
    height: auto;
  }
  #huggy #heading dl {
    text-align: center;
    margin: 0 0 -26px;
  }
  #huggy #heading dl dt {
    font-size: 19px;
  }
  #huggy #heading dl dd {
    font-size: 12px;
  }
  #huggy #heading dl dd span {
    font-size: 15px;
  }
  #huggy #heading dl + figure {
    position: static;
    /*img {
						width  : 184px;
						height : auto;
					}*/
  }
  #huggy #heading figure img {
    /*width  : 311px;
					height : auto;*/
  }
  #huggy #heading .bnr_linestamp {
    margin-bottom: 20px;
  }
  #huggy #heading .bnr_linestamp img {
    width: 300px;
  }
  #huggy #heading .bnr_snow_stamp {
    margin-bottom: 26px;
  }
  #huggy #heading .bnr_snow_stamp img {
    width: 320px;
  }
  #huggy #heading .bnr_linestamp02 {
    margin-bottom: 30px;
  }
  #huggy #heading .bnr_linestamp02 img {
    width: 290px;
  }
  #huggy #heading .bnr_nobelty {
    margin-bottom: 26px;
  }
  #huggy #heading .bnr_nobelty img {
    width: 320px;
  }
  #huggy #heading .bnr_movie {
    position: relative;
    overflow: hidden;
  }
  #huggy #heading .bnr_movie img {
    width: 320px;
  }
  #huggy #heading .bnr_movie .movie_caution {
    position: absolute;
    right: 50%;
    -webkit-transform: translate(55%, 0);
    -ms-transform: translate(55%, 0);
    transform: translate(55%, 0);
    width: 100%;
  }
  #huggy #heading .bnr_movie iframe {
    position: absolute;
    width: 256px;
    height: 144px;
  }
  #huggy #heading .bnr_movie iframe.movie_01 {
    top: 735px;
  }
  #huggy #heading .bnr_movie iframe.movie_02 {
    top: 549px;
  }
  #huggy #heading .bnr_movie iframe.movie_03 {
    top: 360px;
  }
  #huggy #heading .bnr_movie iframe.movie_04 {
    top: 174px;
  }
  #huggy #heading .bnr_movie iframe.movie_line {
    top: 952px;
  }
  #huggy #heading .bnr_movie iframe.movie_neko {
    top: 1153px;
  }
  #huggy #heading .bnr_line_c_stamp,
  #huggy #heading .bnr_photocp,
  #huggy #heading .bnr_dadada,
  #huggy #heading .bnr_c_book {
    margin-bottom: 23px;
  }
  #huggy #heading .bnr_line_c_stamp img,
  #huggy #heading .bnr_photocp img,
  #huggy #heading .bnr_dadada img,
  #huggy #heading .bnr_c_book img {
    width: 320px;
  }
  #huggy #heading .bnr_vellstamp img {
    width: 290px;
  }
  #huggy #heading .btn_campaign {
    padding: 0;
  }
  #huggy #heading .btn_campaign img {
    max-width: 320px;
    margin: auto;
  }
  #huggy #heading .bnr_uniqlo_asakusa {
    background-color: #00b5dd;
    padding: 0 0 30px 0;
  }
  #huggy #heading .bnr_uniqlo_asakusa img {
    max-width: 320px;
    margin: auto;
  }
  #huggy #heading .bnr_avater {
    margin: 0 auto 40px;
    max-width: 320px;
  }
  #huggy .btn_special {
    padding: 20px 0;
  }
  #huggy .btn_special img {
    max-width: 320px;
    margin: auto;
  }
  #huggy #uniqlo .bg {
    max-width: 291px;
  }
  #huggy #uniqlo .bg .contents {
    max-width: 291px;
    /*width: 85%;*/
    top: 128px;
  }
  #huggy #uniqlo .coution_area {
    width: 100%;
    margin: 30px auto 0;
  }
  #huggy #uniqlo .coution_area .coution {
    font-size: 10px;
  }
  #huggy #seria .bg {
    max-width: 291px;
  }
  #huggy #seria .bg .contents {
    max-width: 291px;
    width: 85%;
    top: 131px;
  }
  #huggy #seria .img.btm {
    padding-top: 128px;
  }
  #huggy #seria .release {
    right: -21px;
    bottom: 80px;
  }
  #huggy #seria .movie {
    padding-top: 128px;
  }
  #huggy #seria .movie h3 {
    width: auto;
    margin: 0 auto 10px;
  }
  #huggy #seria .movie h3 img {
    width: 149px;
  }
  #huggy #seria .movie iframe {
    width: 246px;
    height: 138px;
  }
  #huggy #seria .movie .btn {
    margin-top: 10px;
  }
  #huggy #seria .coution_area {
    width: 100%;
    margin: 9px auto 0;
  }
  #huggy #seria .coution_area .coution {
    font-size: 10px;
  }
  #huggy #books {
    margin-top: 30px;
    margin-bottom: 20px;
    padding-right: 5px;
  }
  #huggy #books h4 p {
    font-size: 12px;
  }
  #huggy #books figure {
    margin-left: 0;
  }
  #huggy #books figure + figure {
    padding-right: 15px;
  }
  #huggy #books .btn_amazon,
  #huggy #books .btn_specialsite {
    margin-top: 5px;
  }
  #huggy #about h4 img {
    width: 248px;
    height: auto;
  }
  #huggy #about p {
    text-align: center;
    font-size: 12px;
    margin-left: 0;
  }
  #huggy #about figure {
    position: static;
    margin-bottom: 15px;
    padding-left: 10px;
  }
  #huggy #about figure img {
    width: 153px;
    height: auto;
  }
  #huggy figure img {
    /*width  : 300px;
				height : auto;*/
  }
  #huggy #friends {
    margin-bottom: 20px;
    /*============================
		#nigiri
		============================*/
    /*============================
	  #kai3sister
	  ============================*/
    /*============================
		#maki
		============================*/
  }
  #huggy #friends #catch img {
    width: 235px;
    height: auto;
  }
  #huggy #friends h4 img {
    height: 55px;
    width: auto;
    margin-left: 0;
  }
  #huggy #friends ul li {
    width: 50%;
  }
  #huggy #friends ul li.neta_comingsoon {
    width: 50%;
  }
  #huggy #friends ul li.neta_comingsoon img {
    width: 100%;
    position: relative;
  }
  #huggy #friends ul li.neta_comingsoon img.cominTxt {
    top: 0px;
  }
  #huggy #friends ul li.neta_comingsoon img.cominImg {
    right: -120px;
    top: 25px;
  }
  #huggy #friends ul li.neta_potate {
    margin-left: 0px;
  }
  #huggy #friends ul li.neta_kani.sp figure {
    margin-right: 0;
    margin-left: -15px;
  }
  #huggy #friends .img_gp {
    margin: 10px auto 40px;
  }
  #huggy #friends #kai3sister li {
    width: 50%;
  }
  #huggy #friends #kai3sister li figure img {
    width: 100%;
    height: auto;
  }
  #huggy #friends #kai3sister .neta_nihamaguri {
    margin-bottom: none;
  }
  #huggy #friends #maki li {
    width: 33%;
  }
  #huggy #friends #maki li:nth-of-type(4) {
    width: 50%;
    margin-top: 15px;
  }
  #huggy #friends #maki li:nth-of-type(5) {
    width: 50%;
    margin-top: 15px;
  }
  #huggy #friends #maki li figure img {
    width: 72px;
    height: auto;
  }
  #huggy #friends .img_sushi_dog {
    width: 80%;
    margin: 30px auto 0;
  }
  #huggy #friends .img_sushi_dog img {
    width: 100%;
    height: auto;
  }
  #huggy #friends .img_comingsoon {
    position: static;
    width: 50%;
    margin: 10px auto 20px;
  }
  #huggy #archive img {
    max-width: 320px;
    margin: auto;
  }
  #huggy #search {
    -webkit-background-size: 160px auto;
    background-size: 160px auto;
    margin-top: 25px;
  }
  #huggy #search figure {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
  }
  #huggy #search figure img {
    width: 240px;
    height: auto;
  }
  #huggy #search p {
    text-align: center;
    margin-right: 0;
    font-size: 16px;
    float: none;
    margin-top: 80px;
    margin-bottom: 20px;
  }
  #huggy #search p span {
    font-size: 23px;
  }
  #huggy #movieArea {
    width: 291px;
    margin: 20px auto 10px;
  }
  #huggy #movieArea iframe {
    width: calc(570px / 2);
    height: calc(310px / 2);
    border-radius: 10px;
  }
  #huggy #sns {
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 10px;
  }
  #huggy #sns h4 {
    margin-bottom: 0;
  }
  #huggy #sns h4 img {
    width: 228px;
    height: auto;
  }
  #huggy #sns ul {
    padding: 0 26px;
  }
  #huggy #sns ul li {
    width: 50%;
  }
  #huggy #sns ul li a img {
    width: 90%;
    height: auto;
  }
  /*============================
	#Side
	============================*/
  #Side {
    display: none;
  }
  .bnr-list {
    padding-bottom: 100px;
  }
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

/*--------------------------------------------------------------------------
   xxx
---------------------------------------------------------------------------*/
/* xxx
-----------------------------------------------------------------*/
/* xxx */