@charset "UTF-8";

/* ページ内ナビ */
.wj-anchorNavi {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.wj-anchorNavi li {
  margin: 0 5px 5px 0;
  flex-shrink: 0;
  font-size: 13px;
  line-height: 1.1;
}
.wj-anchorNavi li a {
  border: #CCC dotted 1px;
  display: block;
  padding: 7px 9px 4px 20px;
  position: relative;
}
.wj-anchorNavi li a::before {
  content: "▽";
  display: block;
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 5px;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 0.8em;
}
.wj-anchorNavi li a:hover {
  border: #999 dotted 1px;
  text-decoration: none;
}

/* 段落、見出しフォーマット */
.wj-section {
  margin: 0 0 60px;
  padding: 0;
}

.wj-section p {
  padding: 0;
  margin: 0 0 20px;
  line-height: 1.75;
}

.wj-section img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
  vertical-align: top;
}

.wj-heading_01 {
  font-weight: bold;
  font-size: 14px;
  margin: 0 10px 10px 0;
}

.wj-heading_02 {
  border-bottom: #555 solid 2px;
  font-weight: bold;
  font-size: 13px;
  margin: 2.5em 0 1.5em 0;
  padding: 0 0 5px 0;
}

.wj-heading_03 {
  margin: 1em 0 1em 0;
  padding: 0 0 0 1.1em;
  font-size: 13px;
  font-weight: bold;
  position: relative;
}
.wj-heading_03::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  margin: auto;
  width: 0.8em;
  height: 0.8em;
  background: #28282c;
}

.wj-heading_04 {
  background: #f6f6f6;
  margin: 2.5em 0 20px;
  padding: 8px 10px 6px;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.2;
}

/* 画像 */
.wj-figure_01 {
  text-align: center;
}
.wj-figure_01 figcaption {
  font-size: 10px;
  display: inline-block;
  line-height: 1.5;
}
a.wj-linkLine {
  text-decoration: underline;
}
a.wj-linkLine:hover {
  text-decoration: none;
}

/* リスト */
.wj-list_01 {
  margin: 0 0 1.5em 0px;
}
.wj-list_01 li {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.5;
  margin-bottom: 0.3em;
}
.wj-list_01 li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0.3em;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #28282c;
}

/* テーブル */
.wj-table_01 {
	line-height: 1.5;
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #ddd;
  margin: 0 0 30px;
  font-size: 12px;
}
.wj-table_01 th,
.wj-table_01 td {
  border-bottom: dotted 1px #CCC;
  background: #FFF;
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  padding: 8px 10px 8px;
}
.wj-table_01 th {
  background: #f3f3f3;
  width: 180px;
}

/* その他調整 */
.wj-alignCenter {
  text-align: center;
}
.wj-alignRight {
  text-align: right;
}

/* 商品ページ フリー
-------------------------------------------- */
.wj-item_content {
  margin-bottom: 60px;
}

.wj-item_content h1 {
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-weight: 400;
  font-size: 21px;
  letter-spacing: 0.08em;
  margin: 0 0 50px 0;
}

.wj-item_content h1:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px 0 25px;
  background: #28282c;
}

.wj-item_content p.cate_p {
  line-height: 1.7;
}

.pageTitle {
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-weight: 400;
  font-size: 21px;
  letter-spacing: 0.08em;
  border: none;
}

.pageTitle:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px 0 25px;
  background: #28282c;
}

.pager {
  margin: 30px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #28282c;
}

.CrossHead {
  border-bottom: 1px solid #DDDDDD;
}





.item #main img {
  max-width: 100%;
  height: auto;
}

.item #main section {
  padding: 60px 0 90px;
  text-align: center;
}

.item #main section small {
  font-size: 11px;
}

.item #main section h2 {
  margin: 0;
  padding-bottom: 20px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.07em;
}

.item #main section p {
  font-size: 13px;
  line-height: 1.8;
}

.item #feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 590px;
  margin: 0 auto 90px;
  padding: 30px 0 30px 60px;
  border-top: 1px solid #28282c;
  border-bottom: 1px solid #28282c;
}

.item #feature section {
  padding: 10px 0 0 40px;
}

.item #feature section small {
  font-size: 11px;
}

.item #feature section h3 {
  padding: 15px 0 20px 5px;
  font-size: 12px;
  font-family: "Gotham", "游ゴシック Medium", "Yu Gothic Medium", YuGothic;
  font-weight: 400;
}

.item #feature section h3 span {
  font-size: 17px;
}

.item #feature section dl dt {
  float: left;
  clear: left;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 15px;
}

.item #feature section dl dd {
  padding-left: 20px;
  font-size: 13px;
  line-height: 1.8;
}

.item #handmade {
  position: relative;
  width: 100%;
  margin-bottom: 80px;
  text-align: center;
  background: #28282c;
  color: #fff;
}

.item #handmade .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../../images/lp/bg_lp01.jpg) no-repeat center center;
  background-size: cover;
  opacity: 0.2;
}

.item #handmade .text {
  position: relative;
  z-index: 10;
  padding: 100px 0;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

.item #handmade .text h3 {
  margin: 0;
  padding-bottom: 30px;
  font-size: 26px;
  font-weight: 400;
}

.item #handmade .text p {
  line-height: 2.3;
}

.item #wear section {
  padding-bottom: 60px;
}

.item #wear section h3 {
  margin: 0;
  padding-bottom: 20px;
  font-size: 12px;
  font-weight: 400;
}

.item #wear section .block {
  padding-bottom: 20px;
  line-height: 0;
}

.item #wear section .block img {
  max-width: 100%;
  height: auto;
}

.item #wear section .block .left {
  width: 372px;
}

.item #wear section .block .right {
  width: 372px;
}

.item #wear section .block.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.item #wear section .desc {
  padding-top: 5px;
  font-size: 12px;
  line-height: 1.8;
}

.item #movie {
  padding: 20px 0 60px;
  text-align: center;
}

.item #movie h3 {
  padding-bottom: 30px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.07em;
}

.item #movie video {
  width: 100%;
  height: auto;
}

.item #movie p {
  margin: 20px 0 0 0;
  text-align: left;
  font-size: 11px;
}

.item #detail {
  padding: 20px 0 40px;
  text-align: center;
}

.item #detail h3 {
  padding-bottom: 30px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.07em;
}

.item #detail ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 60px;
}

.item #detail ul li {
  width: 248px;
  padding: 0;
}

.item #detail ul li img {
  max-width: 100%;
  height: auto;
}

.item #detail #howto {
  margin-bottom: 30px;
}

.item #detail #howto button {
  display: block;
  width: 590px;
  margin: 0 auto;
  padding: 18px 30px;
  text-align: left;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 16px;
  color: #fff;
  background: url(../../images/item/ico_arrow.png) #28282c no-repeat right 30px center;
  background-size: 10px;
  border: none;
  cursor: pointer;
  outline: 0;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.item #detail #howto button:hover {
  opacity: 0.7;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.item #detail #howto button p small {
  display: inline-block;
  position: relative;
  top: -2px;
  padding-left: 20px;
  font-size: 12px;
  letter-spacing: 0.09em;
}

.item #detail #howto .howto-image {
  display: none;
  margin-top: 30px;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

.item #detail #howto .howto-image.fade {
  opacity: 1;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

.item #detail #spec {
  padding: 30px;
  text-align: left;
  font-size: 11px;
  line-height: 1.8;
  letter-spacing: 0.03em;
  background: #f7f7f7;
}

dl.pull dt {
  padding: 10px 0;
  position: relative;
  border-bottom:1px solid #eee;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

dl.pull dd {
  background: #fff;
  font-size: 11px;
  line-height: 1.8;
}

dl.pull dd > div {
  margin: 10px 0 50px;
}

.simplelink {
  width:300px;
  border: solid 3px #eee;
  padding:10px 20px;
  margin:10px 0 30px;
  display:inline-block;
  text-align:center;
  font-size: 12px;
}

.simplelink:hover {
  background: #eee;
}

.woje-icon {
  position:absolute;
  right: 10px;
  width: 12px;
  height: 12px;
  top: 20px;
}

.woje-icon span {
  position:absolute;
  width: 100%;
  height:1px;
  background-color:#28282c;
  opacity:1;
  transition:all 0.5s ease-in 0s;
}

.woje-icon span:first-child {
  transform: rotate(0deg);
}

.woje-icon span:last-child {
  transform: rotate(90deg);
}

.woje-icon.active span:first-child {
  opacity:0;
}

.woje-icon.active span:last-child {
  transform: rotate(180deg);
}

.woje-pull-contents {
  max-height:0px;
  opacity:0;
  box-sizing:border-box;
  transition:all 0.5s ease-in 0s;
  visibility:hidden;
}

.woje-pull-contents img {
  width:70%;
  margin:0 30% 0 0;
}

.woje-pull-contents.active {
  opacity:1;
  max-height:1000px;
  visibility:visible;
}



.category #title {
  padding: 80px 0 120px;
  text-align: center;
}

.category #title h2 {
  margin: 0;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 28px;
  font-weight: 400;
}

.category #title p {
  padding-top: 5px;
  font-size: 13px;
}

.category #copy {
  position: relative;
  height: 475px;
  background: url(../../images/category/bg_np01.jpg) no-repeat;
  background-size: cover;
}

.category #copy .overlay {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
}

.category #copy .overlay .inner {
  position: absolute;
  top: 50%;
  left: 50px;
  margin-top: -135px;
}

.category #copy .overlay .inner h3 {
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 23px;
  font-weight: 400;
}

.category #copy .overlay .inner h3:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px 0 25px;
  background: #28282c;
}

.category #copy .overlay .inner p {
  line-height: 1.9;
  padding-bottom: 15px;
}

.category #copy .overlay .inner p:nth-of-type(2) {
  padding-bottom: 20px;
}

.category #copy .overlay .inner button {
  display: inline-block;
  padding: 8px 22px 7px;
  font-size: 12px;
  color: #fff;
  background: rgba(40, 40, 44, 0.88);
  border-radius: 18px;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
  outline: 0;
  border: 0;
  font-family: "Gotham", '游ゴシック Medium', 'Yu Gothic Medium', YuGothic, -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
  letter-spacing: 0.075em;
  line-height: 1.5;
  cursor: pointer;
}

.category #copy .overlay .inner button:hover {
  color: #5e5e61;
  background: rgba(255, 255, 255, 0.88);
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
}

.category #copy .overlay .inner button:hover a {
  color: #28282c;
}

.category #copy .overlay .inner button a {
  color: #fff;
}

.category #about-np {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 590px;
  margin: 0 auto;
  padding: 70px 0 70px 30px;
}

.category #about-np section {
  padding-left: 40px;
}

.category #about-np section small {
  font-size: 11px;
}

.category #about-np section h3 {
  padding: 3px 0 10px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 21px;
  font-weight: 400;
}

.category #about-np section h3:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px 0 15px;
  background: #28282c;
}

.category #about-np section p {
  line-height: 1.9;
}

.category #recommend {
  padding: 40px;
  background: #f5f1ea;
}

.category #recommend small {
  font-size: 11px;
}

.category #recommend h3 {
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 20px;
  font-weight: 400;
}

.category #recommend h3:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px 0;
  background: #28282c;
}

.category #recommend ul {
  font-size: 13px;
  list-style: none;
  line-height: 1.9;
}

.category #four {
  padding: 80px 0;
}

.category #four h3 {
  padding-bottom: 10px;
  text-align: center;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.09em;
}

.category #four h3 span {
  display: inline-block;
  padding: 0 5px;
  font-size: 50px;
  color: #bca36f;
}

.category #four ul {
  list-style: none;
}

.category #four ul li {
  padding: 50px 50px 60px;
  border-top: 1px solid #28282c;
}

.category #four ul li .text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.category #four ul li .text .num {
  width: 50px;
  height: 50px;
  padding-top: 5px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  background: url(../../images/ico_octagon_w.png) no-repeat;
  background-size: 50px;
}

.category #four ul li .text section {
  padding-left: 25px;
}

.category #four ul li .text small {
  font-size: 11px;
}

.category #four ul li .text h4 {
  margin: 0;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.4;
}

.category #four ul li .text h4 span {
  color: #bca36f;
  font-size: 24px;
}

.category #four ul li .text h4:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px 0;
  background: #28282c;
}

.category #four ul li .text p {
  line-height: 1.9;
}

.category #four ul li#very-light .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0 0 75px;
}

.category #four ul li#very-light .image .left {
  margin-right: 10px;
}

.category #four ul li#very-light .image .right {
  position: relative;
  margin-left: 10px;
}

.category #four ul li#very-light .image .right span {
  position: absolute;
  top: -20px;
  right: -20px;
}

.category #four ul li#non-stress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.category #four ul li#non-stress .image {
  margin-left: 60px;
  text-align: center;
}

.category #four ul li#size-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
}

.category #four ul li#size-change .image {
  padding-top: 30px;
  text-align: right;
}

.category #four ul li#like-pierce .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0 0 75px;
}

.category #four ul li#like-pierce .image .left {
  position: relative;
  margin-right: 10px;
}

.category #four ul li#like-pierce .image .left span {
  position: absolute;
  top: 15px;
  left: 20px;
  color: #fff;
  font-size: 12px;
}

.category #four ul li#like-pierce .image .left p {
  padding-top: 10px;
  text-align: center;
  font-size: 15px;
}

.category #four ul li#like-pierce .image .right {
  position: relative;
  margin-left: 10px;
}

.category #four ul li#like-pierce .image .right span {
  position: absolute;
  top: 15px;
  left: 20px;
  color: #fff;
  font-size: 12px;
}

.category #four ul li#like-pierce .image .right p {
  padding-top: 10px;
  text-align: center;
  font-size: 15px;
  color: #bca36f;
}

.category #four small {
  font-size: 11px;
}

.about #concept {
  text-align: center;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

.about #concept .cover {
  position: relative;
  margin-bottom: 80px;
  background: #28282c;
}

.about #concept .cover .bg {
  width: 100%;
  height: 475px;
  background: url(../../images/about/bg_about01.jpg) no-repeat;
  background-size: cover;
  opacity: 0.9;
  backface-visibility: hidden;
}

.about #concept .cover .inner {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -70px;
  color: #fff;
}

.about #concept .cover .inner small {
  font-size: 16px;
  font-style: italic;
}

.about #concept .cover .inner h2 {
  margin: 0;
  padding-top: 10px;
  font-size: 29px;
  font-weight: 400;
}

.about #concept p {
  padding-bottom: 25px;
  font-size: 15px;
  line-height: 1.9;
}

.about #special {
  padding: 80px 0 0;
}

.about #special h3 {
  margin-bottom: 30px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 28px;
  font-weight: 400;
  text-align: center;
}

.about #special h3 span {
  position: relative;
  top: 6px;
  overflow: hidden;
  display: inline-block;
  width: 89px;
  height: 28px;
  margin-right: 6px;
  background: url(../../images/logo_b.png) no-repeat center center;
  background-size: 89px;
  text-indent: 100%;
  white-space: nowrap;
}

.about #special ul {
  border-top: 1px solid #28282c;
  list-style: none;
}

.about #special ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 40px;
  border-bottom: 1px solid #28282c;
}

.about #special ul li .text {
  padding-left: 40px;
}

.about #special ul li .text h4 {
  margin: 0;
  padding-bottom: 10px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 19px;
  font-weight: 400;
}

.about #special ul li .text h4 span {
  font-size: 24px;
  color: #bca36f;
}

.about #special ul li .text p {
  line-height: 1.8;
}

.gift .cover {
  position: relative;
  width: 100%;
  height: 480px;
  max-width: 1024px;
  margin: 0 auto;
}

.gift .cover .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../images/gift/pic_gift01.jpg) no-repeat center center;
  background-size: cover;
}

.gift .cover .text {
  position: absolute;
  top: 60%;
  width: 100%;
  margin-top: -40px;
  text-align: center;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  color: #fff;
}

.gift .cover .text small {
  font-size: 16px;
  font-style: italic;
}

.gift .cover .text h2 {
  margin: 0;
  padding-top: 5px;
  font-size: 32px;
  font-weight: 400;
}

.gift #shipping {
  padding-top: 60px;
}

.gift #shipping .title {
  margin-bottom: 40px;
  padding-bottom: 12px;
  border-bottom: 1px solid #28282c;
}

.gift #shipping .title .num {
  display: inline-block;
  width: 42px;
  height: 42px;
  padding: 5px 0 0 2px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  background: url(../../images/ico_octagon_w.png) no-repeat;
  background-size: 42px;
}

.gift #shipping .title h3 {
  display: inline-block;
  padding-left: 13px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 21px;
  font-weight: 400;
}

.gift #shipping .title h3 small {
  font-size: 12px;
}

.gift #shipping .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.gift #shipping .column ul {
  padding-left: 60px;
  font-size: 15px;
  line-height: 2;
}

.gift #byhand {
  padding-top: 60px;
}

.gift #byhand .title {
  margin-bottom: 40px;
  padding-bottom: 12px;
  border-bottom: 1px solid #28282c;
}

.gift #byhand .title .num {
  display: inline-block;
  width: 42px;
  height: 42px;
  padding: 5px 0 0 2px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  background: url(../../images/ico_octagon_w.png) no-repeat;
  background-size: 42px;
}

.gift #byhand .title h3 {
  display: inline-block;
  padding-left: 13px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 21px;
  font-weight: 400;
}

.gift #byhand .title h3 small {
  font-size: 12px;
}

.gift #byhand ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 0 60px 0;
}

.gift #byhand ul li {
  text-align: center;
}

.gift #byhand ul li h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
}

.gift #byhand ul li h4 small {
  font-size: 12px;
}

.gift #byhand ul li h4 span {
  font-weight: 700;
}

.gift #byhand ul li:nth-of-type(2) {
  margin-left: 30px;
  padding-left: 26px;
  background: url(../../images/gift/ico_plus.png) no-repeat left;
  background-size: 16px;
}

.gift #byhand ul li:nth-of-type(3) {
  padding-left: 16px;
  background: url(../../images/gift/ico_plus.png) no-repeat left;
  background-size: 16px;
}

.gift #byhand .note {
  padding: 20px 0;
  background: #f7f7f7;
  text-align: center;
}

.gift #byhand .note span {
  font-weight: 700;
}

.gift #purse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 80px;
  padding: 40px 30px 40px 40px;
  border: 1px solid #28282c;
}

.gift #purse .text {
  width: 50%;
}

.gift #purse .text h3 {
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 19px;
  font-weight: 400;
}

.gift #purse .text h3:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px 0;
  background: #28282c;
}

.gift #purse .text p {
  line-height: 1.9;
}

.gift #purse ul {
  width: 50%;
  text-align: right;
}

.gift #purse ul li {
  display: inline-block;
  padding-left: 10px;
  text-align: center;
}

.gift #purse ul li small {
  display: block;
  padding-top: 5px;
  font-size: 11px;
}

.gift #message-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 40px;
  padding: 40px 30px 40px 40px;
  border: 1px solid #28282c;
}

.gift #message-card .text {
  width: 35%;
}

.gift #message-card .text h3 {
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 19px;
  font-weight: 400;
}

.gift #message-card .text h3:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px 0;
  background: #28282c;
}

.gift #message-card .text p {
  line-height: 1.9;
}

.gift #message-card ul {
  width: 65%;
  text-align: right;
}

.gift #message-card ul li {
  display: inline-block;
  padding-left: 10px;
  text-align: center;
}

.gift #message-card ul li small {
  display: block;
  padding-top: 5px;
  font-size: 11px;
}

.gift .detail {
  padding-top: 60px;
}

.gift .detail section {
  padding-bottom: 40px;
}

.gift .detail section h4 {
  margin: 0;
  padding-bottom: 10px;
}

.gift .detail section p {
  line-height: 1.9;
}

.gift .detail section p a {
  color: #bca36f;
}

.gift .detail .spec {
  padding: 30px;
  font-size: 11px;
  line-height: 1.9;
  background: #f7f7f7;
}

.gift .detail .spec p:nth-of-type(1) {
  padding-bottom: 20px;
}

.lp {
  position: relative;
  left: 50%;
  width: 100vw;
  padding-top: 60px;
  transform: translateX(-50%);
}

.lp .cover {
  position: relative;
  width: 100%;
  height: 630px;
  max-width: 1024px;
  margin: 0 auto;
}

.lp .cover .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../images/lp/pic_lp01.jpg) no-repeat center center;
  background-size: cover;
}

.lp .cover .text {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -50px;
  text-align: center;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

.lp .cover .text span {
  font-size: 16px;
  font-style: italic;
}

.lp .cover .text h2 {
  margin: 0;
  padding-top: 10px;
  font-size: 32px;
  font-weight: 400;
}

.lp #strength {
  position: relative;
  width: 100%;
  height: 700px;
  padding-top: 100px;
}

.lp #strength .bx-wrapper {
  position: absolute !important;
  top: 100px;
  right: 0;
  width: 900px !important;
  height: 600px;
}

.lp #strength .slider li {
  width: 900px !important;
  height: 600px;
}

.lp #strength .slider li:nth-of-type(1) {
  background: url(../../images/lp/pic_slider01.jpg) no-repeat center center;
  background-size: cover;
}

.lp #strength .slider li:nth-of-type(2) {
  background: url(../../images/lp/pic_slider02.jpg) no-repeat center center;
  background-size: cover;
}

.lp #strength .slider li:nth-of-type(3) {
  background: url(../../images/lp/pic_slider03.jpg) no-repeat center center;
  background-size: cover;
}

.lp #strength .text {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding-top: 250px;
}

.lp #strength .text h3 {
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 34px;
  font-weight: 400;
}

.lp #strength .text h3:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px 0 25px;
  background: #28282c;
}

.lp #strength .text p {
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 1.9;
}

.lp #handmade {
  position: relative;
  width: 100%;
  margin-top: 140px;
  text-align: center;
  background: #28282c;
  color: #fff;
}

.lp #handmade .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../../images/lp/bg_lp01.jpg) no-repeat center center;
  background-size: cover;
  opacity: 0.2;
}

.lp #handmade .text {
  position: relative;
  z-index: 10;
  padding: 120px 0;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

.lp #handmade .text h3 {
  padding-bottom: 30px;
  font-size: 32px;
  font-weight: 400;
}

.lp #handmade .text p {
  font-size: 14px;
  line-height: 2.3;
}

.lp #three {
  height: 1100px;
  padding-top: 120px;
}

.lp #three ul {
  position: relative;
  width: 1024px;
  margin: 0 auto;
}

.lp #three ul li {
  position: absolute;
}

.lp #three ul li .text {
  position: absolute;
  z-index: 10;
  width: 100%;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
}

.lp #three ul li .text span {
  font-size: 14px;
}

.lp #three ul li .text h4 {
  margin: 0;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.085em;
}

.lp #three ul li .text h4:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px 0 25px;
  background: #28282c;
}

.lp #three ul li .text p {
  font-size: 17px;
  line-height: 2.1;
}

.lp #three ul li.dignity .text {
  top: 140px;
  left: 280px;
}

.lp #three ul li.variable {
  top: 250px;
  left: 600px;
}

.lp #three ul li.variable .text {
  top: -150px;
  left: 200px;
}

.lp #three ul li.comfort {
  top: 550px;
  left: 150px;
}

.lp #three ul li.comfort .text {
  top: 140px;
  left: 450px;
}

.lp #lineup-woje {
  margin: 50px 0 0 0;
  padding: 100px 0;
  background: #f7f7f7;
}

.lp #lineup-woje .inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

.lp #lineup-woje .title {
  text-align: center;
}

.lp #lineup-woje .title h3 {
  display: inline-block;
  width: 100px;
  height: 29px;
  background: url(../../images/logo_b.png) no-repeat;
  background-size: 100px;
}

.lp #lineup-woje .title h3 span {
  display: none;
}

.lp #lineup-woje .title p:before {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px auto 25px;
  background: #28282c;
}

.lp #lineup-woje ul {
  overflow: hidden;
  padding-top: 80px;
}

.lp #lineup-woje ul li {
  width: 328px;
  float: left;
  margin: 0 20px 30px 0;
}

.lp #lineup-woje ul li:nth-child(3n) {
  margin-right: 0;
}

.lp #lineup-woje ul li .thumb {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.lp #lineup-woje ul li .thumb img {
  max-width: 100%;
  height: auto;
}

.lp #lineup-woje ul li .thumb:hover {
  opacity: 0.8;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.lp #lineup-woje ul li h4 {
  margin: 0;
  padding-top: 10px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 17px;
  font-weight: 400;
}

.lp #lineup-woje ul li small {
  font-size: 11px;
}

.lp #lineup-voute {
  padding: 120px 0 100px;
  background: #f7f7f7;
}

.lp #lineup-voute .inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

.lp #lineup-voute .title {
  text-align: center;
}

.lp #lineup-voute .title h3 {
  display: inline-block;
  width: 120px;
  height: 20px;
  background: url(../../images/lp/logo_voute.png) no-repeat;
  background-size: 120px;
}

.lp #lineup-voute .title h3 span {
  display: none;
}

.lp #lineup-voute .title p:before {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px auto 25px;
  background: #28282c;
}

.lp #lineup-voute ul {
  overflow: hidden;
  padding-top: 80px;
}

.lp #lineup-voute ul li {
  width: 328px;
  float: left;
  margin: 0 20px 30px 0;
}

.lp #lineup-voute ul li:nth-child(3n) {
  margin-right: 0;
}

.lp #lineup-voute ul li .thumb {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.lp #lineup-voute ul li .thumb img {
  max-width: 100%;
  height: auto;
}

.lp #lineup-voute ul li .thumb:hover {
  opacity: 0.9;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.lp #lineup-voute ul li h4 {
  margin: 0;
  padding-top: 10px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 17px;
  font-weight: 400;
}

.lp #lineup-voute ul li small {
  font-size: 11px;
}

.lp #gift-wrapping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 80px 0 0;
}

.lp #gift-wrapping .text {
  padding-top: 50px;
}

.lp #gift-wrapping .text span {
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 19px;
}

.lp #gift-wrapping .text h4 {
  margin: 0;
  margin-left: -5px;
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", serif;
  font-size: 30px;
  font-weight: 400;
}

.lp #gift-wrapping .text h4:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 20px 0 25px;
  background: #28282c;
}

.lp #gift-wrapping .text p {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 2.0;
}

.lp #gift-wrapping .text button {
  outline: 0;
  border: 0;
  padding: 0;
  background: none;
}

.lp #gift-wrapping .text button a {
  display: inline-block;
  padding: 8px 22px 7px;
  font-size: 12px;
  color: #fff;
  background: rgba(40, 40, 44, 0.88);
  border-radius: 18px;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
  font-family: "Gotham", '游ゴシック Medium', 'Yu Gothic Medium', YuGothic, -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
  letter-spacing: 0.075em;
  line-height: 1.5;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.lp #gift-wrapping .text button a:hover {
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

/* CSS Document */

/*FAQ*/
.faqs {
  margin: 15px 15px 30px;
}

.faqs dt {
  font-weight: bold;
  padding: 3px 0 5px 20px;
  position: relative;
  font-size: 13px;
}
.faqs dt::before {
  content: "";
  display: block;
  position: absolute;
  background: #ccc;
  width: 12px;
  height: 12px;
  top: 6px;
  left: 0;
  border-radius: 50%;
}
.faqs dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 3px;
  width: 4px;
  height: 4px;
  border: solid 3px transparent;
  border-top: solid 4px #fff;
  transform: scaleX(0.8) translateY(0.5px);
}

.faqs dt:hover {
  cursor: pointer;
}

.faqs dd {
  padding: 0 0 0 10px;
  margin: 10px 0 20px 0;
  position: relative;
  font-size: 12px;
}

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

/*サイトマップ*/
.sitemap h2 {
  border-bottom: #CCC dotted 1px;
  font-weight: bold;
  font-size: 13px;
  margin: 30px 0 10px 0;
  padding: 5px 10px 3px 10px;
}

.sitemap ul li {
  margin: 0 0 0 15px;
  background: url(../../images/ya.png) no-repeat 0 6px;
  padding: 0 0 0 10px;
}

/* イヤリングを落とさないコツ */
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wj-howtouse_img {
  width: 70%;
  height: auto;
}

/* 試着サービス */

.trial{
  border:2px solid #EEEEEE;
  padding: 10px 20px;
  margin: 0 0 10%;
}

.trial h2{
  font-size:13px;
}

.trial p{
  font-size:12px;
}

.trial a{
  color: #bca36f;
}