@charset "UTF-8";
@media screen and (min-width: 769px) {
  /*----------------------------------------------------
  	PC
  ----------------------------------------------------*/
  html, body {
    color: rgb(0, 0, 0);
    background: #f8f8f8;
    font-family: "YakuHanJP", "ZEN角ゴシックN R";
    letter-spacing: 1px;
  }
  * {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  a {
    color: rgb(0, 0, 0);
    text-decoration: underline;
    transition: all 0.2s;
  }
  a:hover {
    opacity: 0.5;
  }
  .sp {
    display: none;
  }
  .sp2 {
    display: none;
  }
  a[href^="tel:"] {
    pointer-events: none;
  }
  a.telblk,
  .telblk a {
    text-decoration: none;
  }
  .alph {
    font-size: 110% !important;
    font-weight: 700 !important;
  }
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  .fixed {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  .page-top {
    margin: 0;
    padding: 0;
    display: none;
    cursor: pointer;
  }
  .page-top p {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 20px;
    bottom: 20px;
  }
  .move-page-top {
    transition: all 0.1s;
  }
  /* ********** HEADER ********** */
  header {
    width: 1080px;
    height: 245px;
    margin: 0px auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    position: fixed;
    overflow: hidden;
  }
  header h1 {
    width: 140px;
    position: absolute;
    left: 0px;
    top: 23px;
    transition: all 0.3s;
  }
  header h1 img {
    width: 100%;
  }
  header .gnav {
    position: absolute;
    top: 42px;
    right: 0;
  }
  header .gnav li {
    display: inline-block;
    margin: 0 80px 0 0;
  }
  header .gnav li:last-child {
    margin: 0;
  }
  header .gnav li#nav_stockists {
    /*pointer-events: none;
    opacity:0.1 ;
    */
  }
  /*アクティブコンテンツ透過処理*/
  body#about .gnav #nav_about {
    opacity: 0.3;
  }
  body#stockists .gnav #nav_stockists {
    opacity: 0.3;
  }
  body#collection_top .gnav #nav_collection,
  body#collectionDetail .gnav #nav_collection {
    opacity: 0.3;
  }
  header.is-animation {
    background-color: #f8f8f8 !important;
    height: 103px;
  }
  header.is-animation h1 {
    width: 80px;
    top: 34px;
    transition: all 0.3s;
  }
  header.is-animation h1 img {
    width: 100%;
  }
  body#about header,
  body#collection_top header {
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  /* ********** FOOTER ********** */
  body#about footer {
    width: 100%;
    margin: 0;
    position: fixed;
    bottom: 50px;
  }
  body#collection_top footer {
    width: 100%;
    margin: 0 0 50px 0;
    /*
    position: fixed;
    bottom: 10px;
    */
  }
  body#top footer,
  body#collectionDetail footer {
    width: 100%;
    margin: 120px 0 50px 0;
    position: relative;
  }
  body#stockists footer {
    margin-bottom: 50px;
  }
  footer small {
    font-size: 11px;
    text-align: center;
    display: block;
    font-weight: bold;
  }
  footer ul.footlink {
    text-align: center;
  }
  footer ul.footlink li {
    display: inline;
    text-align: center;
    margin: 10px;
  }
  #menu {
    display: none;
  }
  p.menu {
    display: none;
  }
  p.close {
    display: none;
  }
  /*----------------------------------------------------
  	SECTION,BOX
  ----------------------------------------------------*/
  section.maincontents {
    width: 1080px;
    padding-top: 245px;
    margin: 0 auto;
    overflow: hidden;
  }
  section.maincontents_sec {
    margin: 50px auto 0 auto;
    overflow: hidden;
  }
  #about section.maincontents,
  #collection_top section.maincontents {
    padding-top: 0px;
  }
  /*----------------------------------------------------
  	Text
  ----------------------------------------------------*/
  .basetxt_type_a_jp {
    font-size: 16px;
    margin: 0 0 35px 0;
    font-family: "YakuHanJP", "ZEN角ゴシックN R";
    font-weight: bold;
    color: rgb(0, 0, 0);
    line-height: 2;
    text-align: justify;
  }
  .basetxt_type_a_en {
    font-size: 18px;
    margin: 0 0 35px 0;
    font-family: "News Cycle", sans-serif;
    color: rgb(0, 0, 0);
    line-height: 1.667;
    text-align: justify;
  }
  .prebtn {
    opacity: 0.5;
  }
  /*----------------------------------------------------
  	トップページ
  ----------------------------------------------------*/
  section#top .topbanner {
    width: 853px;
    height: 592px;
    margin: 0px auto 15px auto;
    overflow: hidden;
  }
  section#top .topbanner a {
    width: 853px;
    height: 592px;
    display: table;
    position: relative;
    text-align: center;
  }
  section#top .topbanner a .ban_ttl {
    position: absolute;
    margin: auto;
    width: 59px;
    height: 13px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
  }
  section#top .topbanner a:hover {
    opacity: 1;
  }
  section#top .topbanner a:hover .ban_ttl {
    transition: all 0.25s;
    opacity: 1;
    z-index: 100;
  }
  section#top .topbanner a:hover .banImg {
    transition: all 0.25s;
    opacity: 0.1;
  }
  /*----------------------------------------------------
  	Collection
  ----------------------------------------------------*/
  section#collection_top {
    /*
       display: flex;
    justify-content: center;
    align-items: center;
       min-height: 100vh;
       */
    padding-top: 180px !important;
    margin-bottom: 100px;
  }
  section#collection_top .collection_nav {
    width: 100%; /* 見た目用 */
    margin-top: 30px;
  }
  section#collection_top .collection_nav li.disabled {
    pointer-events: none;
    opacity: 0.1;
  }
  section#collection_top ul li {
    text-align: center;
    margin: 0 0 60px 0;
  }
  section#collection_top ul li:last-child {
    margin: 16px;
  }
  /*----------2019SS----------*/
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .collectionbox .aniImg {
    opacity: 0;
  }
  .collectionbox .active {
    opacity: 100;
    transition: all 1s 0s ease-in-out;
  }
  .collectionbox .collection_keyv {
    margin: 0 0 150px 0;
  }
  .collectionbox .collection_keyv img {
    animation: fadeIn 1s ease 0s 1 normal;
  }
  .collectionbox .collection_keyv .seasons_ttl {
    width: 57px;
    line-height: 0;
    margin-bottom: 9px;
  }
  .collectionbox .collection_keyv .seasons_ttl img {
    width: 100%;
  }
  .collectionbox .collection_detailBox_1 ul {
    display: flex;
    flex-wrap: wrap;
  }
  .collectionbox .collection_detailBox_2 {
    width: 900px;
    margin: 0px auto;
  }
  .collectionbox .collection_detailBox_2 ul {
    display: flex;
    flex-wrap: wrap;
  }
  .collectionbox .collection_detailBox_3 {
    width: 995px;
    margin: 0px auto;
  }
  .collectionbox .collection_detailBox_3 ul {
    display: flex;
    flex-wrap: wrap;
  }
  .collectionbox .collection_detailBox_4 {
    width: 800px;
    margin: 0px auto;
  }
  .collectionbox .collection_detailBox_5 {
    width: 100%;
    margin: 0px auto;
  }
  .collectionbox .collection_detailBox_5 ul {
    display: flex;
    flex-wrap: wrap;
  }
  .collectionbox .collection_detailBox_6 {
    width: 100%;
    margin: 0px auto;
  }
  .collectionbox .collection_detailBox_6 ul {
    display: flex;
    flex-wrap: wrap;
  }
  .collectionbox .collection_detailBox_7 {
    width: 800px;
    margin: 0px auto;
  }
  .collectionbox .collection_detailBox_8 {
    width: 100%;
    margin: 0px auto;
  }
  .collectionbox .collection_detailBox_8 ul {
    display: flex;
    flex-wrap: wrap;
  }
  .collectionbox .collection_detailBox_8 ul li:first-child {
    margin-left: 84px;
    margin-right: 28px;
  }
  section#ss2019 #coll_2019SS_block1 {
    margin-bottom: 350px;
  }
  section#ss2019 #coll_2019SS_block1 ul li:nth-child(odd) {
    margin-right: 13px;
  }
  section#ss2019 #coll_2019SS_block1 ul li {
    margin-bottom: 50px;
  }
  section#ss2019 #coll_2019SS_block1 ul li:nth-last-child(2) {
    margin-bottom: 0px;
  }
  section#ss2019 #coll_2019SS_block1 ul li:last-child {
    margin-bottom: 0px;
  }
  section#ss2019 #coll_2019SS_block2 {
    margin-bottom: 350px;
  }
  section#ss2019 #coll_2019SS_block2 ul li:nth-child(odd) {
    margin-right: 100px;
  }
  section#ss2019 #coll_2019SS_block2 ul li:nth-last-child(2) {
    margin-top: 10px;
  }
  section#ss2019 #coll_2019SS_block2 ul li:last-child {
    margin-top: 10px;
  }
  section#ss2019 #coll_2019SS_block3 {
    margin-bottom: 350px;
  }
  section#ss2019 #coll_2019SS_block3 ul li:nth-child(odd) {
    margin-right: 9px;
  }
  section#ss2019 #coll_2019SS_block3 ul li {
    margin-bottom: 50px;
  }
  section#ss2019 #coll_2019SS_block3 ul li:nth-last-child(2) {
    margin-bottom: 0px;
  }
  section#ss2019 #coll_2019SS_block3 ul li:last-child {
    margin-bottom: 0px;
  }
  section#ss2019 #coll_2019SS_block4 {
    margin-bottom: 350px;
  }
  section#ss2019 #coll_2019SS_block4 ul li {
    margin-bottom: 60px;
  }
  section#ss2019 #coll_2019SS_block4 ul li:last-child {
    margin-bottom: 0px;
  }
  section#ss2019 #coll_2019SS_block5 {
    margin-bottom: 350px;
  }
  section#ss2019 #coll_2019SS_block5 p {
    margin-bottom: 120px;
  }
  section#ss2019 #coll_2019SS_block5 ul {
    width: 962px;
    margin: 0px auto;
  }
  section#ss2019 #coll_2019SS_block5 ul li {
    margin-bottom: 60px;
  }
  section#ss2019 #coll_2019SS_block5 ul li:last-child {
    margin-bottom: 0px;
  }
  section#ss2019 #coll_2019SS_block5 ul li:nth-child(odd) {
    margin-right: 14px;
  }
  section#ss2019 #coll_2019SS_block6 {
    margin-bottom: 350px;
  }
  section#ss2019 #coll_2019SS_block6 ul {
    width: 726px;
    margin-bottom: 80px;
  }
  section#ss2019 #coll_2019SS_block6 .ul_1 {
    margin-left: 100px;
  }
  section#ss2019 #coll_2019SS_block6 .ul_1 li:nth-child(odd) {
    margin-right: 6px;
  }
  section#ss2019 #coll_2019SS_block6 .ul_2 {
    margin-left: 252px;
  }
  section#ss2019 #coll_2019SS_block6 .ul_2 li:nth-child(odd) {
    margin-right: 6px;
  }
  section#ss2019 #coll_2019SS_block6 .ul_last {
    margin-bottom: 0;
  }
  section#ss2019 #coll_2019SS_block7 {
    margin-bottom: 300px;
  }
  section#ss2019 #coll_2019SS_block7 li {
    margin-bottom: 40px;
  }
  section#ss2019 #coll_2019SS_block7 li:last-child {
    margin-bottom: 0px;
  }
  section#ss2019 #coll_2019SS_block8 ul li:last-child {
    margin-top: 300px;
    margin-bottom: 60px;
  }
  section#ss2019 #coll_2019SS_block8 p {
    margin-left: 120px;
  }
  section#aw2020 .collection_keyv {
    width: 500px;
    margin: 0 auto 250px auto;
  }
  section#aw2020 .collection_keyv img {
    animation: fadeIn 1s ease 0s 1 normal;
  }
  section#aw2020 .collection_keyv .seasons_ttl {
    width: 57px;
    line-height: 0;
    margin-bottom: 9px;
  }
  section#aw2020 .collection_keyv .seasons_ttl img {
    width: 100%;
  }
  section#aw2020 #coll_2020aw_block1 {
    text-align: center;
    margin-bottom: 470px;
  }
  section#aw2020 #coll_2020aw_block1 ul {
    display: block;
  }
  section#aw2020 #coll_2020aw_block1 ul li {
    display: block;
    margin-bottom: 250px;
  }
  section#aw2020 #coll_2020aw_block2 {
    width: 840px;
    margin: 0px auto 500px auto;
  }
  section#aw2020 #coll_2020aw_block2 ul {
    display: block;
  }
  section#aw2020 #coll_2020aw_block2 ul li {
    display: block;
  }
  section#aw2020 #coll_2020aw_block2 ul li:nth-child(2) {
    padding-left: 420px;
    margin-top: -210px;
    margin-bottom: 354px;
  }
  section#aw2020 #coll_2020aw_block2 ul li:nth-child(3) {
    padding-left: 80px;
    margin-top: -210px;
  }
  section#aw2020 #coll_2020aw_block3 {
    text-align: center;
    margin-bottom: 470px;
  }
  section#aw2020 #coll_2020aw_block3 ul {
    display: block;
  }
  section#aw2020 #coll_2020aw_block3 ul li {
    display: block;
    margin-bottom: 100px;
  }
  section#aw2020 #coll_2020aw_block3 ul li:last-child {
    margin-bottom: 0px;
  }
  section#aw2020 #coll_2020aw_block4 {
    text-align: center;
    margin-bottom: 500px;
  }
  section#aw2020 #coll_2020aw_block4 ul {
    display: block;
  }
  section#aw2020 #coll_2020aw_block4 ul li {
    display: block;
    margin-bottom: 200px;
  }
  section#aw2020 #coll_2020aw_block4 ul li:nth-child(2) {
    margin-bottom: 0px;
  }
  section#aw2020 #coll_2020aw_block4 ul li:last-child {
    margin-bottom: 0px;
  }
  section#aw2020 #coll_2020aw_block5 {
    text-align: center;
    margin-bottom: 500px;
  }
  section#aw2020 #coll_2020aw_block5 ul {
    display: block;
  }
  section#aw2020 #coll_2020aw_block5 ul li {
    display: block;
    margin-bottom: 150px;
  }
  section#aw2020 #coll_2020aw_block5 ul li:last-child {
    margin-bottom: 0px;
  }
  section#aw2020 #coll_2020aw_block6 {
    text-align: center;
    margin: 0px auto;
    width: 870px;
  }
  section#aw2020 #coll_2020aw_block6 ul {
    display: block;
  }
  section#aw2020 #coll_2020aw_block6 ul li {
    display: block;
  }
  section#aw2020 #coll_2020aw_block6 ul li:last-child {
    margin-bottom: 0px;
  }
  /*----------------------------------------------------
  	Stockists
  ----------------------------------------------------*/
  section#stockists div.domestic {
    margin: 0 auto 200px auto;
  }
  section#stockists div.overseas {
    margin: 0 auto 200px auto;
  }
  section#stockists div.online {
    margin: 0 auto 123px auto;
  }
  section#stockists div.stockists h2 {
    width: 100%;
    text-align: center;
    margin: 0 0 60px 0;
  }
  section#stockists div.stockists .areabox {
    text-align: center;
    margin: 0 0 70px 0;
  }
  section#stockists div.stockists .areabox h3 {
    margin: 0 0 3px 0;
  }
  section#stockists div.stockists .areabox ul li {
    font-size: 14px;
    line-height: 2.143;
    font-family: "News Cycle", sans-serif;
    text-decoration: none;
    color: #000;
  }
  section#stockists div.stockists .areabox ul li a {
    font-size: 14px;
    line-height: 2.143;
    font-family: "News Cycle", sans-serif;
    text-decoration: none;
    color: #000;
  }
  section#stockists div.stockists .areabox_last {
    margin: 0;
  }
  /*----------------------------------------------------
  	About
  ----------------------------------------------------*/
  section#about {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }
  section#about .aboutBox {
    width: 100%; /* 見た目用 */
  }
  section#about .aboutBox p {
    text-align: center !important;
    box-sizing: border-box;
  }
  section#about .aboutBox p.about_txtjp {
    margin: 0px 0 70px 0;
    font-size: 16px;
    line-height: 1.875em;
    letter-spacing: 0.05em;
    font-family: "YakuHanJP", "ZEN角ゴシックN R";
  }
  section#about .aboutBox p.about_txtjp span.about_txten {
    font-family: "News Cycle", sans-serif;
  }
  section#about .aboutBox p.about_txten {
    font-size: 16px;
    line-height: 1.875em;
    letter-spacing: 0.05em;
    font-family: "News Cycle", sans-serif;
  }
  /*----------------------------------------------------
  	Margin
  ----------------------------------------------------*/
  .mgb_a {
    margin-bottom: 50px !important;
  }
  .mgb_b {
    margin-bottom: 80px !important;
  }
  .mgb_c {
    margin-bottom: 40px !important;
  }
  .mgb_d {
    margin-bottom: 63px !important;
  }
  .mgb_e {
    margin-bottom: 100px !important;
  }
  .mgb_pc_a {
    margin-bottom: 80px !important;
  }
  /*----------------------------------------------------
  	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;
    /**/
  }
  /*----------------------------------------------------
  	END
  ----------------------------------------------------*/
}