@charset "euc-jp";

html {
    height: 100%;
}
body ,
html {
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
	font-family: "Avenir Next" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Þ⥴¥·¥Ã¥¯" , "Yu Gothic" , "Þ⥴¥·¥Ã¥¯ÂÎ" , "YuGothic" , "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "¥á¥¤¥ê¥ª" , Meiryo , "£Í£Ó £Ð¥´¥·¥Ã¥¯" , "MS PGothic" , sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color:#333333;
	letter-spacing: 1.5px;
	height: 100%;
	font-weight: 500;
  font-feature-settings: "pkna";
}

a {
	color:#333333;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover {
	color:#333333;
	text-decoration: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}


/*
 * layout
 */
#wrapper {
  width: 100%;
  height: 100%;
}
.container {
  padding: 0 !important;
}

/*
 * contents
 */

#contents {
  float: right;
  padding-left: 30px;
}

#contents .topicpath-nav {
  margin-bottom: 5px;
}
  #contents .topicpath-nav li {
    padding: 0;
  }
  #contents .topicpath-nav a {
    margin-left: 5px;
  }

/*
 * side
 */

#side .unstyled img {
  display: block;
  margin-bottom: 5px;
}

/*
 * temp
 */

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

/* background */
.bgc_gray {
  background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }

@media (max-width: 980px) {
  /* ~980px */
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  /* ~768px */
  #contents {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  /* ~480px */
}

/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}

/* header */

div#header {
    position: fixed;
    border-bottom: 1px solid #E9E9E9;
    width: 100%;
    background-color: rgba(255,255,255,0.97);
    z-index: 2;
}
.wrap-header {
	width: 100%;
   max-width: 1440px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
  height: 96px;
}
.header-login {
    margin-top: 36px;
    margin-left: 5% !important;
}
.header-cart {
    margin-top: 36px;
    margin-right: 5% !important;
}
.header-login li,
.header-cart li {
    padding: 0 !important;
}
.header-login a {
    border-bottom: 1px solid #333333;
  letter-spacing: 1px;
}
.header-cart li {
    width: 25px;
}
.header-logo {
   position: absolute;
   top: 19px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 167px;
}
@media screen and ( max-width:768px ) {
   .wrap-header {
		height: 65px;
   }
	.header-login,
	.header-cart {
	    margin-top: 22px;
	}
    .header-cart li {
	    width: 20px;
	}
	.header-login li {
	    font-size: 10px;
	    letter-spacing: 0.5px;
	}
   .header-logo {
	    top: 12px;
    	width: 110px;
	}
}

/* footer */

#footer {
    padding: 50px 0 20px;
    background: #f7f7f7;
}
#footer ul {
	margin-bottom: 50px;
}
#footer ul li {
	padding-right: 10px;
	padding-left: 10px;
}
#footer address {
	margin-bottom: 0px;
   font-size: 10px;  
   font-weight: 400;
}
#footer address img {
    width: 30px;
    margin-bottom: 10px;
}
@media screen and ( max-width:768px ) {
	#footer {
	    padding: 20px 0;
	}
   #footer address {
	    font-size: 10px;
	}
   #footer address img {
	    margin-bottom: 5px;
       width: 25px;
	}
}

/* top-header */
#top-photo {
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://file002.shop-pro.jp/PA01396/814/images/mainvisual.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 640px;
    padding-top: 41.666666%;
    position: relative;
    z-index: 3;
    margin: 0 0 -98px 0;
    text-align: center;
}
/*#top-photo {
    background: url(https://img21.shop-pro.jp/PA01396/814/etc/mainvisual.jpg?cmsp_timestamp=20170820003814) center center / cover no-repeat;
    position: relative;
    z-index: 3;
    margin: 0 0 -98px 0;
    height: 600px;
    text-align: center;
    width: 100%;
}*/
#top-photo .logo-center {
	position: absolute;
   top: 51%;
 	 left: 50%;
 	 -webkit-transform: translate(-50%, -50%);
 	 transform: translate(-50%, -50%);
}
#top-photo .logo-center h1 {
    width: 300px;
    margin: 0 0 60px;
}
#top-photo .logo-center p {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff;
}
.top-photo-login {
	margin: 30px 0 0 40px !important;
   color: #fff;
  position: absolute;
    top: 0;
    left: 0;
}
.top-photo-login a {
    color: #fff;
    border-bottom: 1px solid #fff;
      letter-spacing: 1.0px;
}
.top-photo-cart {
	margin: 35px 40px 0 0 !important;
  position: absolute;
    top: 0;
    right: 0;
}
.top-photo-cart li {
	width: 25px;
}
@media screen and ( max-width:768px ) {
	#top-photo {
	    margin: 0 0 -45px 0;
	    height: 414px;
       background: url(https://file002.shop-pro.jp/PA01396/814/images/mainvisual_sp.jpg) top center no-repeat;
      padding-top: 100%;
    background-size: cover;
	}
  #top-photo .logo-center h1 {
	    width: 250px;
	    margin: 0 0 50px;
	}
   #top-photo .logo-center p {
	    font-size: 18px;
	}
   .top-photo-login {
	    margin: 21px 0 0 20px !important;
	    font-size: 10px;
	    letter-spacing: 0.5px;
	}
   .top-photo-cart {
	    margin: 23px 20px 0 0 !important;
	}
   .top-photo-cart li {
	    width: 20px;
	}
}

/* contents */
.wrap-contents {
	width: 100%;
   padding-top: 180px;
}
.wrap-contents.item {
    max-width: 1440px;
}
#contents {
    float: right;
    max-width: 1000px;
    margin: 0 5% 0 0;
    padding: 0;
    width: 70%;
}
@media screen and ( max-width:812px ) {
	.wrap-contents {
	   padding-top: 135px;
	}
	#contents {
	    float: none;
    	margin: 0 auto;
    	width: 100%;
	}
}
@media screen and ( max-width:767px ), screen and (max-width: 812px) and (orientation: landscape) {
    .wrap-contents {
        padding-top: 100px;
    }
}

/* side */

#side {
    padding: 0;
    margin: 0 0 0 5%;
    width: 15%;
}
#side div {
    margin-bottom: 40px;
}
#side .bnr_side {
    margin-bottom: 15px;
}
#side h3 {
    margin: 0 0 10px 0;
    font-size: 15px;
}
#side ul {
    padding-top: 25px;
    font-weight: 400;
    margin: 0;
}
#side ul li {
    margin: 0 0 10px 0;
    letter-spacing: 0.5px;
}
#side ul li:last-child {
    margin: 0;
}
#side ul li span {
    font-size: 11px;
}
#side ul li img.link {
    display: inline;
    width: 11px;
    margin: 2px 0 0 5px;
    vertical-align: top;
}
#side ul li img.fb {
    width: 20px;
    display: inline;
    margin: 0 15px 0 0;
}
#side ul li img.insta {
    width: 22px;
    display: inline;
    margin: 0;
}
#side ul li.sns {
    margin-top: 25px;
}
@media screen and ( max-width:812px ) {
	#side {
	    display: none;
	}
}

/* recently viewed */

.recently {
	margin-bottom: 100px;
   width: 100%;
}
.recently h2 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 40px 0;
}
.recently ul li {
     padding: 0;
    width: 15.75%;
    margin-right: 1%;;
}
.recently ul li:last-child {
    margin-right: 0;
}
.recently .recently-name {
    display: block;
   font-size: 11px;
    line-height: 1.4;
    padding: 0 10px 5px 0;
    letter-spacing: 1px;
}
.recently .recently-name span {
    display: none;
}
.recently .recently-price {
    font-size: 11px;
    color: #888888;
    letter-spacing: 0.8px;
    margin: 0;
}
@media screen and ( max-width:812px ) {
	.recently {
	    margin: 0 auto 40px;
	    width: 86%;
	}
   .recently h2 {
	    margin-bottom: 30px;
	}
	.recently ul li {
	    width: 32%;
    	margin-right: 2%;
    	margin-bottom: 20px;
	}
	.recently ul li:nth-child(3) {
	    margin-right: 0%;
	}
}
@media screen and ( max-width:767px ) {
	.recently {
	    margin: 0 auto 20px;
	}
  .recently .recently-name {
	    letter-spacing: 1px;
	    font-size: 11px;
	    line-height: 1.4;
	}
	.recently .recently-price {
	    font-size: 10px;
	}
}

#privacy {
    width: 100%;
    max-width: 800px;
    margin: 0px auto 120px;
}
#privacy p.privacy-intro {
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 50px;
}
#privacy h2 {
    font-size: 20px;
    font-weight:700;
    text-align: center;
    margin: 0 0 50px 0;
}
#privacy dl {
	padding-bottom: 25px;
    border-bottom: 1px solid #eee;
    margin: 25px 0 0 0;
}
#privacy dl:last-child {
    border-bottom: none;
    padding: 0;
}
#privacy dl dt,
#privacy dl dd {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    line-height: 1.8;
}
#privacy dl dt {
    width: 31%;
    vertical-align: top;
}
#privacy dl dd {
    width: 68%;
    margin-left: 1%;
}
#privacy dl dd a {
    text-decoration: underline;
}
#privacy ol li,
#privacy ul li {
  margin-bottom: 5px;
}
#privacy .point {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
	#privacy h2 {
	    margin: 0 0 30px 0;
	}
	#privacy {
	    margin: 0px auto 60px;
       width: 86%;
	}
  #privacy dl {
	    padding-bottom: 20px;
	    margin: 20px 0 0 0;
	}
	#privacy dl dt,
   #privacy dl dd {
	    font-size: 13px;
	    line-height: 1.6;
	}
	#privacy dl dt {
	    width: 100%;
	    margin-bottom: 10px;
	}
	#privacy dl dd {
	    width: 100%;
	    margin-left: 0;
	}
	#privacy .privacy-intro {
	    line-height: 1.6 !important;
	    margin-bottom: 30px !important;
	    font-size: 13px !important;
	}
    #privacy .point {
        font-size: 13px;
        line-height: 1.6;
        margin-bottom: 20px;
    }
}


/* RENEWAL 201808 */

#top_mainvisual {
    position: relative;
    padding: 15px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.top_header {
    position: absolute;
    width: calc(100% - 30px);
    z-index: 2;
}
.top_header h1 {
    position: absolute;
    width: 200px;
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
}
.top_header ul {
    list-style: none;
    margin: 0;
}
.top_header ul li {
    display: inline-block;
}
.top_header ul li a {
    color:#fff;
}
.top_header .header_left {
    position: absolute;
    top: 55px;
    left: 60px;
}
.top_header .header_left li {
    margin-right: 15px;
    font-size: 13px;
}
.top_header .header_right {
    position: absolute;
    top: 55px;
    right: 60px;
}
.top_header .header_right li {
    margin-left: 30px;
    font-size: 12px;
}
.top_header .header_right li:nth-child(3),
.top_header .header_right li:nth-child(4) {
    margin-left: 15px;
}
.top_header .header_right li img {
    height: 20px;
    margin-bottom: 3px;
}
.top_header .toggle {
    display: none;
}
#top_mainvisual .top_slide,
#top_mainvisual .top_slide > div {
    position: relative;
    width: 100%;
    height: 100%;
}
#top_mainvisual .top_slide > div .ofi {
	transform-style: initial;
	width: 100%;
	height: 100%;
	object-fit: cover;
   object-position: 50% 50%;
   font-family: 'object-fit: cover; object-position: 50% 50%;';
}   
#top_mainvisual .top_slide .img {
    margin: 0;
}
#top_mainvisual .top_slide .tit {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 34px;
    letter-spacing: 4px;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    display: block;
    backface-visibility: hidden;
}
#top_mainvisual .top_slide.slick-dotted.slick-slider {
    margin-bottom: 0;
}
#top_mainvisual .slick-dots li.slick-active button {
    background: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    padding: 4px;
}
#top_mainvisual .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#top_mainvisual .slick-track {
    height: 100%;
}
.top_slide .tit span {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 1.4px;
    display: inline-block;
    border-bottom: 1px solid #fff;
    margin-top: 20px;
}
.top_bnr {
    padding: 0 15px 15px;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}
.top_bnr .left {
    float: left;
    width: calc((100% - 15px) / 2);
    position: relative;
}
.top_bnr .right {
    float: right;
    width: calc((100% - 15px) / 2);
    position: relative;
}
.top_bnr .img {
    margin: 0;
}
.top_bnr .tit {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.3;
    color: #fff;
    backface-visibility: hidden;
}
.top_bnr .tit span {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1.4px;
    display: inline-block;
    border-bottom: 1px solid #fff;
    margin-top: 15px;
}
@media screen and (max-width: 812px) {
	.top_header h1 {
	    width: 180px;
	}
    .top_header .header_left {
	    display: none;
	}
	.top_header .header_right {
	    top: 50px;
	    right: 50px;
	}
    .top_header .header_right li {
	    display: none;
	}
	.top_header .header_right li:nth-child(4) {
	    display: block;
	}
	.top_header .toggle {
	    display: block;
	    position: absolute;
	    top: 50px;
	    left: 50px;
	    width: 25px;
	    height: 17px;
	    cursor: pointer !important;
	}
	.top_header .toggle span {
    	width: 25px;
    	height: 1px;
   		display: block;
    	background: #fff;
    	position: absolute;
    	top: 0;
	}
	.top_header .toggle span:nth-child(2) {
    	top: 8px;
	}
	.top_header .toggle span:nth-child(3) {
    	top: 16px;
	}
	#top_mainvisual .top_slide .tit {
	    font-size: 28px;
	    letter-spacing: 3px;
	}
	#top_mainvisual .top_slide .tit span {
	    font-size: 13px;
	    margin-top:15px;
	}
    .top_bnr .tit {
        font-size: 22px;
        letter-spacing: 2.5px;
    }
    .top_bnr .tit span {
        font-size: 11px;
        margin-top: 10px;
    }
}
@media screen and ( max-width:767px ), screen and ( max-width:812px ) and ( orientation:landscape ) {
  #top_mainvisual {
      padding: 0;
  }
  #top_mainvisual .top_slide .tit {
      font-size: 24px;
  }
  #top_mainvisual .top_slide .tit span {
      font-size: 12px;
      margin-top: 10px;
  }
  #top_mainvisual .slick-dots {
      bottom: 15px;
	}
  .top_header {
      width: 100%;
  }
  .top_header h1 {
      width: 130px;
      top: 12px;
  }
  .top_header .toggle {
      top: 25px;
      left: 25px;
  }
  .top_header .header_right {
      top: 25px;
      right: 25px;
  }
  .top_header .header_right li img {
      height: 18px;
  }
  .top_bnr {
      padding: 0;
      border-bottom: none;
  }
  .top_bnr .left {
      float: none;
      width: 100%;
      margin: 10px 0;
  }
  .top_bnr .right {
      float: none;
      width: 100%;
  }
  .top_bnr .tit {
      font-size: 20px;
  }
}

/* header_fixed */
.top_header.fixed, .top_header.under {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    display:none;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.03);
}
.top_header.under {
    display:block;
}
.top_header.fixed .wrap_head_top, .top_header.under .wrap_head_top {
    height: 100px;
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}
.top_header.fixed ul li a, .top_header.under ul li a {
    color: #333;
}
.top_header.fixed .header_right, .top_header.under .header_right {
    top: 40px;
    right: 0;
}
.top_header.fixed .header_left, .top_header.under .header_left {
    top: 40px;
    left: 0;
}
.top_header.fixed h1, .top_header.under h1 {
    width: 180px;
    top: 18px;
}
@media screen and (max-width: 812px) {
.top_header.fixed, .top_header.fixed .wrap_head_top,
.top_header.under, .top_header.under .wrap_head_top {
    height: 90px;
}
.top_header.fixed h1, .top_header.under h1 {
    width: 155px;
}
.top_header.fixed .toggle, .top_header.under .toggle {
    top: 36px;
    left: 0;
}
.top_header.fixed .toggle span, .top_header.under .toggle span {
    background: #333;
}
.top_header.fixed .header_right, .top_header.under .header_right {
    top: 35px;
    right: 0;
}
}
@media screen and ( max-width:767px ), screen and ( max-width:812px ) and ( orientation:landscape ) {
.top_header.fixed, .top_header.fixed .wrap_head_top,
.top_header.under, .top_header.under .wrap_head_top {
    height: 65px;
    width: 100%;
}
.top_header.fixed h1, .top_header.under h1 {
    width: 120px;
    top: 12px;
}
.top_header.fixed .toggle, .top_header.under .toggle {
    top: 25px;
    left: 20px;
}
.top_header.fixed .header_right, .top_header.under .header_right {
    top: 24px;
    right: 20px;
}
}

/* overlay */
#overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    background: #fff;
    overflow: scroll;
  -webkit-overflow-scrolling : touch;
  display: none;
}
#overlay .head_menu {
    overflow: hidden;
    position: relative;
   margin-bottom: 45px;
}
#overlay .closeBtn {
    display: block;
    position: relative;
    float: left;
    margin: 25px 0 0 20px;
    width: 25px;
    height: 16px;
}
#overlay .closeBtn span {
    width: 25px;
    height: 1px;
    margin-top: 7px;
    display: block;
    background: #333;
    position: absolute;
}
#overlay .closeBtn span.top {
    -webkit-transform: rotate(-45deg) translateY(0px);
    transform: rotate(-45deg) translateY(0px);
}
#overlay .closeBtn span.bottom {
    -webkit-transform: rotate(45deg) translateY(0px);
    transform: rotate(45deg) translateY(0px);
}
#overlay .menu_sns {
    float: right;
    margin: 24px 20px 0 0;
}
#overlay .menu_sns li {
    display: inline-block;
    margin-left: 10px;
}
#overlay .menu_sns li img {
    height: 18px;
    margin-bottom: 3px;
}
#overlay .wrap_menu {
    width: 78.6%;
    margin: 0 auto;
}
#overlay .wrap_menu .menu {
    margin-bottom: 35px;
}
#overlay .wrap_menu .menu h3 {
    font-size: 16px;
    letter-spacing: 2.0px;
    margin: 0 0 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
}
#overlay .wrap_menu .menu.about, #overlay .wrap_menu .menu.about h3 {
    margin-bottom: 15px;
}
#overlay .wrap_menu .menu ul {
    margin: 0;
    list-style: none;
    font-weight: 400;
    font-size: 13px;
}
#overlay .wrap_menu .menu ul li {
    margin-bottom: 7px;
}
#overlay address {
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 10px;
}
#overlay address img {
    margin-bottom: 5px;
    width: 25px;
}
.bnr_sp {
    display: none;
}
@media screen and ( max-width:767px ), screen and ( max-width:812px ) and ( orientation:landscape ) {
  .bnr_sp {
      display: block;
    width: 86%;
    margin: 20px auto 40px;
  }
  .bnr_sp a {
      display: block;
    margin-bottom: 15px;
  }
.bnr_sp img {
    width: 100%;
}
}

#contents.single {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}

/*STOCKIST*/
#stockist {
    width: 86%;
    max-width: 800px;
    margin: 0px auto 100px;
}
#stockist h2 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 50px 0;
}
#stockist .wrap_shoplist {
    margin-bottom: 60px;
}
#stockist .wrap_shoplist h3 {
    font-size: 16px;
    margin: 0 0 40px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ececec;
    font-weight: 700;
}
#stockist .wrap_shoplist .wrap_col {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#stockist .wrap_shoplist .wrap_col .col_shop {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 40px;
}
#stockist .wrap_shoplist .wrap_col .col_shop:nth-child(2n) {
    margin-right: 0;
}
#stockist .wrap_shoplist .wrap_col .col_shop .shopname {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    letter-spacing: 1.5px;
}
#stockist .wrap_shoplist .wrap_col .col_shop > p {
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}
#stockist .wrap_shoplist .wrap_col .col_shop .eclink {
    text-decoration: underline;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 400;
    line-height: 1.6;
}
@media screen and ( max-width:812px ) {
    #stockist {
        margin: 0px auto 30px;
    }
    #stockist h2 {
        margin: 0 0 40px 0;
    }
    #stockist .wrap_shoplist {
        margin-bottom: 30px;
    }
    #stockist .wrap_shoplist h3 {
        margin: 0 0 30px;
        padding: 0 0 10px;
    }
    #stockist .wrap_shoplist .wrap_col .col_shop {
        margin-bottom: 30px;
    }
    #stockist .wrap_shoplist .wrap_col .col_shop .shopname {
        font-size: 14px;
        margin-bottom: 5px;
    }
    #stockist .wrap_shoplist .wrap_col .col_shop > p,
    #stockist .wrap_shoplist .wrap_col .col_shop .eclink {
        font-size: 12px;
    }
}
@media screen and ( max-width:767px ), screen and ( max-width:812px ) and ( orientation:landscape ) {
    #stockist {
        margin: 0px auto;
    }
    #stockist h2 {
        margin: 0 0 30px 0;
    }
    #stockist .wrap_shoplist {
        margin-bottom: 20px;
    }
    #stockist .wrap_shoplist h3 {
        margin: 0 0 25px;
    }
    #stockist .wrap_shoplist .wrap_col .col_shop {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
}

/*ABOUT*/
#about {
    margin: -80px auto 100px;
    word-break: break-word;
}
#about .main_about {
    position: relative;
    text-align: center;
    color: #fff;
    margin-bottom: 25px;
}
#about .main_about .tit_about {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 86%;
}
#about .main_about .tit_about .cat {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.6px;
    margin: 0;
}
#about .main_about .tit_about .en {
    font-size: 32px;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 1.5px;
    margin: 35px 0;
}
#about .main_about .tit_about .en span {
	font-size: 30px;
    letter-spacing: 3.0px;
    font-weight: 700;
}
#about .main_about .tit_about .jp {
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}
#about .wrap_2col {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}
#about .wrap_2col.reverse {
    flex-direction: row-reverse;
}
#about .wrap_2col .photo {
    width: 50%;
}
#about .wrap_2col .photo .ofi {
    transform-style: initial;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
}
#about .wrap_2col .text {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 50%;
    padding: 60px;
    box-sizing: border-box;
}
#about .wrap_2col .text > div {
    margin: 0 auto;
}
#about .wrap_2col .text > div h3 {
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 40px;
}
#about .wrap_2col .text > div .txt {
    font-size: 14px;
    letter-spacing: 0.2px;
    font-weight: 400;
    line-height: 1.8;
    margin: 0;
}
#about .silk_photo {
    position: relative;
}
#about .silk_photo h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    color: #fff;
    font-size: 30px;
    letter-spacing: 3.0px;
    font-weight: 700;
    text-align: center;
}
#about .silk_photo h3 span {
    font-size: 14px;
    font-weight: normal;
    display: block;
    letter-spacing: 0.5px;
    margin-top: 20px;
}
#about .silk_txt {
    width: 86%;
    max-width: 1000px;
    margin: 100px auto 0;
}
#about .silk_txt .wrap_silktxt {
    letter-spacing: 0;
    font-size: 0;
}
#about .silk_txt .wrap_silktxt > p {
    width: 47%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    letter-spacing: 0.2px;
    font-weight: 400;
    line-height: 1.8;
}
#about .silk_txt .wrap_silktxt > p:first-child {
    margin: 0 6% 0 0;
}
#about .silk_txt hr {
    width: 80px;
    margin: 60px 0;
    border-top: 1px solid #ececec;
}
#about .silk_txt h3 {
    display: none;
}
@media screen and ( max-width:812px ) {
    #about {
        margin: -45px auto 60px;
    }
    #about .main_about, #about .wrap_2col {
        margin-bottom: 15px;
    }
    #about .main_about .tit_about .cat {
        font-size: 14px;
    }
	#about .main_about .tit_about .en {
        font-size: 22px;
        margin: 25px 0;
    }
    #about .main_about .tit_about .en span {
        font-size: 24px;
    }
  #about .main_about .tit_about .jp {
        font-size: 13px;
    }
    #about .wrap_2col .text {
        padding: 50px;
    }
    #about .wrap_2col .text > div h3 {
        font-size: 16px;
        margin: 0 0 20px;
    }
    #about .wrap_2col .text > div .txt {
        font-size: 12px;
        line-height: 1.7;
    }
    #about .wrap_2col .text > div .txt br.pc_only {
        display: none;
    }
	#about .silk_photo h3 {
        font-size: 24px;
    }
    #about .silk_photo h3 span {
        margin-top: 15px;
    }
    #about .silk_txt {
        margin: 50px auto 0;
    }
    #about .silk_txt .wrap_silktxt > p {
        font-size: 12px;
        line-height: 1.7;
    }
    #about .silk_txt hr {
        width: 80px;
        margin: 40px 0;
        border-top: 1px solid #ececec;
    }
}
@media screen and ( max-width:767px ), screen and ( max-width:812px ) and ( orientation:landscape ) {
    #about {
        margin: -35px auto 30px;
    }
    #about .main_about, #about .wrap_2col {
        margin-bottom: 0;
    }
    #about .main_about .tit_about {
        width: 86%;
    }
    #about .main_about .tit_about .cat {
        font-size: 11px;
    }
    #about .main_about .tit_about .en {
        font-size: 18px;
        line-height: 1.5;
        font-weight: 500;
        margin: 20px 0 25px;
    }
    #about .main_about .tit_about .jp {
        font-size: 12px;
        line-height: 1.6;
    }
    #about .wrap_2col {
        width: 100%;
        display: block;
        margin: 35px auto 0;
    }
    #about .wrap_2col .text {
        padding: 0;
        width: 80%;
        margin: 0 auto 35px;
    }
    #about .wrap_2col .photo {
        width: 100%;
    }
    #about .silk_photo {
        display: none;
    }
    #about .silk_txt {
        margin: 35px auto 0;
        width: 80%;
    }
    #about .silk_txt .wrap_silktxt > p {
        margin: 0 0 20px 0;
        width: 100%;
    }
    #about .silk_txt .wrap_silktxt > p:first-child {
        margin: 0 0 20px 0;
    }
    #about .silk_txt hr {
        margin: 15px 0 35px;
    }
    #about .silk_txt h3 {
        display: block;
        font-size: 16px;
        margin: 0 0 20px;
        font-weight: 700;
    }
}
@media screen and ( max-width:450px ) {
    #about .main_about .tit_about .en br {
        display:none;
    }
}


/* FABRICS */

.fabrics {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.fabrics .tit p.img {
    margin-bottom: 70px;
}
.fabrics .tit h2 {
    text-align: center;
    font-size: 42px;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 1.0;
    margin: 0 0 70px;
}
.fabrics .tit h2 span {
    display: block;
    font-size: 24px;
    letter-spacing: 2px;
    margin-top: 30px;
}
.fabrics .tit p.intro {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 600;
}
.fabrics .col_fab {
    margin-top: 100px;
    padding-top: 100px;
    border-top: 1px solid #ccc;
}
.fabrics .col_fab:last-child {
    margin-bottom: 100px;
}
.fabrics .col_fab h3 {
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    margin: 0 0 80px;
}
.fabrics .col_fab h3 span {
    font-size: 16px;
    font-weight: normal;
    display: block;
    margin-top: 25px;
}
.fabrics .col_fab .txt {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 70px;
}
.fabrics .col_fab .img {
    margin-bottom: 70px;
}
.fabrics .col_fab .link a {
    color: #888888;
    text-decoration: underline;
    font-size: 16px;
}
@media screen and ( max-width:812px ) {
    .fabrics {
        margin-top: -45px;
    }
    .fabrics .tit p.img {
        margin-bottom: 40px;
    }
  	.fabrics .tit h2 {
        font-size: 24px;
        letter-spacing: 3px;
        margin: 0 0 35px;
    }
    .fabrics .tit h2 span {
        font-size: 16px;
        margin-top: 15px;
    }
    .fabrics .tit p.intro {
        font-size: 13px;
        margin: 0 auto;
        width: 86%;
    }
    .fabrics .col_fab {
        margin-top: 50px;
        padding-top: 50px;
    }
    .fabrics .col_fab h3 {
        font-size: 20px;
        margin: 0 auto 55px;
        width: 86%;
    }
    .fabrics .col_fab h3 span {
        font-size: 13px;
        margin-top: 15px;
    }
    .fabrics .col_fab .txt {
        font-size: 14px;
        width: 86%;
        margin: 0 auto 50px;
    }
    .fabrics .col_fab .img {
        margin: 0 auto 50px;
        width: 86%;
    }
    .fabrics .col_fab .link {
        width: 86%;
        margin: 0 auto;
        text-align: center;
    }
    .fabrics .col_fab .link a {
        font-size: 13px;
        letter-spacing: 0.5px;
    }
}
@media screen and ( max-width:767px ), screen and ( max-width:812px ) and ( orientation:landscape ) {
    .fabrics {
        margin-top: -35px;
    }
}
@media screen and ( min-width:813px ) {
    .fabrics .col_fab h3 br {
        display: none;
    }
}

/* REVIEW */
.fabrics.review {
    margin: 0 auto 120px;
}
.fabrics.review .tit {
    margin-bottom: 100px;
}
.fabrics.review .tit p.img {
    margin-bottom: 120px;
}
.fabrics.review .col_review {
    margin-top: 60px;
    padding: 50px 60px 60px;
    background: #F7F7F7;
}
.fabrics.review .col_review h3 {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #2FB8BD;
    margin: 0 0 50px;
}
.fabrics.review .col_review dl {
    margin: 0 0 50px;
    overflow: hidden;
    font-size: 16px;
}
.fabrics.review .col_review dl dt {
    float: left;
    width: 2.5em;
    line-height: 1.8;
}
.fabrics.review .col_review dl dd {
    float: right;
    width: calc(100% - 2.5em);
    margin: 0;
    line-height: 1.8;
}
.fabrics.review .col_review dl dd a {
    text-decoration: underline;
}
.fabrics.review .col_review .img {
    margin: 0 auto 60px;
    max-width: 560px;
    width: 100%;
}
.fabrics.review .col_review h4 {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #2FB8BD;
}
.fabrics.review .col_review ul li {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
}
@media screen and ( max-width:812px ) {
.fabrics.review {
    margin: 5px auto 60px;
}
.fabrics.review .tit p.img {
    width: 86%;
    margin: 0 auto 60px;
}
.fabrics.review .tit {
    margin-bottom: 60px;
}
.fabrics.review .col_review {
    width: 86%;
    box-sizing: border-box;
    margin: 45px auto 0;
    padding: 45px 50px 50px;
}
.fabrics.review .col_review h3 {
    font-size: 18px;
    margin: 0 0 45px;
}
.fabrics.review .col_review dl {
    margin: 0 0 35px;
    font-size: 14px;
}
.fabrics.review .col_review .img {
    margin: 0 auto 50px;
    width: 80%;
}
.fabrics.review .col_review h4 {
    font-size: 14px;
}
.fabrics.review .col_review ul li {
    font-size: 14px;
    margin-bottom: 10px;
}
}
@media screen and ( max-width:767px ), screen and ( max-width:812px ) and ( orientation:landscape ) {
.fabrics.review {
    margin: -10px auto 20px;
}
.fabrics.review .tit p.img {
    margin: 0 auto 45px;
}
.fabrics.review .tit {
    margin-bottom: 45px;
}
.fabrics.review .col_review {
    margin: 30px auto 0;
    padding: 25px 20px;
    background: #F7F7F7;
}
.fabrics.review .col_review h3 {
    font-size: 15px;
    margin: 0 0 20px;
}
.fabrics.review .col_review dl {
    margin: 0 0 20px;
    font-size: 13px;
}
.fabrics.review .col_review .img {
    margin: 0 auto 30px;
    width: 100%;
}
.fabrics.review .col_review h4 {
    font-size: 13px;
}
.fabrics.review .col_review ul li {
    font-size: 13px;
    margin-bottom: 10px;
}
}