/*
Theme Name: template
Author URI: http://ordinary-fits.com
Description: ORDINARY FITS - Template
*/

@charset "utf-8";

/*
font-family: 'Libre Baskerville', serif;
*/

* {
  margin:0; padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body { display:none;
  background:#fff;
  margin: 0;
  padding: 0;
  color:#333;
  font-family: "Sawarabi Gothic","Libre Baskerville", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size:13px;
  line-height:1.8;
  -webkit-text-size-adjust: 100%;
}

svg {
  width: 100%;
  max-width: 100%;
  height: auto;
}

strong {
  font-weight: normal;
}
hr {
  display: none;
}

a {
  transition:0.3s;
  text-decoration: none;
  color: #000;
 }
a:link,
a:visited,
a:active,
a:hover { /* FireFox */
  overflow: hidden;
  outline: none;
}
.word-wrap{
  word-wrap: break-word;
  /word-wrap: normal;/*for IE6 IE7*/
}
sub {
  vertical-align: -1px;
}
li {
  list-style:none outside;
}


.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }
.opensans { font-family: 'Open Sans', sans-serif; }
.center { margin:0 auto;  text-align:center; }

@media only screen and (min-width: 768px) {
  .onlySp {
    display: none!important;
  }
}
@media only screen and (max-width: 767px) {
  .onlyPc {
    display: none!important;
  }
  .onlyTb {
    display: none!important;
  }
}


@media only screen and (min-width: 1025px) {
  .onlyTb {
    display: block!important;
  }
}
@media only screen and (max-width: 1024px) {
  .onlyPc {
    display: none!important;
  }
}


/**
 * BASE
 * -------------------------------------------------------------------------- */

#wrapper {
  display:flex;
  justify-content:space-between;
  align-items:top;
}

#header {
  width:65px;
  height:100vh;
  background:#fff;
  text-align:center;
  padding:27px 0 0; /*position:fixed;*/
}
  body#news #header {  }

#header h1 { position:fixed; left:10px; }
#header p.copy {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  writing-mode: lr-tb;
  height:20px;
  width:200px;
  position: fixed;
  top: 80%;
  left: -70px;
  font-size:9px;
  font-family: "Libre Baskerville";
}

body#top #container { /*margin-left: 65px;*/
  width:100%;
  overflow: hidden;
}
body#news #container,
body#collection #container {
  -webkit-flex:3; flex:3;
  background:#f9f8f8;
  padding:90px 0 0;
}


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

    #header { height:50px; padding:0px 0 0; position:fixed; width:100%; z-index:10; border-bottom:1px solid #eee; }
    #header h1 { left:50%; top:14px; margin-left:-71px; }
    #header h1 img { width:60%; }
    #header p.copy { display:none; }

    body.drawer-open #header {}

    #container { margin-top:50px; }

  }



/**
 * TOP PAGE
 * -------------------------------------------------------------------------- */

body#top #lookbook {
  height:768px;
  position:relative;
  z-index:1;
}
body#top #lookbook h2 {
  position:absolute;
  top:50%;
  left:50%;
  z-index:20;
  margin:-85px 0 0 -88px;
}
body#top #lookbook ul {
  /*height:100%;width:50%;display:table-cell;vertical-align:middle;text-align:center;*/
}
body#top #lookbook ul li {
  /*overflow: hidden; position:relative;width:100%; height:100%;*/
}

body#top #lookbook .mainBox {
  width:100%;
  height:100%;
  position:absolute;
  top:0;left:0;
}
body#top #lookbook .mainBox ul {
  display:table;
  width:100%;
  height:100%;
}
body#top #lookbook .mainBox ul li {
  display:table-cell;
  width:50%;
  height:100%;
}
body#top #lookbook .mainBox ul li div {
  height:100%;
  width:100%;
  position:relative;
}
body#top #lookbook h2 a {
/*  background:url(/img/ttl_lookbook_2023_ss.png) no-repeat top center;*/
  width:176px;
  height:170px;
  text-indent:-9999px;
  display:block;
}


/*
.slide {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: -1;
}
.slider:nth-child(2) .slide {
  left:auto; right:0;
}*/

.slide:not(:first-child) {
  display: none;
}


/*
body#top #lookbook ul li .slide { position:absolute; height:100%; width:100%;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
  -moz-transform: scale(1,1);
  -webkit-transform: scale(1,1);
  transform: scale(1,1);
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: -1;
  transition:0.3s;
}
  .slide.pic01 { background-image:url(/img/img_mens01.jpg); }
  .slide.pic02 { background-image:url(/img/img_ladies01.jpg); }

body#top #lookbook ul li:hover > div {
  -moz-transform: scale(2,2);
  -webkit-transform: scale(2,2);
  transform: scale(2,2);
}
*/

.vegas-timer { display:none; }


 .slideshow, .slideshow2 {
    position: relative;
    width: 80%;
    padding-top: 35%; padding-top:52%;
    overflow: hidden;/*margin: 5% auto;*/

  }
  .slideshow .item {
    width: 100%;
    position: absolute;
    top: 0;
    display: none;
  }
  .in {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 2;
  }
  .out {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transition: 4s;
    transition: 4s;
    z-index: 1;
  }
/**/


nav#menu {
  height:130px;
  font-family: "Libre Baskerville";
  background:#fff;
}
nav#menu ul {
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:100%;
  max-width:950px;
  margin:0 auto;
}
nav#menu ul li a {
  color:#000;
  text-decoration:none;
  font-size:22px;
  display:block;
  position:relative;
  padding-right:50px;
  transition:0.3s;
}
nav#menu ul li a:after {
  content:"";
  text-decoration:none;
  background:url(/img/ico_plus.png) no-repeat center center;
  width:38px;
  height:38px;
  display:block;
  position:absolute;
  top:0;
  right:0;
}
nav#menu ul li a:hover {
  color:#666;
}
nav#menu ul li a:hover:after {
  background:url(/img/ico_plus_on.png) no-repeat center center;
}

#instagram {
  background:#ebeff2;
  padding:5% 0;
}
#instagram .innerBox {
  display:block;
  width:100%;
  position:relative;
}
#instagram .innerBox .title {
  width:100%;
  display:block;
  vertical-align:top;
}

#instagram h3 {
  text-align:center;
  font-family: "Libre Baskerville";
  font-size:28px;
  font-weight:700;
  line-height:1.2;
  padding-bottom:50px;
}
#instagram h3 span {
  display:block;
  margin-top:10px;
  font-size:14px;
}
#instagram h3 a:hover {
  color:#666;
}
#instagram ul {
  display:flex;
  align-items: center;
  justify-content: center;
  vertical-align:top;
  height:0px;
  width:100%;
  margin:0 0 2% 1.7%;

}
#instagram li {
  width: 90px;
  height: 46px;
  margin-right:5%;
  counter-increment: carousel-cell;
}


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

    nav#menu ul { max-width:85%; }
    nav#menu ul li a { font-size:18px; line-height:2.2; }



    #instagram h3 { font-size:24px; }
    #instagram h3 span { font-size:14px; }


  }

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

    body#top #lookbook { height:100vh; }
    body#top #lookbook h2 { margin:-85px 0 0 -105px; width:211px; }

    body#top #lookbook h2 a { background:url(/img/ttl_lookbook_2023_ss_sp.png) no-repeat top center; width:210px; height:201px; text-shadow:1px 1px 1px #ccc; }

    body#top #lookbook .mainBox ul { display:block; }
    body#top #lookbook .mainBox ul li { display:block; width:100%; }
    body#top #lookbook .mainBox ul li div { width:100%; }

    nav#menu { height:90px; }
    nav#menu ul { max-width:auto; width:95%; margin:0 auto; display:table; }
    nav#menu ul li { display:table-cell; width:30%; text-align:center; vertical-align:middle; }
    nav#menu ul li a { font-size:12px; padding:0 0 25px; }
    nav#menu ul li a:after { background:url("/img/ico_plus.png") no-repeat bottom center / 25px auto; width:25px; height:25px; top:auto; bottom:0; left:50%; margin-left:-12.5px; text-align:center; }
    nav#menu ul li a:hover:after { background:url(/img/ico_plus_on.png) no-repeat bottom center / 25px auto; }

    #instagram { padding:10% 0; }
    #instagram h3 { font-size:20px; line-height:1; padding-bottom:-10px; }
    #instagram h3 span { font-size:12px; }

    #instagram .innerBox { display:block; overflow:hidden; }
    #instagram .innerBox .title { width:100%; display:block; padding-left:0%; }
    #instagram ul { display:flex; vertical-align:top; width:100%; margin:5% 0 10% 2.5%; }
    .flickity-prev-next-button { display:none; }

  }

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

    body#top #lookbook h2 { margin:-100px 0 0 -60px; }
    body#top #lookbook h2 a { width:120px; background:url(/img/ttl_lookbook_2023_ss_sp.png) no-repeat top center / 120px auto; }

  }

/*
 NEWS
------------------------------ */

#archiveMenu_pc {
  width:260px;
  padding:0px 40px 0;
  background:#fff;
  border-left:1px solid #dfdfdf;
  font-family:"Libre Baskerville";
}
#archiveMenu_pc .wrap {
  padding:90px 0 0;
  width:260px;
}
.fixed {
  position:fixed;
}



#archiveMenu_pc p {
  text-align:center;
  margin:5% auto;
}
#archiveMenu_pc p img {
  display:block;
}
#archiveMenu_pc p.category, #archiveMenu_sp p.category {
  font-family: "Libre Baskerville";
  font-size:22px;
  font-weight:700;
  margin-bottom:50px;
  text-align:left;
}
#archiveMenu_pc a, #archiveMenu2 a {
  text-decoration:none;
  color:#000;
}
#archiveMenu_pc a:hover, #archiveMenu_sp a:hover {
  color:#666;
}
#archiveMenu_pc ul li a, #archiveMenu_sp ul li a {
  margin:0 10px;
  background:url("/img/ico_plus.png") no-repeat top left / 30px auto;
  padding-left:45px; padding:5px 0 10px 45px;
  font-weight: 700;
  font-size:16px;
  line-height:2.2;
  margin-bottom:10px;
}
#archiveMenu_pc ul li a:hover, #archiveMenu_sp ul li a:hover,
#archiveMenu_pc ul li.active a, #archiveMenu_sp ul li.active a {
  background:url("/img/ico_plus_on.png") no-repeat top left / 30px auto;
}
#archiveMenu_pc ul ul, #archiveMenu_sp ul ul {
  margin-left:60px;
}
#archiveMenu_pc ul ul li a:hover, #archiveMenu_sp ul ul li a:hover {
  background:none;
}
#archiveMenu_pc ul ul li a, #archiveMenu_sp ul ul li a {
  margin:0 0;
  padding-left:0;
  background:none;
  font-weight:400;
  font-size:12px;
  line-height:2;
}


body#news #container .article {
  max-width:635px;
  margin:0 auto;
  padding:0px 0px 30px;
  font-family:"Libre Baskerville";
}
body#news #container .article .article_inner {
  padding-bottom:70px;
}
body#news #container .article:last-of-type .article_inner {
  border-bottom:none;
  padding-bottom:50px;
}

body#news #container .article p.date {
  position:relative;
  font-size:28px;
  text-align:right;
  border-bottom:1px dotted #333;
}
body#news #container .article p.date:before {
  position:absolute;
  top:15px;
  left:5px;
  font-size:10px;
  font-size:14px;
}
  body#news #container .article.new p.date:before { content:"NEW ARRIVAL"; }
  body#news #container .article.styling p.date:before { content:"STYLING"; }
  body#news #container .article.event p.date:before { content:"EVENT"; }
  body#news #container .news.others p.date:before { content:"OTHERS"; }
  body#news #container .news.all p.date:before {  content:"ALL"; }

body#news #container .article h2 {
  text-align:left;
  font-size:28px;
  margin:10px 0;
}
body#news #container .article .mainPic, body#news #container .article .pic, body#news #container .article .pic2 {
  margin:0 auto 0px; text-align:center;
}
body#news #container .article .mainPic img, body#news #container .article .pic img, body#news #container .article .pic2 img {
  width:100%;
}
body#news #container .article .mainPic img {
  width:100%;
}
body#news #container .article .paragraph {
  margin:0 0 20px;
  padding:30px 0;
  font-size:14px;
}

body#news #container .article ul.pic {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-bottom:20px;
}
body#news #container .article ul.pic li {
  margin-bottom:15px;
}

body#news #container .article ul.submenu li a {
  border-bottom:1px dotted #333;
  font-size:16px;
  padding:5px 0;
  margin-bottom:10px;
  font-weight:bold;
  display:block;
}
body#news #container .article ul.submenu a {
  color:#333;
}
body#news #container .article .shopInfo {
  background:url(/img/news/bg_shopinfo.png) no-repeat top center / 100% auto;
  margin:30px 0 10px;
  font-size:13px;
}
body#news #container .article .shopInfo_inner {
  margin:0;
  padding:25px;
  background:url(/img/news/bg_shopinfo2.png) no-repeat bottom center / 100% auto;
}
body#news #container .article .shopInfo a {
  color:#385283;
  word-wrap:break-word;
}

body#news #container .article .paragraph .title { font-weight:bold; font-size:15px; }
.navy { color:#385283; }
.xs { font-size:11px; }
body#news #container .article .paragraph .title.large { font-size:20px; }
body#news #container .article strong { font-weight:bold; }
body#news #container .article .line_top { border-top:1px solid #999; }

body#news #container .article p.btn a {
  display:inline-block;
  font-size:15px;
  line-height:1.5;
  padding:3px 50px 3px;
  color:#fff;
  text-decoration:none;
  background:#000 url(/img/ico_arrow2.png) no-repeat 92% center;
}
body#news #container .article p.btn a:hover {
  background:#333 url(/img/ico_arrow2.png) no-repeat 92% center;
}


body#news #container .article .paragraph p.btn a {
  padding:3px 40px 3px;
  font-size:12px;
}
body#news #container .article .paragraph p.btn {
  margin:10px 0;
}

body#news #container ul.pager {
  max-width:460px;
  width: 80%;
  margin:0 auto;
  display:table;
}
body#news #container ul.pager li {
  display:table-cell;
  padding:0 30px;
  position:relative;
  font-size:18px;
  text-align:left;
  vertical-align:top;
}
body#news #container ul.pager li:nth-child(3) {
  text-align:right;
}
body#news #container ul.pager li a:before {
  content:"";
  display:block;
  width:40px;
  height:40px;
  position:absolute;
  top:-4px;
}
body#news #container ul.pager li:nth-child(2) a {
  border: 1px solid #fff;
  display: inline-block;
  line-height: 1.5;
  padding: 2px 40px;
}
body#news #container ul.pager li:nth-child(1) a:before {
  left:-18px;
  background:url(/img/news/ico_arrow_prev.png) no-repeat 0 0 / 100% auto;
}
body#news #container ul.pager li:nth-child(3) a:before {
  right:-18px;
  background:url(/img/news/ico_arrow_next.png) no-repeat 0 0 / 100% auto;
}

body#news #container ul.exLink { display:none; }

#archiveMenu_sp { display:none; }

#infscr-loading img { padding:0 5%; }
#infscr-loading img { margin:0 auto; text-align:center; }


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

    #archiveMenu_pc { padding:0px 10px 0; max-width:260px; }

  }


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

    body#news #container, body#collection #container { padding-top:0px; background:#fff; border-left:1px solid #dfdfdf; overflow:hidden; }
    body#collection #container { padding-top:37px; background:#fff; border-left:1px solid #dfdfdf; overflow:hidden; }
    #archiveMenu_pc { display:none; }
    #archiveMenu_sp { display:block; padding:0 5%; font-family: "Libre Baskerville"; max-width:635px; margin:0 auto; }

    #archiveMenu_sp p.category { text-align:center; margin-left:1em; margin-bottom:0px; }
    #archiveMenu_sp p img { display:none; }
    #archiveMenu_sp ul { display:table; }
    #archiveMenu_sp ul li { display:table; }
    #archiveMenu_sp ul li a { text-decoration:none; color:#000; }
    #archiveMenu_sp ul li ul { display:table-cell; vertical-align:middle; padding-left:20px; }
    #archiveMenu_sp ul li ul li { display:inline-flex; margin-right:20px; }
    #archiveMenu_sp ul li ul li a { text-decoration:underline; }
    #archiveMenu_sp ul li ul li a:hover { text-decoration:none; }

    body#news #container .icons { position:relative; right:-50%; top:34px; margin-left:250px; text-shadow:none; color:#333; padding:0 10px 0; cursor:pointer; width:35px; height:35px; transition:0.3s; }
    body#news #container .icons li { border:1px solid #333; background:#fff; display:inline-block; height:5px; width:5px; line-height:0; list-style:none outside none; margin:0px auto 0; vertical-align:top; border-radius:50%; pointer-events:none; position:relative; top:14px; }

    body#news #container.active .icons li { border:1px solid #333; background:#333; display:block; margin: 0 auto 3px; top:4px; }

    body#news #container .dropdown-content { display:none; padding:5% 0 0; }

    body#news #container .article { margin-top:5%; }

  }

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

    body#news #container { border-left:none; padding-top:37px; }
    body#news #container .article { max-width:100%; width:100vw; overflow:hidden; }
    body#news #container .article .article_inner { border-radius:15px; background:#f9f8f8; padding-top:8%; }
    body#news #container .article p.date { width:90%; margin:0 auto; font-size:1.2rem; }
    body#news #container .article p.date::before { top:5px; font-size:0.8rem; }
    body#news #container .article h2 { width:90%; margin:10px auto 10px; font-size:1.3rem; }
    body#news #container .article .paragraph { width:90%; margin:0 auto 0; padding:5% 0; }
    body#news #container .article ul.pic { margin:0 auto 20px; width:90%; }
    body#news #container .article ul.pic.row_3 li { width:47%; }
    body#news #container .article ul.pic li { width:100%; }
    body#news #container .icons { float:right; position:static; margin-left:0px; }
    #archiveMenu_sp ul li a { background:url("/img/ico_plus.png") no-repeat top left / 20px auto; padding:0 0 0px 25px; }
    #archiveMenu_sp ul li a:hover, #archiveMenu_sp ul li.active a { background:url("/img/ico_plus_on.png") no-repeat top left / 20px auto; }

  }


/*
 COLLECTION
------------------------------ */

body#collection #container .article {
  max-width:914px;
  margin:0 auto;
  padding:0px 0px 30px;
  font-family:"Libre Baskerville";
  overflow:hidden;
}
body#collection #container .article .article_inner {
  padding-bottom:30px;
}
body#collection #container .article .themeBox {
  position:relative;
  margin-bottom:20px;
}
body#collection #container .article h2 {
  display:none;
}
body#collection #container .article h3 {
  display:none;
}

body#collection #container .article h2 span {
  display:block;
  font-size:18px;
}
body#collection #container .article ul.pic {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; justify-content:space-around;
  margin-bottom: 20px;
  width:102%;
  margin-left:-1%;
}
body#collection #container .article .mainPic img,
body#collection #container .article .pic img,
body#collection #container .article .pic2 img,
body#collection #container .article video {
  width:100%;
  display:block;
}
body#collection #container .article ul.pic.row_4 li {
  width:23%;
  margin:0 1% 10px;
}

body#collection #archiveMenu_pc li { padding:0 0 0px; margin:0 0px 0px; }
body#collection #archiveMenu_pc ul li a { line-height: 1; margin: 0 10px 0px;
    padding: 5px 0 10px 45px;
}

body#collection #archiveMenu_pc li span {
  display:block;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  margin-left:55px;
}

/* scroll::fadein */
.fadein { opacity : 0.1; transform : translate(0, 50px); transition : all 500ms; }
.fadein.scrollin { opacity : 1; transform : translate(0, 0); }

.fadein:nth-of-type(2) { -moz-transition-delay:200ms; -webkit-transition-delay:200ms; -o-transition-delay:200ms; -ms-transition-delay:200ms; }
.fadein:nth-of-type(3) { -moz-transition-delay:400ms; -webkit-transition-delay:400ms; -o-transition-delay:400ms; -ms-transition-delay:400ms; }



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

    body#collection #container .article { width:90%; }

  }


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

    body#collection #container .article h2 { display:block; font-size:22px; font-weight:700; margin-bottom:20px; text-align:center; }
    body#collection #container .article h3 { display:block; text-align:center; font-size:16px; font-weight:700; }
    body#collection #container .article h3 span { display:block; font-weight:400; font-size:12px; }
    body#collection #container .article h3 a { text-decoration:none; color:#000; display:block; padding:10px 0; background:url(/img/collection/ico_arrow.png) no-repeat center right / 2% auto; }

    body#collection #archiveMenu_sp { background:#ebeff2; padding:5% 0; max-width:100%; }
    body#collection #archiveMenu_sp ul { width:90%; margin:0 auto; }
    body#collection #archiveMenu_sp ul li { width:100%; }
    body#collection #archiveMenu_sp li a { border-bottom:1px solid #ccc; display:block; width:100%; padding:0 0 10px; background:url("/img/ico_plus.png") no-repeat right 15px / 30px auto; font-size:16px; font-weight:700; line-height:2.2; margin:0 0px 10px; }
    body#collection #archiveMenu_sp li:last-child { border-bottom:none; padding:0; margin:0 0px 0; }
    body#collection #archiveMenu_sp li a:hover, body#collection #archiveMenu_sp li.active a { background:url("/img/ico_plus_on.png") no-repeat right 15px / 30px auto; }
    body#collection #archiveMenu_sp li a { text-decoration:none; display:block; }
    body#collection #archiveMenu_sp li span { display:block; font-size:12px; font-weight:400; line-height:1; margin-left:0; }

  }


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

    body#collection #container .article { width:100%; }
    body#collection #container .article h3 a { background:url(/img/collection/ico_arrow.png) no-repeat 96% center / 3% auto; }
    body#collection #container .article ul.pic { width:90%; margin:0 auto; }
    body#collection #container .article ul.pic.row_4 li { width:47%; margin:0 1.5% 15px; }

    body#collection #archiveMenu_sp li a { background:url("/img/ico_plus.png") no-repeat right center / 20px auto; }
    body#collection #archiveMenu_sp li a:hover, body#collection #archiveMenu_sp li.active a { background:url("/img/ico_plus_on.png") no-repeat right center / 20px auto; }

  }



/*
 CONTACT
------------------------------ */

.remodal.contact { padding:0; background:none; }
.remodal.contact .bgBox { width:100%; height:100%; position:absolute; display:table; z-index:-1; }
.remodal.contact .bgBox .box { width:50%; height:100%; position:relative; top:0; display:table-cell; }
.remodal.contact .bgBox .left { background:#f9f8f8; left:0; }
.remodal.contact .bgBox .right { background:#fff; right:0; }

.contactWrap {
  margin: 0 auto;
  width:100%;
  height:100%;
  display:table;
  vertical-align:middle;
  font-family:"futura-pt";
}

.contactWrap .inner {
  width:50%;
  margin:0 auto;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}
.contactWrap .inner h3 {
  font-size:20px;
  font-weight:bold;
  margin-bottom:20px;
}
.contactWrap .info {
  width:420px;
  text-align:left;
  margin:0px auto 0;
}
.contactWrap .info dl {
  margin:0 auto 0;
  text-align:center;
}
.contactWrap .info dl dt {
  margin-bottom:0px;
  font-size:19px;
  font-weight:bold;
  position:relative;
  font-family:"futura-pt";
}
.contactWrap .info dl dt:before {
  content:"";
  position:absolute;
  top:18px;
  right:0;
  display:block;
  width:70%;
}

.contactWrap .info dl dd {
  margin-bottom:20px;
  font-size: 14px;
}
.contactWrap .info dl dd a {
    color: #000;
    padding-right: 10px;
}
.contactWrap .info dl dd a.serif {
  font-family:times;
  font-weight:bold;
  font-size:10px;
  text-decoration:underline;
  padding-right:10px;
  background:url(/img/ico_arrow.png) no-repeat center right;
}
.contactWrap .info dl dd strong {
  display:block;
  margin-bottom:5px;
  font-weight:bold;
}
.contactWrap .info dl dd:first-of-type {
  margin:20px 0;
}
.contactWrap .info dl dd:last-of-type {
  margin:50px 0 0;
}

.contactWrap .form {
  width:420px;
  text-align:left;
  margin: 0 auto;
}
.contactWrap .form fieldset {
  display: flex;
  margin-bottom:20px;
  -webkit-align-items:center;
  align-items:center;
}
.contactWrap .form fieldset.v_top {
  -webkit-align-items:stretch;
  align-items:stretch;
}
.contactWrap .form fieldset label {
  order: 1;
  width:100px;
  padding-right:20px;
  text-align:left;
}
.contactWrap .form fieldset:nth-of-type(1) label {
  width:115px;
}

.contactWrap .form fieldset input[type="text"],
.contactWrap .form fieldset textarea,
.contactWrap .form fieldset select {
  order: 2;
  flex: 1 1 auto;
  width:270px;
  background:#fff;
  border:1px solid #ccc;
  padding:8px;
}
.contactWrap .form fieldset ul {
  order: 2;
  flex: 1 1 auto;
  font-size:12px;
}
.contactWrap .form fieldset ul li {
  display:inline-block;
}
.contactWrap .form fieldset ul li input[type="radio"] {
  position:relative;
  top:3px;
}
.contactWrap .form fieldset ul li label {
  width:auto;
  padding-right:0px;
}

.contactWrap .form ul.btnSet {
  margin:10px 0 10px;
  width:290px;
  display:table;
  float:right;
}
.contactWrap .form ul.btnSet li {
  display:table-cell;
  text-align:left;
}
.contactWrap .form ul.btnSet li input {
  border:none;
  text-align:center;
  cursor:pointer;
  font-size:12px;
  padding:5px 30px 6px;
  width:auto;
  transition:0.3s;
  color:#fff;

}
.contactWrap .form ul.btnSet li input[type="reset"] {
  border:none;
  background:#999;
}
.contactWrap .form ul.btnSet li input[type="reset"]:hover {
  background:#ccc;
  color:#fff;
}
.contactWrap .form ul.btnSet li input[type="submit"] {
  border:1px solid #000;
  color:#000;
  background:#fff url(/img/ico_arrow.png) no-repeat 93% 50%;
}
.contactWrap .form ul.btnSet li input[type="submit"]:hover {
  background:#000 url(/img/ico_arrow2.png) no-repeat 93% 50%;
  color:#fff;
}

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

    .remodal.contact .bgBox { display:none; }
    .remodal.contact .contactWrap { width:100%; }
    .remodal.contact .contactWrap .inner { display:block; margin:0 auto; width:100%; }
    .remodal.contact .contactWrap .inner:last-child { background:#f9f8f8; }

    .remodal.contact .contactWrap .form, .contactWrap .info { width:80%; float:none; }
    .remodal.contact .contactWrap .form { padding-top:5%; }
    .remodal.contact .contactWrap .info { margin-top:5%; padding:5% 0 8%; }
    .remodal.contact .contactWrap .form ul.btnSet { float:none; margin:10px auto; }
    .remodal.contact .contactWrap .form ul.btnSet li input { background:#fff; border:1px solid #000; border-radius:30px; color:#000; display:block; font-size:14px; height:auto; line-height:1.5; margin:0 auto; text-align:center; padding:2% 15% 3%; text-indent:0; width:auto; }

  }


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

    .remodal.contact .contactWrap .form { width:100%; margin:0 auto; width:85%; }
    .remodal.contact .contactWrap .form fieldset label { padding-right:0px; text-align:left; }
    .remodal.contact .contactWrap .info { width:100%; }
    .remodal.contact .contactWrap .form fieldset { display:block; }
    .remodal.contact .contactWrap .form fieldset input[type="text"], .contactWrap .form fieldset textarea, .contactWrap .form fieldset select { width:90%; }
    .remodal.contact .contactWrap .form fieldset label { display:block; width:100%; }
    .remodal.contact .contactWrap .form fieldset:first-of-type label { width:110px; display:inline; }
    .remodal.contact .contactWrap .info dl { padding: 0 5%; }
    .remodal.contact .contactWrap .info dl dt img { width:40%; }

    .remodal.contact .contactWrap .form ul.btnSet { display:table; float:none;  margin:10px auto; width:auto; }

    .remodal.contact .contactWrap .form ul.btnSet li { display:block; }
    .remodal.contact .contactWrap .form ul.btnSet li input { background:#fff; border:1px solid #000; border-radius:30px; font-size:14px; height:auto; line-height:1.5; margin:0 auto; padding:5% 10%; text-indent:0; width:200px; display:block; }
    .remodal.contact .contactWrap .form ul.btnSet li input[type="submit"] { background:#fff url(/img/ico_arrow.png) no-repeat 93% 50%; border:1px solid #000; }
    .remodal.contact .contactWrap .form ul.btnSet li input[type="submit"]:hover,
    .remodal.contact .contactWrap .form ul.btnSet li input[type="submit"]:active { background:#fff url(/img/ico_arrow.png) no-repeat 93% 50%; border:1px solid #000; }

  }

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

    .remodal.contact { overflow:hidden; }
    .remodal.contact .contactWrap .info dl dt::before { top:26px; width:100%; }
    .remodal.contact .contactWrap .form fieldset:first-of-type ul li { display:block; }
    .remodal.contact .remodal-close { right:-5px; top:5px; }
    .remodal.contact .remodal-close img { width:80%; }

  }



/**
 * FOOTER
 * -------------------------------------------------------------------------- */

#footer {
  background:#dcdfe2;
  font-family: "Libre Baskerville";
  padding:3% 0;
}
#footer .lineBox {
  text-align:center;
}
#footer .inner {
  border-bottom:1px solid #b8babb;
  padding:0 0 10px;
}
#footer ul.brand {
  display:table;
  margin:35px auto 0;
}
#footer ul.brand li {
  display:table-cell;
  width:66px;
  padding:0 10px;
}
#footer ul.brand li img {
  width:100%;
}
#footer p.copy {
  display:none;
}
#footer #fnav {
  padding:1.5% 0 0.5%;
}
#footer #fnav ul {
  display:flex;
  justify-content:space-between;
  align-items:top;
  width:600px;
  margin:0 auto;
}
#footer #fnav ul a {
  color:#000;
  font-weight:700;
  text-decoration:none;
}
#footer #fnav ul a:hover {
  color:#666;
}

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

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

    #footer { padding:5% 0; }
    #footer .inner { border-bottom:none; border-top:1px solid #b8babb; padding:0; margin-top:10px; }
    #footer .lineBox img { width:30%; }
    #footer ul.brand { margin:10px auto; }
    #footer #fnav { padding:1.5% 0 1.5%; }
    #footer #fnav ul {display:block;width:100%; margin:10px auto 10px; text-align:center; }
    #footer #fnav ul li { margin:0 auto 10px; text-align:center; }
    #footer p.copy { display:block; text-align:center; font-size:9px; }

  }


/* ------------------------------
 Clearfix
------------------------------ */

.clr:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clr { min-height:1px; clear:both; }
* html .clr { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }


/* ------------------------------
 PRINT
------------------------------ */

@media print {

  body { padding:5%; }
  #footer { display:none; }

}