@charset "UTF-8";
@media screen and (max-width: 768px) {
  /*----------------------------------------------------
	SP
----------------------------------------------------*/
  html, body {
    color: #000;
    background: #fff;
    font-family: "YakuHanJP", "ZEN角ゴシックN R";
    letter-spacing: 1px; }
  body {
    overflow-x: hidden;
    position: relative; }
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  a {
    color: #000;
    text-decoration: underline; }
  a.telblk,
  .telblk a {
    text-decoration: none; }
  .pc {
    display: none; }
  .alph {
    font-weight: 700 !important;
    font-size: 110% !important; }
  .page-top {
    margin: 0;
    padding: 0;
    display: none;
    cursor: pointer; }
    .page-top p {
      z-index: 50;
      margin: 0;
      padding: 0;
      position: fixed;
      right: 10px;
      bottom: 10px; }
  .move-page-top {
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s; }
    .move-page-top img {
      width: 5px; }
  /* ********** HEADER ********** */
  header {
    width: 100%;
    margin: 0px auto;
    position: relative;
    background: #FFF; }
    header h1 {
      padding-top: 83px;
      width: 100%;
      text-align: center; }
      header h1 img {
        width: 46vw; }
    header .sns {
      width: 100%;
      position: absolute;
      right: 20px;
      top: 16px;
      text-align: right; }
      header .sns li {
        display: inline;
        margin-right: 26px; }
      header .sns li:last-child {
        margin-right: 0; }
      header .sns li:first-child img {
        width: 44px; }
      header .sns li:first-child img {
        width: 44px; }
      header .sns li:nth-child(2) img {
        width: 57px; }
      header .sns li:nth-child(3) img {
        width: 26px;
        margin-top: -2px; }
  /* ********** FOOTER ********** */
  body#top footer,
  body#collectionDetail footer {
    width: 100%;
    margin: 120px 0 50px 0;
    position: relative; }
  footer small {
    font-size: 11px;
    text-align: center;
    display: block;
    font-weight: bold; }
    footer small img {
      width: 30vw; }
  footer ul.footlink {
    text-align: center; }
  footer ul.footlink li {
    display: inline;
    text-align: center;
    margin: 10px; }
  /*----------------------------------------------------
	トップページ
----------------------------------------------------*/
  .maincontents {
    margin-top: 40px; }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  section#top .keyv {
    text-align: center; }
  .parallax-window {
    min-height: 150px; }
  .key_smoke {
    text-align: center; }
    .key_smoke img {
      width: 100%;
      margin: 0;
      border: none; }
  .key_txt {
    text-align: center;
    width: 100%;
    background: #FFF;
    margin-top: 120px; }
    .key_txt .aniImg {
      opacity: 0; }
    .key_txt .active {
      opacity: 100;
      -webkit-transition: all 1.0s .0s ease-in-out;
      -o-transition: all 1.0s .0s ease-in-out;
      transition: all 1.0s .0s ease-in-out; }
    .key_txt img {
      width: 44vw; }
  .item_1 {
    width: calc(100% - 20px);
    margin: 167px 10px 0 10px; }
    .item_1 li {
      width: 100%; }
      .item_1 li img {
        width: 100%; }
    .item_1 li:first-child {
      margin-bottom: 1px; }
    .item_1 li:nth-child(2) {
      margin-bottom: 116px;
      text-align: center; }
    .item_1 li:nth-child(3) {
      margin-bottom: 116px;
      text-align: center; }
      .item_1 li:nth-child(3) img {
        width: 50%; }
    .item_1 li:nth-child(4) {
      margin-bottom: 4px;
      text-align: center; }
      .item_1 li:nth-child(4) img {
        width: 100%; }
    .item_1 li:nth-child(5) {
      margin-bottom: 116px;
      text-align: center; }
      .item_1 li:nth-child(5) img {
        width: 100%; }
    .item_1 li:nth-child(6) {
      margin-bottom: 116px;
      text-align: center; }
      .item_1 li:nth-child(6) img {
        width: 100%; }
    .item_1 li:nth-child(7) {
      margin-bottom: 116px;
      text-align: center; }
      .item_1 li:nth-child(7) img {
        width: 50%; }
    .item_1 li:nth-child(8) {
      margin-bottom: 58px;
      text-align: center; }
      .item_1 li:nth-child(8) img {
        width: 100%; }
    .item_1 li:nth-child(9) {
      margin-bottom: 80px;
      text-align: center; }
      .item_1 li:nth-child(9) img {
        width: 100%; }
  /*----------------------------------------------------
	Margin
----------------------------------------------------*/
  /*----------------------------------------------------
	CLEAR
----------------------------------------------------*/
  .clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: "."; }
  .clearfix {
    min-height: 1px;
    /*IE6、7対策*/ }
  * html .clearfix {
    height: 1px;
    /*¥*/
    /*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/ } }

@media screen and (max-width: 768px) and (max-width: 320px) {
  /*----------------------------------------------------
	iphone5/5S END
----------------------------------------------------*/ }

@media screen and (max-width: 768px) {
  /*----------------------------------------------------
	END
----------------------------------------------------*/ }
