@charset "utf-8";
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?rcrfuj");
  src: url("../fonts/icomoon.eot?rcrfuj#iefix") format('embedded-opentype'), url("../fonts/icomoon.ttf?rcrfuj") format('truetype'), url("../fonts/icomoon.woff?rcrfuj") format('woff'), url("../fonts/icomoon.svg?rcrfuj#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]),
[hidden] {
  display: none;
}
body {
  font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  color: #000;
}
a {
  color: #4c4c4c;
}

input,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.icon-left-icon-cloth:before {
  font-family: icomoon;
  content: '\e900';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-cloth:after {
  font-family: icomoon;
  content: '\e900';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-sewingTool:before {
  font-family: icomoon;
  content: '\e901';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-sewingTool:after {
  font-family: icomoon;
  content: '\e901';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-sewingMaterial:before {
  font-family: icomoon;
  content: '\e90d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-sewingMaterial:after {
  font-family: icomoon;
  content: '\e90d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-sewingMachine:before {
  font-family: icomoon;
  content: '\e90e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-sewingMachine:after {
  font-family: icomoon;
  content: '\e90e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-embroidery:before {
  font-family: icomoon;
  content: '\e90f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-embroidery:after {
  font-family: icomoon;
  content: '\e90f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-leather:before {
  font-family: icomoon;
  content: '\e910';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-leather:after {
  font-family: icomoon;
  content: '\e910';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-flower:before {
  font-family: icomoon;
  content: '\e911';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-flower:after {
  font-family: icomoon;
  content: '\e911';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-patternsBooks:before {
  font-family: icomoon;
  content: '\e912';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-patternsBooks:after {
  font-family: icomoon;
  content: '\e912';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-resinClay:before {
  font-family: icomoon;
  content: '\e913';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-resinClay:after {
  font-family: icomoon;
  content: '\e913';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-silverClay:before {
  font-family: icomoon;
  content: '\e914';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-silverClay:after {
  font-family: icomoon;
  content: '\e914';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-beads:before {
  font-family: icomoon;
  content: '\e915';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-beads:after {
  font-family: icomoon;
  content: '\e915';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-deco:before {
  font-family: icomoon;
  content: '\e916';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-deco:after {
  font-family: icomoon;
  content: '\e916';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-knitting:before {
  font-family: icomoon;
  content: '\e917';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-knitting:after {
  font-family: icomoon;
  content: '\e917';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-variousCrafts:before {
  font-family: icomoon;
  content: '\e918';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-variousCrafts:after {
  font-family: icomoon;
  content: '\e918';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-feltWool:before {
  font-family: icomoon;
  content: '\e903';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-feltWool:after {
  font-family: icomoon;
  content: '\e903';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-japaneseHandicraft:before {
  font-family: icomoon;
  content: '\e91a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-japaneseHandicraft:after {
  font-family: icomoon;
  content: '\e91a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-tolePaint:before {
  font-family: icomoon;
  content: '\e91b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-tolePaint:after {
  font-family: icomoon;
  content: '\e91b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-accessoryBracket:before {
  font-family: icomoon;
  content: '\e91c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-accessoryBracket:after {
  font-family: icomoon;
  content: '\e91c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-naturalStone:before {
  font-family: icomoon;
  content: '\e91d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-naturalStone:after {
  font-family: icomoon;
  content: '\e91d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-saleItems:before {
  font-family: icomoon;
  content: '\e91e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-saleItems:after {
  font-family: icomoon;
  content: '\e91e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-home:before {
  font-family: icomoon;
  content: '\e91f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-home:after {
  font-family: icomoon;
  content: '\e91f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-guide:before {
  font-family: icomoon;
  content: '\e902';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-guide:after {
  font-family: icomoon;
  content: '\e902';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-cart:before {
  font-family: icomoon;
  content: '\e921';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-cart:after {
  font-family: icomoon;
  content: '\e921';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-popular:before {
  font-family: icomoon;
  content: '\e922';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-popular:after {
  font-family: icomoon;
  content: '\e922';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-search:before {
  font-family: icomoon;
  content: '\e923';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-search:after {
  font-family: icomoon;
  content: '\e923';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-category:before {
  font-family: icomoon;
  content: '\e924';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-category:after {
  font-family: icomoon;
  content: '\e924';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-store:before {
  font-family: icomoon;
  content: '\e925';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-store:after {
  font-family: icomoon;
  content: '\e925';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-user:before {
  font-family: icomoon;
  content: '\e926';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-user:after {
  font-family: icomoon;
  content: '\e926';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-blank:before {
  font-family: icomoon;
  content: '\e927';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-blank:after {
  font-family: icomoon;
  content: '\e927';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-fukidashi:before {
  font-family: icomoon;
  content: '\e928';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-fukidashi:after {
  font-family: icomoon;
  content: '\e928';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-login:before {
  font-family: icomoon;
  content: '\e929';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-login:after {
  font-family: icomoon;
  content: '\e929';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-logout:before {
  font-family: icomoon;
  content: '\e92a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-logout:after {
  font-family: icomoon;
  content: '\e92a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-facebook:before {
  font-family: icomoon;
  content: '\e92b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-facebook:after {
  font-family: icomoon;
  content: '\e92b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-twitter:before {
  font-family: icomoon;
  content: '\e92c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-twitter:after {
  font-family: icomoon;
  content: '\e92c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-instagram:before {
  font-family: icomoon;
  content: '\e92d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-instagram:after {
  font-family: icomoon;
  content: '\e92d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-burger:before {
  font-family: icomoon;
  content: '\e92e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-burger:after {
  font-family: icomoon;
  content: '\e92e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-close:before {
  font-family: icomoon;
  content: '\e92f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-close:after {
  font-family: icomoon;
  content: '\e92f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-plus:before {
  font-family: icomoon;
  content: '\e930';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-plus:after {
  font-family: icomoon;
  content: '\e930';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-minus:before {
  font-family: icomoon;
  content: '\e931';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-minus:after {
  font-family: icomoon;
  content: '\e931';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-down:before {
  font-family: icomoon;
  content: '\e932';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-down:after {
  font-family: icomoon;
  content: '\e932';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-right:before {
  font-family: icomoon;
  content: '\e933';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-right:after {
  font-family: icomoon;
  content: '\e933';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-edit:before {
  font-family: icomoon;
  content: '\e904';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-edit:after {
  font-family: icomoon;
  content: '\e904';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-favorite:before {
  font-family: icomoon;
  content: '\e905';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-favorite:after {
  font-family: icomoon;
  content: '\e905';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-history:before {
  font-family: icomoon;
  content: '\e906';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-history:after {
  font-family: icomoon;
  content: '\e906';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-mail:before {
  font-family: icomoon;
  content: '\e907';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-mail:after {
  font-family: icomoon;
  content: '\e907';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-memberno:before {
  font-family: icomoon;
  content: '\e908';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-memberno:after {
  font-family: icomoon;
  content: '\e908';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-present:before {
  font-family: icomoon;
  content: '\e909';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-present:after {
  font-family: icomoon;
  content: '\e909';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-question:before {
  font-family: icomoon;
  content: '\e90a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-question:after {
  font-family: icomoon;
  content: '\e90a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-card:before {
  font-family: icomoon;
  content: '\e90b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-card:after {
  font-family: icomoon;
  content: '\e90b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-clock:before {
  font-family: icomoon;
  content: '\e90c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-clock:after {
  font-family: icomoon;
  content: '\e90c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-point:before {
  font-family: icomoon;
  content: '\e919';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-point:after {
  font-family: icomoon;
  content: '\e919';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-yen:before {
  font-family: icomoon;
  content: '\e920';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-yen:after {
  font-family: icomoon;
  content: '\e920';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-ticket:before {
  font-family: icomoon;
  content: '\e934';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-ticket:after {
  font-family: icomoon;
  content: '\e934';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-campaign_circle:before {
  font-family: icomoon;
  content: '\e935';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-campaign_circle:after {
  font-family: icomoon;
  content: '\e935';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-event:before {
  font-family: icomoon;
  content: '\e936';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-event:after {
  font-family: icomoon;
  content: '\e936';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-flyer:before {
  font-family: icomoon;
  content: '\e937';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-flyer:after {
  font-family: icomoon;
  content: '\e937';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-flyer_circle:before {
  font-family: icomoon;
  content: '\e938';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-flyer_circle:after {
  font-family: icomoon;
  content: '\e938';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-handmadeSupport:before {
  font-family: icomoon;
  content: '\e939';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-handmadeSupport:after {
  font-family: icomoon;
  content: '\e939';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-knitting_circle:before {
  font-family: icomoon;
  content: '\e93a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-knitting_circle:after {
  font-family: icomoon;
  content: '\e93a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-media_circle:before {
  font-family: icomoon;
  content: '\e93b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-media_circle:after {
  font-family: icomoon;
  content: '\e93b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-news_circle:before {
  font-family: icomoon;
  content: '\e93c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-news_circle:after {
  font-family: icomoon;
  content: '\e93c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-notification:before {
  font-family: icomoon;
  content: '\e93d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-notification:after {
  font-family: icomoon;
  content: '\e93d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-productInformation:before {
  font-family: icomoon;
  content: '\e93e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-productInformation:after {
  font-family: icomoon;
  content: '\e93e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-resinClay_circle:before {
  font-family: icomoon;
  content: '\e93f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-resinClay_circle:after {
  font-family: icomoon;
  content: '\e93f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-smartphone:before {
  font-family: icomoon;
  content: '\e940';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-smartphone:after {
  font-family: icomoon;
  content: '\e940';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-store2:before {
  font-family: icomoon;
  content: '\e941';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-store2:after {
  font-family: icomoon;
  content: '\e941';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-workshop:before {
  font-family: icomoon;
  content: '\e942';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-workshop:after {
  font-family: icomoon;
  content: '\e942';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-book:before {
  font-family: icomoon;
  content: '\e943';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-book:after {
  font-family: icomoon;
  content: '\e943';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-movie:before {
  font-family: icomoon;
  content: '\e944';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-movie:after {
  font-family: icomoon;
  content: '\e944';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-members_only:before {
  font-family: icomoon;
  content: '\e945';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-members_only:after {
  font-family: icomoon;
  content: '\e945';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-done:before {
  font-family: icomoon;
  content: '\e946';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-done:after {
  font-family: icomoon;
  content: '\e946';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-twinkle:before {
  font-family: icomoon;
  content: '\e947';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-twinkle:after {
  font-family: icomoon;
  content: '\e947';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-menu_pen:before {
  font-family: icomoon;
  content: '\e948';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-menu_pen:after {
  font-family: icomoon;
  content: '\e948';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-question_circle:before {
  font-family: icomoon;
  content: '\e949';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-question_circle:after {
  font-family: icomoon;
  content: '\e949';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-roll:before {
  font-family: icomoon;
  content: '\e94a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-roll:after {
  font-family: icomoon;
  content: '\e94a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-star:before {
  font-family: icomoon;
  content: '\e94b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-star:after {
  font-family: icomoon;
  content: '\e94b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-beads2:before {
  font-family: icomoon;
  content: '\e94c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-beads2:after {
  font-family: icomoon;
  content: '\e94c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-car:before {
  font-family: icomoon;
  content: '\e94d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-car:after {
  font-family: icomoon;
  content: '\e94d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-clothes:before {
  font-family: icomoon;
  content: '\e94e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-clothes:after {
  font-family: icomoon;
  content: '\e94e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-large_map:before {
  font-family: icomoon;
  content: '\e94f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-large_map:after {
  font-family: icomoon;
  content: '\e94f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-map_app:before {
  font-family: icomoon;
  content: '\e950';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-map_app:after {
  font-family: icomoon;
  content: '\e950';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-night:before {
  font-family: icomoon;
  content: '\e951';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-night:after {
  font-family: icomoon;
  content: '\e951';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-school:before {
  font-family: icomoon;
  content: '\e952';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-school:after {
  font-family: icomoon;
  content: '\e952';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-shop_phone:before {
  font-family: icomoon;
  content: '\e953';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-shop_phone:after {
  font-family: icomoon;
  content: '\e953';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-recruitment:before {
  font-family: icomoon;
  content: '\e954';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-recruitment:after {
  font-family: icomoon;
  content: '\e954';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-clock2:before {
  font-family: icomoon;
  content: '\e955';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-clock2:after {
  font-family: icomoon;
  content: '\e955';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-event2:before {
  font-family: icomoon;
  content: '\e956';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-event2:after {
  font-family: icomoon;
  content: '\e956';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-external:before {
  font-family: icomoon;
  content: '\e957';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-external:after {
  font-family: icomoon;
  content: '\e957';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-event3:before {
  font-family: icomoon;
  content: '\e958';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-event3:after {
  font-family: icomoon;
  content: '\e958';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-cloth_circle:before {
  font-family: icomoon;
  content: '\e959';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-cloth_circle:after {
  font-family: icomoon;
  content: '\e959';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-community:before {
  font-family: icomoon;
  content: '\e95a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-community:after {
  font-family: icomoon;
  content: '\e95a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-fukidashiQ:before {
  font-family: icomoon;
  content: '\e95b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-fukidashiQ:after {
  font-family: icomoon;
  content: '\e95b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-notification2:before {
  font-family: icomoon;
  content: '\e95c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-notification2:after {
  font-family: icomoon;
  content: '\e95c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-event_circle:before {
  font-family: icomoon;
  content: '\e95d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-event_circle:after {
  font-family: icomoon;
  content: '\e95d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-newshop_circle:before {
  font-family: icomoon;
  content: '\e95e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-newshop_circle:after {
  font-family: icomoon;
  content: '\e95e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-beads_circle:before {
  font-family: icomoon;
  content: '\e95f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-beads_circle:after {
  font-family: icomoon;
  content: '\e95f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-handicraft_circle:before {
  font-family: icomoon;
  content: '\e960';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-handicraft_circle:after {
  font-family: icomoon;
  content: '\e960';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-naming_circle:before {
  font-family: icomoon;
  content: '\e961';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-naming_circle:after {
  font-family: icomoon;
  content: '\e961';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-other_circle:before {
  font-family: icomoon;
  content: '\e962';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-other_circle:after {
  font-family: icomoon;
  content: '\e962';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-wappen_circle:before {
  font-family: icomoon;
  content: '\e963';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-wappen_circle:after {
  font-family: icomoon;
  content: '\e963';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-wayosai_circle:before {
  font-family: icomoon;
  content: '\e964';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-wayosai_circle:after {
  font-family: icomoon;
  content: '\e964';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-bridal:before {
  font-family: icomoon;
  content: '\e965';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-bridal:after {
  font-family: icomoon;
  content: '\e965';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-ClothAccessories:before {
  font-family: icomoon;
  content: '\e966';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-ClothAccessories:after {
  font-family: icomoon;
  content: '\e966';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-other:before {
  font-family: icomoon;
  content: '\e967';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-other:after {
  font-family: icomoon;
  content: '\e967';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-paper:before {
  font-family: icomoon;
  content: '\e968';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-paper:after {
  font-family: icomoon;
  content: '\e968';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-patchwork:before {
  font-family: icomoon;
  content: '\e969';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-patchwork:after {
  font-family: icomoon;
  content: '\e969';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-resin:before {
  font-family: icomoon;
  content: '\e96a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-resin:after {
  font-family: icomoon;
  content: '\e96a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-schoolgoods:before {
  font-family: icomoon;
  content: '\e96b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-schoolgoods:after {
  font-family: icomoon;
  content: '\e96b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-sweets:before {
  font-family: icomoon;
  content: '\e96c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-sweets:after {
  font-family: icomoon;
  content: '\e96c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-accessory:before {
  font-family: icomoon;
  content: '\e96d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-accessory:after {
  font-family: icomoon;
  content: '\e96d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-accessoryCircle:before {
  font-family: icomoon;
  content: '\e96e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-accessoryCircle:after {
  font-family: icomoon;
  content: '\e96e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-bridalCircle:before {
  font-family: icomoon;
  content: '\e96f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-bridalCircle:after {
  font-family: icomoon;
  content: '\e96f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-ClothAccessoriesCircle:before {
  font-family: icomoon;
  content: '\e970';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-ClothAccessoriesCircle:after {
  font-family: icomoon;
  content: '\e970';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-decoCircle:before {
  font-family: icomoon;
  content: '\e971';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-decoCircle:after {
  font-family: icomoon;
  content: '\e971';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-embroideryCircle:before {
  font-family: icomoon;
  content: '\e972';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-embroideryCircle:after {
  font-family: icomoon;
  content: '\e972';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-feltWoolCircle:before {
  font-family: icomoon;
  content: '\e973';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-feltWoolCircle:after {
  font-family: icomoon;
  content: '\e973';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-flowerCircle:before {
  font-family: icomoon;
  content: '\e974';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-flowerCircle:after {
  font-family: icomoon;
  content: '\e974';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-japaneseHandicraftCircle:before {
  font-family: icomoon;
  content: '\e975';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-japaneseHandicraftCircle:after {
  font-family: icomoon;
  content: '\e975';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-leatherCIrcle:before {
  font-family: icomoon;
  content: '\e976';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-leatherCIrcle:after {
  font-family: icomoon;
  content: '\e976';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-other_circle2:before {
  font-family: icomoon;
  content: '\e977';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-other_circle2:after {
  font-family: icomoon;
  content: '\e977';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-paperCIrcle:before {
  font-family: icomoon;
  content: '\e978';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-paperCIrcle:after {
  font-family: icomoon;
  content: '\e978';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-patchworkCIrcle:before {
  font-family: icomoon;
  content: '\e979';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-patchworkCIrcle:after {
  font-family: icomoon;
  content: '\e979';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-resinCircle:before {
  font-family: icomoon;
  content: '\e97a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-resinCircle:after {
  font-family: icomoon;
  content: '\e97a';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-schoolgoodsCIrcle:before {
  font-family: icomoon;
  content: '\e97b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-schoolgoodsCIrcle:after {
  font-family: icomoon;
  content: '\e97b';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-sewingToolCircle:before {
  font-family: icomoon;
  content: '\e97c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-sewingToolCircle:after {
  font-family: icomoon;
  content: '\e97c';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-sweetsCIrcle:before {
  font-family: icomoon;
  content: '\e97d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-sweetsCIrcle:after {
  font-family: icomoon;
  content: '\e97d';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-tolePaintCIrcle:before {
  font-family: icomoon;
  content: '\e97e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-tolePaintCIrcle:after {
  font-family: icomoon;
  content: '\e97e';
  font-weight: normal;
  vertical-align: middle;
}
.icon-left-icon-variousCraftsCIrcle:before {
  font-family: icomoon;
  content: '\e97f';
  font-weight: normal;
  vertical-align: middle;
}
.icon-right-icon-variousCraftsCIrcle:after {
  font-family: icomoon;
  content: '\e97f';
  font-weight: normal;
  vertical-align: middle;
}
.cat-resinClay:before {
  font-family: icomoon;
  content: '\e93f';
  font-weight: normal;
}
.cat-resinclay:before {
  font-family: icomoon;
  content: '\e93f';
  font-weight: normal;
}
.cat-campaign:before {
  font-family: icomoon;
  content: '\e935';
  font-weight: normal;
}
.cat-flyer:before {
  font-family: icomoon;
  content: '\e938';
  font-weight: normal;
}
.cat-knitting:before {
  font-family: icomoon;
  content: '\e93a';
  font-weight: normal;
}
.cat-media:before {
  font-family: icomoon;
  content: '\e93b';
  font-weight: normal;
}
.cat-news:before {
  font-family: icomoon;
  content: '\e93c';
  font-weight: normal;
}
.cat-cloth:before {
  font-family: icomoon;
  content: '\e959';
  font-weight: normal;
}
.cat-news_topic:before {
  font-family: icomoon;
  content: '\e93c';
  font-weight: normal;
}
.cat-beads:before {
  font-family: icomoon;
  content: '\e95f';
  font-weight: normal;
}
.cat-wayosai:before {
  font-family: icomoon;
  content: '\e964';
  font-weight: normal;
}
.cat-handicraft:before {
  font-family: icomoon;
  content: '\e960';
  font-weight: normal;
}
.cat-naming:before {
  font-family: icomoon;
  content: '\e961';
  font-weight: normal;
}
.cat-wappen:before {
  font-family: icomoon;
  content: '\e963';
  font-weight: normal;
}
.cat-other:before {
  font-family: icomoon;
  content: '\e962';
  font-weight: normal;
}
.cat-newshop:before {
  font-family: icomoon;
  content: '\e95e';
  font-weight: normal;
}
.cat-sale_info:before {
  font-family: icomoon;
  content: '\e938';
  font-weight: normal;
}
.cat-new_info:before {
  font-family: icomoon;
  content: '\e93c';
  font-weight: normal;
}
.cat-event_info:before {
  font-family: icomoon;
  content: '\e95d';
  font-weight: normal;
}
.cat-media:before {
  font-family: icomoon;
  content: '\e93b';
  font-weight: normal;
}
.cat-sweets:before {
  font-family: icomoon;
  content: '\e97d';
  font-weight: normal;
}
.cat-accessory:before {
  font-family: icomoon;
  content: '\e96e';
  font-weight: normal;
}
.cat-bridal:before {
  font-family: icomoon;
  content: '\e96f';
  font-weight: normal;
}
.cat-schoolgoods:before {
  font-family: icomoon;
  content: '\e97b';
  font-weight: normal;
}
.cat-deco:before {
  font-family: icomoon;
  content: '\e971';
  font-weight: normal;
}
.cat-sewingTool:before {
  font-family: icomoon;
  content: '\e97c';
  font-weight: normal;
}
.cat-flower:before {
  font-family: icomoon;
  content: '\e974';
  font-weight: normal;
}
.cat-tolePaint:before {
  font-family: icomoon;
  content: '\e97e';
  font-weight: normal;
}
.cat-embroidery:before {
  font-family: icomoon;
  content: '\e972';
  font-weight: normal;
}
.cat-variousCrafts:before {
  font-family: icomoon;
  content: '\e97f';
  font-weight: normal;
}
.cat-patchwork:before {
  font-family: icomoon;
  content: '\e979';
  font-weight: normal;
}
.cat-paper:before {
  font-family: icomoon;
  content: '\e978';
  font-weight: normal;
}
.cat-japaneseHandicraft:before {
  font-family: icomoon;
  content: '\e975';
  font-weight: normal;
}
.cat-ClothAccessories:before {
  font-family: icomoon;
  content: '\e970';
  font-weight: normal;
}
.cat-feltWool:before {
  font-family: icomoon;
  content: '\e973';
  font-weight: normal;
}
.cat-resin:before {
  font-family: icomoon;
  content: '\e97a';
  font-weight: normal;
}
.cat-leather:before {
  font-family: icomoon;
  content: '\e976';
  font-weight: normal;
}
.cat2-movie:before {
  font-family: icomoon;
  content: '\e944';
  font-weight: normal;
}
.cat2-book:before {
  font-family: icomoon;
  content: '\e943';
  font-weight: normal;
}
.cat2-productInformation:before {
  font-family: icomoon;
  content: '\e93e';
  font-weight: normal;
}
.cat2-workshop:before {
  font-family: icomoon;
  content: '\e942';
  font-weight: normal;
}
.cat2-notification:before {
  font-family: icomoon;
  content: '\e93d';
  font-weight: normal;
}
.cat2-tripschoolReport:before {
  font-family: icomoon;
  content: '\e958';
  font-weight: normal;
}
.cat2-handmade_recipe:before {
  font-family: icomoon;
  content: '\e943';
  font-weight: normal;
}
.cat2-faq:before {
  font-family: icomoon;
  content: '\e95b';
  font-weight: normal;
}
.cat2-onepoint_lesson:before {
  font-family: icomoon;
  content: '\e944';
  font-weight: normal;
}
.cat2-book_info:before {
  font-family: icomoon;
  content: '\e912';
  font-weight: normal;
}
.cat2-freepaper:before {
  font-family: icomoon;
  content: '\e937';
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  #root {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #root.fixed {
    position: fixed;
  }
  #root >footer {
    position: relative;
  }
  #overlay {
    width: 100%;
    position: fixed;
    display: none;
  }
  #overlay.fixed {
    position: fixed;
    overflow: hidden;
  }
  #overlay.show {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .pc {
    display: none !important;
  }
  .area {
    width: 100%;
    overflow: hidden;
/* 履歴あり＋左カラムなし */
/* 履歴あり＋左カラムあり */
/* 履歴なし＋左カラムあり */
/* 履歴なし＋左カラムなし（1カラム） */
  }
  .area >.wrap {
    padding: 0 15px;
  }
  .area >.wrap >.content {
    width: 100%;
  }
  .area >.wrap.colmun-history {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .area >.wrap.colmun-history >.side {
    display: none;
  }
  .area >.wrap.colmun-history >.content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .area >.wrap.colmun-history >.history {
    display: none !important;
  }
  .area >.wrap.colmun-2-history {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .area >.wrap.colmun-2-history >.side {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .area >.wrap.colmun-2-history >.content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .area >.wrap.colmun-2-history >.history {
    display: none !important;
  }
  .area >.wrap.colmun-2 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .area >.wrap.colmun-2 >.side {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .area >.wrap.colmun-2 >.content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .area >.wrap.colmun-2 >.history {
    display: none !important;
  }
  .area >.wrap.colmun-1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .area >.wrap.colmun-1.noSideSpace {
    padding-left: 0;
    padding-right: 0;
  }
  .area >.wrap.colmun-1 >.side {
    display: none !important;
  }
  .area >.wrap.colmun-1 >.content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .area >.wrap.colmun-1 >.history {
    display: none !important;
  }
  .area.beige {
    background-color: #f5f2e6;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .area.gray {
    background-color: #f7f7f7;
  }
  .area.dotline {
    background-image: -webkit-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -moz-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -o-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -ms-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: linear-gradient(to right, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 7px 1px;
    -moz-background-size: 7px 1px;
    background-size: 7px 1px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .area .articleList1,
  .area .articleList2 {
    padding-top: 41px;
  }
  .area .articleList1 +.btnMore,
  .area .articleList2 +.btnMore {
    margin-top: 33px;
  }
  .area .topFirstArea {
    padding-top: 21px;
    padding-bottom: 47px;
  }
  .area .topFirstArea .articleList1 {
    padding-top: 0;
  }
  .area .topPickupArea {
    padding-top: 21px;
    padding-bottom: 47px;
  }
  .area .topWorkshopArea {
    padding-top: 21px;
    padding-bottom: 47px;
  }
  .area .topHandmadeArea {
    padding-top: 21px;
    padding-bottom: 47px;
  }
  .area .topItemsArea {
    padding-top: 21px;
    padding-bottom: 47px;
  }
  .area .topInformationArea {
    padding-top: 21px;
    padding-bottom: 70px;
  }
  .area .contentWrap-style1 {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
  }
  .bannerList1 {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
  }
  .bannerList1 a {
    text-decoration: none;
  }
  .bannerList1 ul {
    width: 100%;
  }
  .bannerList1 ul >li {
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .bannerList1 ul >li .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .bannerList1 ul >li .text {
    color: #1a1a1a;
    font-size: 11px;
    line-height: 1.4;
    margin-top: 10px;
  }
  .bannerList2 {
    margin: 0 -5px;
  }
  .bannerList2 a {
    text-decoration: none;
  }
  .bannerList2 ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bannerList2 ul >li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 5px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .bannerList2 ul >li .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .bannerList2 ul >li .text {
    color: #4c4c4c;
    font-size: 11px;
    line-height: 1.4;
    margin-top: 5px;
  }
  .breadcrumbList {
    padding: 6px 15px 23px;
  }
  .breadcrumbList ol {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .breadcrumbList ol li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .breadcrumbList ol li a {
    color: #808080;
    font-size: 12px;
    position: relative;
    padding: 5px 0;
    margin-right: 20px;
    text-decoration: none;
  }
  .breadcrumbList ol li a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    font-size: 10px;
    color: #ccc;
    position: absolute;
    top: 50%;
    right: -16px;
    -webkit-transform: translateY(-50%) scale(0.8);
    -moz-transform: translateY(-50%) scale(0.8);
    -o-transform: translateY(-50%) scale(0.8);
    -ms-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
  }
  .breadcrumbList ol li:last-child a:after {
    display: none;
  }
  .btn1 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn1 a {
    display: block;
    background-color: #fff;
    border: 2px solid #ed1350;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn1 a.icon:before {
    color: #ed1350;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn1 a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #ed1350;
    font-size: 11px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn1 a >span {
    color: #ed1350;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn1 a.no-arrow:after {
    content: none;
  }
  .btn2 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn2 a {
    display: block;
    background-color: #414e3d;
    border: 2px solid #414e3d;
    padding: 13px 0 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn2 a.icon:before {
    color: #fff;
    margin-right: 7px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn2 a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn2 a >span {
    color: #fff;
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn2 a.no-arrow:after {
    content: none;
  }
  .btn3 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn3 a {
    display: block;
    background-color: #fff;
    border: 1px solid #161616;
    padding: 13px 0 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn3 a.icon:before {
    color: #161616;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn3 a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #161616;
    font-size: 11px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn3 a >span {
    color: #161616;
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn4 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn4 a {
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 13px 0 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn4 a.icon:before {
    font-size: 9px;
    color: #161616;
    margin-right: 7px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn4 a >span {
    color: #161616;
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn5 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn5 a {
    display: block;
    background-color: #b3b3b3;
    border: 2px solid #b3b3b3;
    padding: 11px 0 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn5 a.icon:before {
    color: #fff;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn5 a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn5 a >span {
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn6 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn6 a {
    display: block;
    background-color: #fff;
    border: 2px solid #161616;
    padding: 13px 0 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn6 a.icon:before {
    color: #161616;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn6 a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #161616;
    font-size: 11px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn6 a >span {
    color: #161616;
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btnFav a {
    display: block;
    border: 1px solid #e5e5e5;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
  }
  .btnFav a:before {
    content: '♥';
    color: #ed1350;
    font-size: 10px;
    vertical-align: middle;
  }
  .btnFav a >span {
    color: #4c4c4c;
    font-size: 11px;
    line-height: 1;
    vertical-align: middle;
  }
  .goTop {
    width: 50px;
    height: 50px;
    overflow: hidden;
  }
  .goTop a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #41503d;
    color: #fff;
    position: relative;
    border-radius: 50%;
  }
  .goTop a span {
    font-size: 0;
  }
  .goTop a:before {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    transform: translateX(-50%) translateY(-50%) rotate(270deg);
    text-decoration: none !important;
  }
  .btnMore {
    width: 270px;
    margin-left: auto;
    margin-right: auto;
  }
  .btnMore a {
    display: block;
    border: 1px solid #161616;
    padding: 10px 0 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btnMore a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #999;
    font-size: 11px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btnMore a >span {
    color: #161616;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #burgerMenu {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,0.6);
  }
  #burgerMenu a {
    text-decoration: none;
  }
  #burgerMenu >.wrap {
    position: relative;
  }
  #burgerMenu >.wrap .burgerContent {
    z-index: 1001;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 62px 0 30px;
    background-color: #fff;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader {
    z-index: 1050;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 62px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 2px solid #41503d;
    display: table;
    table-layout: fixed;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .headLogo {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 14px;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .headLogo a {
    display: block;
    width: 147px;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .headLogo img {
    width: 147px;
    height: auto;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .burgerBtnClose {
    display: table-cell;
    z-index: 1002;
    width: 58px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 15px;
    cursor: pointer;
    background-color: #4c4c4c;
    text-align: center;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .burgerBtnClose:before {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .burgerBtnClose span {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
  }
  #burgerMenu >.wrap .burgerContent .menu1 {
    z-index: 1040;
    background-color: #e4e4e4;
    padding: 15px;
    height: fit-content;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu,
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu {
    margin: 0 -2px 0 -3px;
    overflow: hidden;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul,
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li,
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li {
    padding: 0 2px 0 3px;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li a,
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 0 10px;
    border-radius: 2px;
    position: relative;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li a:before,
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: #fff;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu {
    margin-bottom: 5px;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:first-child {
    -webkit-flex-basis: 60%;
    flex-basis: 60%;
    max-width: 60%;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:first-child a {
    background-color: #41503d;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:first-child a span {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:first-child a:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
    font-size: 16px;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:first-child a .small {
    font-size: 10px;
    font-weight: normal;
    display: inline-block;
    margin-left: 5px;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:last-child {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    max-width: 40%;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:last-child a span {
    font-size: 13px;
    color: #999;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul.before li:last-child a {
    border: 1px solid #41503d;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul.before li:last-child a:before {
    font-family: icomoon;
    content: '\e929';
    font-weight: normal;
    font-size: 14px;
    color: #41503d;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul.before li:last-child a span {
    color: #41503d;
    font-weight: bold;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul.after li:last-child a:before {
    font-family: icomoon;
    content: '\e92a';
    font-weight: normal;
    font-size: 14px;
    color: #999;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 4px 0 7px;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a:before {
    content: '';
    display: block;
    margin: 0 auto 3px;
    text-align: center;
    color: #41503d;
    font-size: 34px;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a span {
    font-size: 11px;
    line-height: 1.5;
    color: #161616;
    font-weight: bold;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 2.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-feature-settings: 'palt';
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-productInformation a:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-handmadeSupport a:before {
    font-family: icomoon;
    content: '\e939';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-store2 a:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-workshop a:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-flyer a:before {
    font-family: icomoon;
    content: '\e937';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-event a:before {
    font-family: icomoon;
    content: '\e936';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-notification a:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-smartphone a:before {
    font-family: icomoon;
    content: '\e940';
    font-weight: normal;
    color: #ed1350;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-smartphone span {
    display: inline-block;
    padding-right: 12px;
    line-height: 1.3;
    position: relative;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-smartphone span:after {
    font-family: icomoon;
    content: '\e927';
    font-weight: normal;
    position: absolute;
    top: 50%;
    right: 7%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: #ed1350;
    margin-left: 4px;
  }
  #burgerMenu >.wrap .burgerContent .menu2 {
    z-index: 1040;
    background-color: #fff;
    padding: 10px 10px;
  }
  #burgerMenu >.wrap .burgerContent .menu2 ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #burgerMenu >.wrap .burgerContent .menu2 ul li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #burgerMenu >.wrap .burgerContent .menu2 ul li a {
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #161616;
    padding: 12px 0;
    border-bottom: 1px solid #e6e7e7;
    position: relative;
  }
  #burgerMenu >.wrap .burgerContent .menu2 ul li a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 10px;
    color: #161616;
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #burgerMenu >.wrap .burgerContent .snsList {
    text-align: center;
    margin: 30px 0 0;
  }
  #burgerMenu >.wrap .burgerContent .snsList p {
    color: #161616;
    font-size: 13px;
    font-weight: bold;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 10px;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li {
    padding: 0 10px;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li a {
    text-decoration: none;
    display: block;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li a:before {
    font-size: 30px;
    color: #161616;
    text-align: center;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li a span {
    font-size: 0;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li.facebook a:before {
    font-family: icomoon;
    content: '\e92b';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li.twitter a:before {
    font-family: icomoon;
    content: '\e92c';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li.instagram a:before {
    font-family: icomoon;
    content: '\e92d';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .btnClose {
    text-align: center;
    margin: 20px auto 0;
  }
  #burgerMenu >.wrap .burgerContent .btnClose a {
    display: inline-block;
    border: 1px solid #161616;
    padding: 5px 45px 5px 45px;
    margin: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #burgerMenu >.wrap .burgerContent .btnClose a:after {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    color: #999;
    font-size: 10px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #burgerMenu >.wrap .burgerContent .btnClose a >span {
    color: #4c4c4c;
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #burgerMenu .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .categoryList {
    padding: 15px 15px;
  }
  .categoryList ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .categoryList ul li {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
  }
  .categoryList ul li a {
    display: block;
    text-decoration: none;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .categoryList ul li a:before {
    content: '';
    font-size: 38px;
    color: #4c4c4c;
    display: block;
    margin: 0 auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .categoryList ul li a span {
    display: block;
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    color: #666;
    margin-top: 5px;
    text-decoration: underline;
  }
  .categoryList ul li.icon-cloth a:before {
    font-family: icomoon;
    content: '\e900';
    font-weight: normal;
  }
  .categoryList ul li.icon-sewingTool a:before {
    font-family: icomoon;
    content: '\e901';
    font-weight: normal;
  }
  .categoryList ul li.icon-sewingMaterial a:before {
    font-family: icomoon;
    content: '\e90d';
    font-weight: normal;
  }
  .categoryList ul li.icon-sewingMachine a:before {
    font-family: icomoon;
    content: '\e90e';
    font-weight: normal;
  }
  .categoryList ul li.icon-embroidery a:before {
    font-family: icomoon;
    content: '\e90f';
    font-weight: normal;
  }
  .categoryList ul li.icon-leather a:before {
    font-family: icomoon;
    content: '\e910';
    font-weight: normal;
  }
  .categoryList ul li.icon-flower a:before {
    font-family: icomoon;
    content: '\e911';
    font-weight: normal;
  }
  .categoryList ul li.icon-patternsBooks a:before {
    font-family: icomoon;
    content: '\e912';
    font-weight: normal;
  }
  .categoryList ul li.icon-resinClay a:before {
    font-family: icomoon;
    content: '\e913';
    font-weight: normal;
  }
  .categoryList ul li.icon-silverClay a:before {
    font-family: icomoon;
    content: '\e914';
    font-weight: normal;
  }
  .categoryList ul li.icon-beads a:before {
    font-family: icomoon;
    content: '\e915';
    font-weight: normal;
  }
  .categoryList ul li.icon-deco a:before {
    font-family: icomoon;
    content: '\e916';
    font-weight: normal;
  }
  .categoryList ul li.icon-knitting a:before {
    font-family: icomoon;
    content: '\e917';
    font-weight: normal;
  }
  .categoryList ul li.icon-variousCrafts a:before {
    font-family: icomoon;
    content: '\e918';
    font-weight: normal;
  }
  .categoryList ul li.icon-feltWool a:before {
    font-family: icomoon;
    content: '\e903';
    font-weight: normal;
  }
  .categoryList ul li.icon-japaneseHandicraft a:before {
    font-family: icomoon;
    content: '\e91a';
    font-weight: normal;
  }
  .categoryList ul li.icon-tolePaint a:before {
    font-family: icomoon;
    content: '\e91b';
    font-weight: normal;
  }
  .categoryList ul li.icon-accessoryBracket a:before {
    font-family: icomoon;
    content: '\e91c';
    font-weight: normal;
  }
  .categoryList ul li.icon-naturalStone a:before {
    font-family: icomoon;
    content: '\e91d';
    font-weight: normal;
  }
  .categoryList ul li.icon-saleItems a:before {
    font-family: icomoon;
    content: '\e91e';
    font-weight: normal;
  }
  .categoryList ul li:nth-child(n+11) {
    display: none;
  }
  .categoryList .btnAllCategory {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 10px;
  }
  .categoryList .btnAllCategory:before,
  .categoryList .btnAllCategory:after {
    content: '';
    display: block;
    background-image: -webkit-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -moz-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -o-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -ms-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: linear-gradient(to right, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    padding-top: 1px;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
  }
  .categoryList .btnAllCategory a {
    display: inline-block;
    border: 1px solid #161616;
    padding: 5px 30px 7px 15px;
    margin: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .categoryList .btnAllCategory a:after {
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
    color: #999;
    font-size: 10px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .categoryList .btnAllCategory a >span {
    color: #4c4c4c;
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .categoryList.open .btnAllCategory {
    display: none;
  }
  .categoryPanelOpen {
    background-color: #4c4c4c;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 100%;
    height: 46px;
    padding: 16px 0 0;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 15px auto;
    cursor: pointer;
  }
  .categoryPanelOpen:before {
    font-size: 20px;
    color: #fff;
    -webkit-flex-basis: 45px;
    flex-basis: 45px;
    text-align: center;
    vertical-align: middle;
    font-family: icomoon;
    content: '\e924';
    font-weight: normal;
    margin-top: -3px;
  }
  .categoryPanelOpen:after {
    font-size: 11px;
    color: #fff;
    -webkit-flex-basis: 40px;
    flex-basis: 40px;
    text-align: center;
    vertical-align: middle;
    font-family: icomoon;
    content: '\e932';
    font-weight: normal;
  }
  .categoryPanelOpen span {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
  }
  #categoryPanel {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,0.6);
  }
  #categoryPanel a {
    text-decoration: none;
  }
  #categoryPanel >.wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #categoryPanel >.wrap .categoryPanelContent {
    z-index: 1001;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    padding-bottom: 20px;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelHeader {
    background-color: #4c4c4c;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 100%;
    height: 46px;
    padding: 16px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelHeader:before {
    font-size: 21px;
    color: #fff;
    -webkit-flex-basis: 60px;
    flex-basis: 60px;
    text-align: center;
    font-family: icomoon;
    content: '\e924';
    font-weight: normal;
    margin-top: -3px;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelHeader .panelTitle {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelHeader .categoryPanelBtnClose span {
    font-size: 0;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelHeader .categoryPanelBtnClose:before {
    font-size: 10px;
    color: #fff;
    padding: 0 15px 0 20px;
    text-align: center;
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList {
    padding-top: 46px;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li {
    border-bottom: 1px solid #dcdcdc;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li a {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li a span {
    font-size: 15px;
    line-height: 1;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    vertical-align: middle;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li a:before {
    font-size: 30px;
    color: #4c4c4c;
    -webkit-flex-basis: 60px;
    flex-basis: 60px;
    text-align: center;
    vertical-align: middle;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li a:after {
    font-size: 10px;
    color: #161616;
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    padding: 0 10px;
    vertical-align: middle;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-cloth a:before {
    font-family: icomoon;
    content: '\e900';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-sewingTool a:before {
    font-family: icomoon;
    content: '\e901';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-sewingMaterial a:before {
    font-family: icomoon;
    content: '\e90d';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-sewingMachine a:before {
    font-family: icomoon;
    content: '\e90e';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-embroidery a:before {
    font-family: icomoon;
    content: '\e90f';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-leather a:before {
    font-family: icomoon;
    content: '\e910';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-flower a:before {
    font-family: icomoon;
    content: '\e911';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-patternsBooks a:before {
    font-family: icomoon;
    content: '\e912';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-resinClay a:before {
    font-family: icomoon;
    content: '\e913';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-silverClay a:before {
    font-family: icomoon;
    content: '\e914';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-beads a:before {
    font-family: icomoon;
    content: '\e915';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-deco a:before {
    font-family: icomoon;
    content: '\e916';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-knitting a:before {
    font-family: icomoon;
    content: '\e917';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-variousCrafts a:before {
    font-family: icomoon;
    content: '\e918';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-feltWool a:before {
    font-family: icomoon;
    content: '\e903';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-japaneseHandicraft a:before {
    font-family: icomoon;
    content: '\e91a';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-tolePaint a:before {
    font-family: icomoon;
    content: '\e91b';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-accessoryBracket a:before {
    font-family: icomoon;
    content: '\e91c';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-naturalStone a:before {
    font-family: icomoon;
    content: '\e91d';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .categoryPanelList li.icon-saleItems a:before {
    font-family: icomoon;
    content: '\e91e';
    font-weight: normal;
  }
  #categoryPanel >.wrap .categoryPanelContent .btnClose {
    text-align: center;
    margin: 20px auto 0;
  }
  #categoryPanel >.wrap .categoryPanelContent .btnClose a {
    display: block;
    border: 1px solid #161616;
    padding: 10px 0 12px;
    margin: 0 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #categoryPanel >.wrap .categoryPanelContent .btnClose a:after {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    color: #999;
    font-size: 10px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #categoryPanel >.wrap .categoryPanelContent .btnClose a >span {
    color: #4c4c4c;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #categoryPanel .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .contentTitle {
    padding-left: 15px;
    padding-right: 15px;
  }
  .contentTitle .titleText {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .contentTitle .titleText >span {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    font-size: 21px;
    line-height: 1.2;
    font-weight: bold;
    font-feature-settings: 'palt';
    color: #161616;
    padding-right: 15px;
  }
  .contentTitle .titleText:before {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    content: '';
    display: block;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
    height: 2px;
    background-image: -webkit-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -moz-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -o-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -ms-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: linear-gradient(to right, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -moz-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -o-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -ms-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: linear-gradient(to right, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    -webkit-background-size: 4px 1px;
    -moz-background-size: 4px 1px;
    background-size: 4px 1px;
  }
  .contentTitle .titleText:after {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    content: '';
    display: block;
    margin-left: 13px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-position: left center;
  }
  .contentTitle.titlePickup .titleText span {
    padding-right: 22px;
  }
  .contentTitle.titlePickup .titleText:after {
    width: 85px;
    height: 25px;
    content: '';
    background-image: url("/common/images/bg_title_pickup.svg");
  }
  .contentTitle.titleWorkshop .titleText span {
    padding-right: 21px;
  }
  .contentTitle.titleWorkshop .titleText:after {
    width: 104px;
    height: 29px;
    content: '';
    margin-top: -6px;
    background-image: url("/common/images/bg_title_workshop.svg");
  }
  .contentTitle.titleHandmade .titleText:after {
    width: 123px;
    height: 30px;
    content: '';
    margin-top: -4px;
    background-image: url("/common/images/bg_title_handmade.svg");
  }
  .contentTitle.titleItems .titleText span {
    padding-right: 16px;
  }
  .contentTitle.titleItems .titleText:after {
    width: 72px;
    height: 23px;
    content: '';
    background-image: url("/common/images/bg_title_items.svg");
  }
  .contentTitle.titleInformation .titleText:after {
    width: 123px;
    height: 20px;
    content: '';
    background-image: url("/common/images/bg_title_information.svg");
  }
  .dummy_btn {
    margin-left: auto;
    margin-right: auto;
  }
  .dummy_btn > p {
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 13px 0 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .dummy_btn > p.icon:before {
    font-size: 9px;
    color: #161616;
    margin-right: 7px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .dummy_btn > p >span {
    color: #ed1350;
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .entryNav {
    overflow: hidden;
  }
  .entryNav ul {
    background-color: #fef1f4;
    font-size: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
    counter-reset: navigationList;
  }
  .entryNav ul li {
    position: relative;
    display: table-cell;
    background-color: #fef1f4;
    overflow: hidden;
    counter-increment: navigationList;
  }
  .entryNav ul li:last-child:before,
  .entryNav ul li:last-child:after {
    display: none;
  }
  .entryNav ul li:before {
    position: absolute;
    right: -33px;
    bottom: -17px;
    width: 40px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    content: '';
    display: block;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
    border-left: 2px solid #fff;
  }
  .entryNav ul li:after {
    position: absolute;
    right: -32px;
    top: -17px;
    width: 40px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    content: '';
    display: block;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
    border-left: 2px solid #fff;
  }
  .entryNav ul li span {
    display: block;
    font-weight: bold;
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: 2px;
    color: #4c4c4c;
    padding: 10px 5% 8px 8%;
  }
  .entryNav ul li span:before {
    content: 'STEP' counter(navigationList);
    display: block;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 2px;
    color: #4c4c4c;
    padding-bottom: 6px;
  }
  .area.entry-nav-1 .entryNav ul li:nth-child(1) {
    background-color: #ed1350;
  }
  .area.entry-nav-1 .entryNav ul li:nth-child(1):before,
  .area.entry-nav-1 .entryNav ul li:nth-child(1):after {
    background-color: #fef1f4;
  }
  .area.entry-nav-1 .entryNav ul li:nth-child(1) span {
    color: #fff;
  }
  .area.entry-nav-1 .entryNav ul li:nth-child(1) span:before {
    color: #fff;
  }
  .area.entry-nav-2 .entryNav ul li:nth-child(2) {
    background-color: #ed1350;
  }
  .area.entry-nav-2 .entryNav ul li:nth-child(2):before,
  .area.entry-nav-2 .entryNav ul li:nth-child(2):after {
    background-color: #fef1f4;
  }
  .area.entry-nav-2 .entryNav ul li:nth-child(2) span {
    color: #fff;
  }
  .area.entry-nav-2 .entryNav ul li:nth-child(2) span:before {
    color: #fff;
  }
  .area.entry-nav-2 .entryNav ul li:nth-child(1):before,
  .area.entry-nav-2 .entryNav ul li:nth-child(1):after {
    background-color: #ed1350;
  }
  .area.entry-nav-3 .entryNav ul li:nth-child(3) {
    background-color: #ed1350;
  }
  .area.entry-nav-3 .entryNav ul li:nth-child(3):before,
  .area.entry-nav-3 .entryNav ul li:nth-child(3):after {
    background-color: #fef1f4;
  }
  .area.entry-nav-3 .entryNav ul li:nth-child(3) span {
    color: #fff;
  }
  .area.entry-nav-3 .entryNav ul li:nth-child(3) span:before {
    color: #fff;
  }
  .area.entry-nav-3 .entryNav ul li:nth-child(2):before,
  .area.entry-nav-3 .entryNav ul li:nth-child(2):after {
    background-color: #ed1350;
  }
  .area.entry-nav-4 .entryNav ul li:nth-child(4) {
    background-color: #ed1350;
  }
  .area.entry-nav-4 .entryNav ul li:nth-child(4):before,
  .area.entry-nav-4 .entryNav ul li:nth-child(4):after {
    background-color: #fef1f4;
  }
  .area.entry-nav-4 .entryNav ul li:nth-child(4) span {
    color: #fff;
  }
  .area.entry-nav-4 .entryNav ul li:nth-child(4) span:before {
    color: #fff;
  }
  .area.entry-nav-4 .entryNav ul li:nth-child(3):before,
  .area.entry-nav-4 .entryNav ul li:nth-child(3):after {
    background-color: #ed1350;
  }
  #fixedFooter {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    visibility: hidden;
  }
  #fixedFooter >.wrap {
    position: relative;
  }
  #fixedFooter .goTop {
    position: absolute;
    top: -65px;
    right: 15px;
  }
  #fixedFooter.scrolled {
    visibility: visible;
  }
  #fixedHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 2px solid #41503d;
    z-index: 100;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    transition-duration: 300ms;
  }
  #fixedHeader.scrolled {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background-color: rgba(255,255,255,0.7);
  }
  #fixedHeader.scrollStop {
    background-color: #fff;
  }
  #fixedHeader .headContent .menu {
    width: 100%;
    display: table;
    table-layout: fixed;
  }
  #fixedHeader .headContent .menu>div,
  #fixedHeader .headContent .menu>p {
    display: table-cell;
    vertical-align: middle;
  }
  #fixedHeader .headContent .menu .headLogo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 14px;
  }
  #fixedHeader .headContent .menu .headLogo a {
    display: inline-block;
  }
  #fixedHeader .headContent .menu .headLogo img {
    width: 147px;
    height: 35px;
  }
  #fixedHeader .headContent .menu .burgerBtn {
    border-radius: 0;
    width: 58px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    cursor: pointer;
    background-color: #4c4c4c;
    text-align: center;
  }
  #fixedHeader .headContent .menu .burgerBtn .open {
    display: inline-block;
  }
  #fixedHeader .headContent .menu .burgerBtn .close {
    display: none;
  }
  #fixedHeader .headContent .menu .burgerBtn.open .open {
    display: none;
  }
  #fixedHeader .headContent .menu .burgerBtn.open .close {
    display: inline-block;
  }
  #fixedHeader .headContent .menu .burgerBtn:before {
    font-family: icomoon;
    content: '\e92e';
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #fixedHeader .headContent .menu .burgerBtn span {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
  }
  #fixedHeader .searchArea {
    display: none;
  }
  #footer {
    border-top: 2px solid #41503d;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #footer.close {
    padding-bottom: 0;
  }
  #footer a {
    text-decoration: none;
  }
  #footer .footLogo {
    padding: 40px 15px 32px;
    text-align: center;
  }
  #footer .footLogo .logo {
    padding-bottom: 3px;
  }
  #footer .footLogo .logo img {
    width: 100%;
    max-width: 220px;
  }
  #footer .footLogo .copy {
    font-weight: bold;
    font-size: 10px;
    line-height: 1.35;
    letter-spacing: 0.15em;
    color: #161616;
    padding: 8px 15px 0 15px;
    font-feature-settings: 'palt';
  }
  #footer .footLogo .copy p {
    display: inline-block;
    text-align: left;
  }
  #footer .footerNavi {
    padding: 0 15px;
  }
  #footer .footerNavi nav {
    border-top: 1px solid #161616;
  }
  #footer .footerNavi dl {
    border-bottom: 1px solid #161616;
  }
  #footer .footerNavi dl a {
    display: block;
  }
  #footer .footerNavi dl >dt {
    font-size: 13px;
    color: #161616;
    font-weight: bold;
    padding: 16px 0;
    cursor: pointer;
    position: relative;
  }
  #footer .footerNavi dl >dt:after {
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
    font-size: 13px;
    color: #161616;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #footer .footerNavi dl >dt.open:after {
    font-family: icomoon;
    content: '\e931';
    font-weight: normal;
  }
  #footer .footerNavi dl >dd {
    background-image: -webkit-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: -moz-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: -o-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: -ms-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: linear-gradient(to right, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 1px;
    -moz-background-size: 6px 1px;
    background-size: 6px 1px;
    display: none;
  }
  #footer .footerNavi dl >dd >ul >li {
    border-bottom: 1px solid #dcdcdc;
  }
  #footer .footerNavi dl >dd >ul >li a {
    font-size: 12px;
    color: #4c4c4c;
    padding: 12px 0;
    position: relative;
  }
  #footer .footerNavi dl >dd >ul >li a:after {
    font-size: 10px;
    color: #161616;
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #footer .footerNavi dl >dd >ul >li:last-child {
    border-bottom: none;
  }
  #footer .footerNavi dl:first-of-type >dd {
    display: block;
  }
  #footer .footerNavi ul.sub {
    display: block;
    padding: 41px 0 20px;
    text-align: center;
  }
  #footer .footerNavi ul.sub li.banner img {
    width: 100%;
    max-width: 213px;
  }
  #footer .footerNavi ul.sub li.text {
    padding: 15px 15px 0;
  }
  #footer .footerNavi ul.sub li.text >ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  #footer .footerNavi ul.sub li.text >ul li {
    border-left: 1px solid #dcdcdc;
  }
  #footer .footerNavi ul.sub li.text >ul li:first-child {
    border-left: none;
  }
  #footer .footerNavi ul.sub li.text >ul li a {
    font-size: 11px;
    color: #4c4c4c;
    padding: 5px 10px;
  }
  #footer .snsList {
    text-align: center;
    margin: 14px 0 40px;
  }
  #footer .snsList p {
    color: #161616;
    font-size: 13px;
    font-weight: bold;
  }
  #footer .snsList ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 10px;
  }
  #footer .snsList ul li {
    padding: 0 10px;
  }
  #footer .snsList ul li a {
    text-decoration: none;
    display: block;
  }
  #footer .snsList ul li a:before {
    font-size: 30px;
    color: #161616;
    text-align: center;
  }
  #footer .snsList ul li a span {
    font-size: 0;
  }
  #footer .snsList ul li.facebook a:before {
    font-family: icomoon;
    content: '\e92b';
    font-weight: normal;
  }
  #footer .snsList ul li.twitter a:before {
    font-family: icomoon;
    content: '\e92c';
    font-weight: normal;
  }
  #footer .snsList ul li.instagram a:before {
    font-family: icomoon;
    content: '\e92d';
    font-weight: normal;
  }
  #footer .copyright {
    background-color: #41503d;
    text-align: center;
    padding: 30px 0;
  }
  #footer .copyright small {
    font-family: 'Open Sans';
    font-size: 10px;
    color: #fff;
  }
  input,
  select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="password"],
  input[type="tel"] {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 16px;
    outline: none;
    padding: 12px 8px;
    width: 100%;
  }
  input[type="text"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
    letter-spacing: 0.09em;
  }
  input[type="text"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder {
    color: #999;
    font-size: 14px;
    letter-spacing: 0.09em;
  }
  input[type="text"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder {
    color: #999;
    font-size: 14px;
    letter-spacing: 0.09em;
  }
  input[type="text"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder {
    color: #999;
    font-size: 14px;
    letter-spacing: 0.09em;
  }
  input[type="text"].error,
  input[type="number"].error,
  input[type="email"].error,
  input[type="password"].error,
  input[type="tel"].error {
    background-color: #fef6f8;
    border-color: #ed1350;
  }
  input[type="checkbox"] {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px;
  }
  input[type='checkbox'] {
    display: none;
  }
  input[type='checkbox'] + span {
    position: relative;
    display: inline-block;
    padding: 0 0 0 30px;
    cursor: pointer;
  }
  input[type='checkbox'] + span:before {
    position: absolute;
    left: 0;
    top: 0.7em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-transition-duration: 150ms;
    -moz-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    -ms-transition-duration: 150ms;
    transition-duration: 150ms;
  }
  input[type='checkbox'] + span:after {
    position: absolute;
    left: 3px;
    top: 0.7em;
    -webkit-transform: translateY(-50%) rotate(35deg) scale(0);
    -moz-transform: translateY(-50%) rotate(35deg) scale(0);
    -o-transform: translateY(-50%) rotate(35deg) scale(0);
    -ms-transform: translateY(-50%) rotate(35deg) scale(0);
    transform: translateY(-50%) rotate(35deg) scale(0);
    content: "";
    display: block;
    width: 8px;
    height: 14px;
    margin-top: 1px;
    border-right: 3px solid #4c4c4c;
    border-bottom: 3px solid #4c4c4c;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -o-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    -ms-transition-duration: 100ms;
    transition-duration: 100ms;
  }
  input[type='checkbox']:checked + span:after {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -moz-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -o-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -ms-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -webkit-transform: translateY(-50%) rotate(35deg) scale(0.7);
    -moz-transform: translateY(-50%) rotate(35deg) scale(0.7);
    -o-transform: translateY(-50%) rotate(35deg) scale(0.7);
    -ms-transform: translateY(-50%) rotate(35deg) scale(0.7);
    transform: translateY(-50%) rotate(35deg) scale(0.7);
  }
  input[type='radio'] {
    display: none;
  }
  input[type='radio'].error + span:before {
    background-color: $errorColor;
    border: 3px solid $errorColor;
  }
  input[type='radio'] + span {
    position: relative;
    display: inline-block;
    padding: 5px 18px 5px 37px;
    cursor: pointer;
  }
  input[type='radio'] + span:before {
    position: absolute;
    left: 0;
    top: 0.7em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #ddd;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  input[type='radio'] + span:after {
    position: absolute;
    left: 5px;
    top: 0.7em;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #4c4c4c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    -ms-transition-duration: 100ms;
    transition-duration: 100ms;
  }
  input[type='radio']:checked + span:after {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -moz-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -o-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -ms-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
  select {
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
    color: #4c4c4c;
    font-size: 16px;
    width: 100%;
    padding: 12px 34px 11px 16px;
    background: #fff;
  }
  select.error {
    background-color: #fef6f8;
    border: 1px solid #ed1350;
  }
  .selectWrap {
    display: inline-block;
    position: relative;
  }
  .selectWrap:after {
    position: absolute;
    top: 50%;
    right: 16px;
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-right: 2px solid #4c4c4c;
    border-bottom: 2px solid #4c4c4c;
    -webkit-transform: translateY(-75%) rotate(45deg);
    -moz-transform: translateY(-75%) rotate(45deg);
    -o-transform: translateY(-75%) rotate(45deg);
    -ms-transform: translateY(-75%) rotate(45deg);
    transform: translateY(-75%) rotate(45deg);
    pointer-events: none;
  }
  #header .headContent {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #header .headContent #appBanner {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    background-color: #414e3d;
    border-bottom: 1px solid #c9c9c9;
    display: table;
    padding: 10px 0;
    table-layout: fixed;
    width: 100%;
  }
  #header .headContent #appBanner >div {
    display: table-cell;
    vertical-align: middle;
  }
  #header .headContent #appBanner .appClose {
    width: 33px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
  }
  #header .headContent #appBanner .appClose:before {
    position: absolute;
    top: 13px;
    left: 10px;
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #cacaca;
    border-radius: 50%;
    color: #fff;
  }
  #header .headContent #appBanner .appClose:after {
    position: absolute;
    top: 15px;
    left: 12px;
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    display: inline-block;
  }
  #header .headContent #appBanner .appClose span {
    font-size: 0;
  }
  #header .headContent #appBanner .image {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
    position: relative;
  }
  #header .headContent #appBanner .image:before {
    content: '';
    width: 25px;
    height: 21px;
    display: block;
    position: absolute;
    top: 11px;
    left: 7px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OS41NyIgaGVpZ2h0PSI0Mi4xMSIgdmlld0JveD0iMCAwIDQ5LjU3IDQyLjExIj48dGl0bGU+VDwvdGl0bGU+PGcgaWQ9ImViMmI2ODBjLWJiZWEtNDczNy05MWUwLTBhZTJlNjk3MDBmMyIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IjgwOGUxNmZjLTkwZGUtNGNmYS1hMzhlLTI4MzQ5Y2Y4NThmMyIgZGF0YS1uYW1lPSJTUF/jg6Hjg4vjg6Xjg7xf6Z2e44Ot44Kw44Kk44Oz5pmC44Gu44Kz44OU44O8Ij48cGF0aCBkPSJNNDkuNTcsOS4yNEE2LjQ4LDYuNDgsMCwwLDAsNDUuNywzLjU2QzQyLjIxLDEuNDgsMzMuNjcsMCwyMy42OSwwLDEwLjYxLDAsMCwyLjU0LDAsNS42NmMwLDEsMS4xOSwyLDMuMjgsMi44OCw3Ljc4LDMuNzYsMTMuNiwxMS41NCwxMy42LDI1YTguNjIsOC42MiwwLDAsMCw4LjYzLDguNTZjNC43NCwwLDguNzktNC4xMywxMC4yNi04LjU2YTIxLDIxLDAsMCwwLS4yMy0xMy43N2MtLjU1LTEuNTIuMTgtMi4xOSwyLjI5LTIuNjVzNC4yMS0xLDYuNTEtMS42OGMzLS44NCw1LjIzLTMuMzMsNS4yMy02LjIxIiBzdHlsZT0iZmlsbDojZTMwMDQ0Ii8+PC9nPjwvZz48L3N2Zz4=");
  }
  #header .headContent #appBanner .text {
    padding: 0 10px;
  }
  #header .headContent #appBanner .text p {
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
  }
  #header .headContent #appBanner .text p .strong {
    font-weight: bold;
  }
  #header .headContent #appBanner .text p .red {
    color: #ed1350;
  }
  #header .headContent #appBanner .appInstall {
    width: 84px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
  }
  #header .headContent #appBanner .appInstall a {
    display: block;
    border: 1px solid #414e3d;
    text-decoration: none;
    padding: 0 6px 5px;
    border-radius: 3px;
    background-color: #fff;
  }
  #header .headContent #appBanner .appInstall a span {
    font-size: 10px;
    line-height: 1;
    color: #414e3d;
    font-weight: bold;
    white-space: nowrap;
  }
  #header .headContent #appBanner.close {
    display: none;
  }
  #header .headContent .wrap {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 20px;
    position: relative;
  }
  #header .headContent .wrap .headLogo {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 276px;
    width: 72%;
    padding: 5px 15px 0;
  }
  #header .headContent .wrap .headLogo a {
    display: block;
  }
  #header .headContent .wrap .headLogo img {
    width: 75%;
    height: auto;
  }
  #header .headContent .wrap .copy {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    ont-weight: bold;
    font-size: 10px;
    line-height: 1.35;
    letter-spacing: 0.15em;
    color: #161616;
    padding: 8px 15px 0 15px;
    font-feature-settings: 'palt';
  }
  #header .headContent .wrap .burgerBtn {
    clear: left;
    position: absolute;
    bottom: 39px;
    right: 15px;
    display: block;
    width: 58px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    padding-top: 15px;
    cursor: pointer;
    background-color: #4c4c4c;
    text-align: center;
  }
  #header .headContent .wrap .burgerBtn:before {
    font-family: icomoon;
    content: '\e92e';
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #header .headContent .wrap .burgerBtn span {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
  }
  #header .headContent .wrap .loginArea {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  #header .headContent .wrap .loginArea .otherSite {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 4px 10px 0;
  }
  #header .headContent .wrap .loginArea .otherSite li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 54px;
    -ms-flex: 0 1 54px;
    flex: 0 1 54px;
    padding: 7px;
  }
  #header .headContent .wrap .loginArea .otherSite li:nth-child(2),
  #header .headContent .wrap .loginArea .otherSite li:nth-child(3) {
    -webkit-flex-basis: 46px;
    flex-basis: 46px;
  }
  #header .headContent .wrap .loginArea .otherSite li img {
    width: 100%;
    height: auto;
  }
  #header .headContent .wrap .loginArea .btns {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #header .headContent .wrap .loginArea .btns >a {
    display: block;
    background-color: #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #161616;
    font-size: 11px;
    text-decoration: none;
    text-align: center;
    padding: 8px 8px 8px 0;
    width: calc(50% - 1px);
  }
  #header .headContent .wrap .loginArea .btns >a:before {
    color: #161616;
    font-size: 15px;
    margin-right: 10px;
    vertical-align: middle;
  }
  #header .headContent .wrap .loginArea .btns >a.icon-user:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
  }
  #header .headContent .wrap .loginArea .btns >a.icon-login:before {
    font-family: icomoon;
    content: '\e929';
    font-weight: normal;
    font-size: 16px;
  }
  #header .headContent .wrap .loginArea .btns >a span {
    vertical-align: middle;
  }
  .headMenu {
    display: block;
  }
  .headMenu ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
  }
  .headMenu ul li {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    border-right: 1px solid #dcdcdc;
  }
  .headMenu ul li:last-child {
    border-right: none;
  }
  .headMenu ul li.icon-productInformation,
  .headMenu ul li.icon-handmadeSupport {
    display: none;
  }
  .headMenu ul li a {
    display: block;
    font-size: 0;
    text-align: center;
    text-decoration: none;
    padding: 3px 0 7px;
    position: relative;
    overflow: hidden;
  }
  .headMenu ul li a:before {
    content: '';
    display: block;
    margin: 0 auto;
    font-size: 50px;
    color: #4c4c4c;
    text-align: center;
  }
  .headMenu ul li a >span {
    font-size: 10px;
    font-weight: bold;
    color: #4c4c4c;
    display: block;
    padding-top: 4px;
  }
  .headMenu ul li.icon-productInformation a:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
  }
  .headMenu ul li.icon-handmadeSupport a:before {
    font-family: icomoon;
    content: '\e939';
    font-weight: normal;
  }
  .headMenu ul li.icon-workshop a:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
  }
  .headMenu ul li.icon-store2 a:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
  }
  .headMenu ul li.icon-smartphone a:before {
    font-family: icomoon;
    content: '\e940';
    font-weight: normal;
    color: #ed1350;
  }
  .headMenu ul li.icon-smartphone span {
    display: inline-block;
    padding: 0 20px 0 15px;
    position: relative;
  }
  .headMenu ul li.icon-smartphone span:after {
    font-family: icomoon;
    content: '\e927';
    font-weight: normal;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: #ed1350;
    margin-left: 4px;
  }
  .side-history {
    visibility: visible;
  }
  .historySp .historyList {
    background-color: #f7f7f7;
    height: 78px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #ed1350;
  }
  .historySp .slider {
    width: 320px;
    margin: 9px 0 0 40px;
  }
  .historySp .historyCloseBtn {
    width: 40px;
    height: 78px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .historySp .historyCloseBtn p {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #ed1350;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .historySp .historyCloseBtn p:before {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 1;
    -webkit-transform: scale(0.6) translateY(-2px);
    -moz-transform: scale(0.6) translateY(-2px);
    -o-transform: scale(0.6) translateY(-2px);
    -ms-transform: scale(0.6) translateY(-2px);
    transform: scale(0.6) translateY(-2px);
    display: inline-block;
  }
  .historySp .historyCloseBtn p span {
    font-size: 0;
  }
  .historySp .historyOpenBtn {
    background-color: #4c4c4c;
    border: 1px solid #808080;
    border-radius: 3px;
    width: 70px;
    height: 50px;
    position: absolute;
    top: -65px;
    left: 15px;
    display: none;
  }
  .historySp .historyOpenBtn p {
    position: relative;
    text-align: center;
    padding-top: 5px;
  }
  .historySp .historyOpenBtn p:before {
    content: '';
    width: 17px;
    height: 17px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy44OCIgaGVpZ2h0PSIzNC43IiB2aWV3Qm94PSIwIDAgMzMuODggMzQuNyI+PHRpdGxlPmNoZWNrZWQ8L3RpdGxlPjxnIGlkPSI4MjJlMTJhZC00ZGVmLTQwYTctYmJjYi03MTg0MzJlMTA1OGYiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSI5MmY3MDYwYS03MzdjLTRjY2ItYTU5My1mN2I5MTAyNzBkOWEiIGRhdGEtbmFtZT0iU1Bf6L+95b6TX+ODgeOCp+ODg+OCr+OBl+OBn+OCguOBriI+PHBhdGggZD0iTTMwLjM4LDExLjUxYTEyLDEyLDAsMCwwLTQtNC43MmMtNC41OC0zLjU4LTkuOTEtNC45NC0xNC4yNC0zLjYzYTEzLjY2LDEzLjY2LDAsMCwwLTguNTYsOC43MkEyMC45MSwyMC45MSwwLDAsMCwzLjgsMjQuNzdhNy44Myw3LjgzLDAsMCwwLDEuMjksMi42OGgwYzMuMjUsMy44NiwxMi4yNyw1LjQzLDE3LjU3LDQuMTUsNy4yOS0xLjc2LDguNjgtNyw4LjUzLTE0LjI2QTE2LjM3LDE2LjM3LDAsMCwwLDMwLjM4LDExLjUxWm0tOC4xLDE5LjgxYTE3LjE1LDE3LjE1LDAsMCwxLTMuODguNGMtNC42LDAtMTAuMzQtMS4zOC0xMy00LjU1aDBBOC4xNiw4LjE2LDAsMCwxLDQsMjQuMjZhMTkuNTksMTkuNTksMCwwLDEtLjE0LTEyLjE5LDEzLjU0LDEzLjU0LDAsMCwxLDguNTItOC42MmM0LjI3LTEuMjksOS40NSwwLDEzLjg0LDMuNDNhMTIsMTIsMCwwLDEsMy45NSw0Ljc4QTE1Ljc0LDE1Ljc0LDAsMCwxLDMxLDE3LjNDMzEuMDgsMjMuMTcsMzAuMTUsMjkuNDIsMjIuMjgsMzEuMzJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTMzLjg2LDE3LjI4YTE4LjU1LDE4LjU1LDAsMCwwLTEtNi43OCwxNC41OCwxNC41OCwwLDAsMC00Ljc4LTUuODJDMjIuOC41NywxNi41Ny0xLDExLjQxLjZBMTYuMzUsMTYuMzUsMCwwLDAsMS4wOSwxMWEyMy41OSwyMy41OSwwLDAsMCwuMTYsMTQuNTZBMTAuMTIsMTAuMTIsMCwwLDAsMywyOS4xN0gzQzYuMjksMzMsMTMsMzQuNywxOC41MywzNC43YTIxLjA4LDIxLjA4LDAsMCwwLDQuNzYtLjVDMzIuODcsMzEuODksMzQsMjQuMzUsMzMuODYsMTcuMjhaTTIyLjY2LDMxLjZjLTUuMywxLjI4LTE0LjMyLS4yOS0xNy41Ny00LjE1aDBBNy44Myw3LjgzLDAsMCwxLDMuOCwyNC43N2EyMC45MSwyMC45MSwwLDAsMS0uMTgtMTIuODksMTMuNjYsMTMuNjYsMCwwLDEsOC41Ni04LjcyYzQuMzMtMS4zMSw5LjY2LDAsMTQuMjQsMy42M2ExMiwxMiwwLDAsMSw0LDQuNzIsMTYuMzcsMTYuMzcsMCwwLDEsLjgxLDUuODNDMzEuMzQsMjQuNjMsMzAsMjkuODQsMjIuNjYsMzEuNloiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMjkuMjYsMTcuMzNhMTQuMzQsMTQuMzQsMCwwLDAtLjcxLTVBMTAuNDMsMTAuNDMsMCwwLDAsMjUuMTEsOC4yQzIxLjE4LDUuMTMsMTYuNiw0LDEyLjg1LDUuMWExMS44NSwxMS44NSwwLDAsMC03LjQzLDcuNTYsMTcuODIsMTcuODIsMCwwLDAsLjE1LDExLDYuOTMsNi45MywwLDAsMCwxLjE2LDIuNGgwYzIuODEsMy4zMywxMC41NCw0LjY5LDE1LjA3LDMuNkMyOC41NSwyOCwyOS4zNywyMi43NywyOS4yNiwxNy4zM1pNMTAuNzMsMTEuNmEyLjMyLDIuMzIsMCwwLDEsMS40NC0xLDMuMDksMy4wOSwwLDAsMSwxLjc1LjE2LDEuODIsMS44MiwwLDAsMSwxLjEyLDEsMi4yMywyLjIzLDAsMCwxLC4xLjgxQTIuODEsMi44MSwwLDAsMSwxNSwxMy43NGMtLjY2LDEuNTItMy43OSwxLjktNC41MS4xOWExLjY2LDEuNjYsMCwwLDEtLjEtLjU5QTMuMTYsMy4xNiwwLDAsMSwxMC43MywxMS42Wm00Ljc5LDExYTEuNzgsMS43OCwwLDAsMS0uMjIuNzIsMS43NywxLjc3LDAsMCwxLTEuMDkuNjRjLTEuNjEuMzktMy40NC43NC0zLjgxLTEuMjhhNi40Miw2LjQyLDAsMCwxLDAtMi40NywxLjc3LDEuNzcsMCwwLDEsLjM4LS44NiwxLjkzLDEuOTMsMCwwLDEsLjg3LS40Myw1LjE0LDUuMTQsMCwwLDEsMS43NC0uMjIsMi4zNSwyLjM1LDAsMCwxLDEuNTYuNzIsMi44NiwyLjg2LDAsMCwxLC41NywxLjY5QTcuNDEsNy40MSwwLDAsMSwxNS41MiwyMi41N1ptMy42My0xMS4wOWEyLjUsMi41LDAsMCwxLC41LS42NiwxLjY2LDEuNjYsMCwwLDEsMS4yMy0uMzUsMy40MiwzLjQyLDAsMCwxLDEuMjQuNDEsMi41NCwyLjU0LDAsMCwxLDEuNCwxLjYxLDIsMiwwLDAsMS0uNTgsMS42OCw0LjY3LDQuNjcsMCwwLDEtMi4zNSwxLDMuNjEsMy42MSwwLDAsMS0xLjE3LTEsMi44MiwyLjgyLDAsMCwxLS41Ny0uOTNBMi4zLDIuMywwLDAsMSwxOS4xNSwxMS40OFptLS41LDkuNjRhMy42LDMuNiwwLDAsMS0uMjEtLjg2LjYzLjYzLDAsMCwxLC4wNy0uMzguODEuODEsMCwwLDEsLjI3LS4yNSw2LjQ5LDYuNDksMCwwLDEsMy4xMy0xLjExLDEuMTksMS4xOSwwLDAsMSwuNDYsMCwxLjI5LDEuMjksMCwwLDEsLjY5LjgzLDUuODYsNS44NiwwLDAsMSwuNTMsMi4xMiwyLjYzLDIuNjMsMCwwLDEtMi43MywyLjYyQzE5LjI2LDI0LjIyLDE5LjA2LDIyLjMsMTguNjUsMjEuMTJaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9nPjwvZz48L3N2Zz4=");
  }
  .historySp .historyOpenBtn span {
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
  }
  .historySp.close .historyList {
    display: none;
  }
  .historySp.close .historyOpenBtn {
    display: block;
  }
  .importantNewsList {
    padding: 21px 15px 0;
  }
  .importantNewsList .newsTitle {
    background-color: #e5001f;
    padding: 6px 0;
  }
  .importantNewsList .newsTitle .titleText {
    text-align: center;
  }
  .importantNewsList .newsTitle .titleText span {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 0.8em;
    letter-spacing: 0.1em;
  }
  .importantNewsList .newsWrap {
    background-color: #fff;
    border: 2px solid #e5001f;
    padding: 0 15px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .importantNewsList dl {
    padding: 11px 0;
  }
  .importantNewsList dl ~ dl {
    background-image: -webkit-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -moz-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -o-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -ms-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: linear-gradient(to right, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 1px;
    -moz-background-size: 6px 1px;
    background-size: 6px 1px;
  }
  .importantNewsList dl dt span {
    color: #4c4c4c;
    font-size: 11px;
    font-weight: bold;
    font-family: 'Open Sans';
  }
  .importantNewsList dl dd ul li {
    color: #161616;
    margin-top: 3px;
    line-height: 1.3;
  }
  .importantNewsList dl dd ul li a {
    color: #161616;
    font-size: 14px;
    text-decoration: none;
  }
  .importantNewsList .more {
    text-align: right;
  }
  .importantNewsList .more:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 10px;
    color: #999;
  }
  .importantNewsList .more a {
    font-size: 11px;
    color: #161616;
    padding-right: 5px;
  }
  .informationList {
    margin: 20px 0 70px;
  }
  .informationList .list:first-child {
    margin-top: 0;
  }
  .informationList .list {
    margin-top: 20px;
  }
  .informationList .list .infoTitle {
    padding: 13px 15px 13px;
    position: relative;
    background-color: #7e877b;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .informationList .list .infoTitle:before {
    font-size: 17px;
    color: #fff;
    width: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 8px;
    font-family: icomoon;
    content: '\e925';
    font-weight: normal;
  }
  .informationList .list .infoTitle.icon-store:before {
    font-family: icomoon;
    content: '\e925';
    font-weight: normal;
  }
  .informationList .list .infoTitle.icon-car:before {
    font-family: icomoon;
    content: '\e94d';
    font-weight: normal;
  }
  .informationList .list .infoTitle.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .informationList .list .infoTitle.icon-map_app:before {
    font-family: icomoon;
    content: '\e950';
    font-weight: normal;
  }
  .informationList .list .infoTitle.icon-user:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
  }
  .informationList .list .infoTitle.icon-yen:before {
    font-family: icomoon;
    content: '\e920';
    font-weight: normal;
  }
  .informationList .list .infoTitle > span {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #fff;
  }
  .informationList .list .infoTitle:after {
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .informationList .list .infoTitle.open:after {
    font-family: icomoon;
    content: '\e931';
    font-weight: normal;
  }
  .informationList .list .detail {
    display: none;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
  }
  .informationList .list .detail.shopInformationAcc1,
  .informationList .list .detail.shopInformationAcc2 {
    display: block;
  }
  .informationList .list .detail .detailInner {
    padding: 12px 16px 9px;
    word-break: break-all;
  }
  .informationList .list .detail .detailInner .row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .informationList .list .detail .detailInner .row .name {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 53px;
    font-size: 0;
    position: relative;
    padding: 7px 2px 7px 0;
  }
  .informationList .list .detail .detailInner .row .name:after {
    content: ':';
    font-size: 14px;
    font-weight: bold;
    color: #4c4c4c;
    line-height: 1.468;
  }
  .informationList .list .detail .detailInner .row .name .txt {
    font-size: 14px;
    font-weight: bold;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    line-height: 1.468;
  }
  .informationList .list .detail .detailInner .row .item {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    font-size: 13px;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    line-height: 1.468;
    padding: 7px 0 7px 19px;
  }
  .informationList .list .detail .detailInner .row .item .txt1 {
    padding: 0;
  }
  .informationList .list .detail .detailInner .row .item .txt2 {
    padding: 0;
  }
  .informationList .list .detail .detailInner .row .item .notes {
    padding: 0;
  }
  .informationList .list .detail .detailInner .row.feature {
    background-image: -webkit-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -moz-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -o-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -ms-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: linear-gradient(to right, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 10px 1px;
    -moz-background-size: 10px 1px;
    background-size: 10px 1px;
    background-position: left top;
    margin-top: 7px;
    padding-top: 10px;
  }
  .informationList .list .detail .detailInner .row.feature .name {
    padding-top: 18px;
  }
  .informationList .list .detail .detailInner .row.feature .name .txt:after {
    position: absolute;
    right: 0;
    top: 16px;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li:first-child {
    margin-top: 0;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li:before {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 25px;
    color: #41503d;
    width: 25px;
    text-align: left;
    vertical-align: middle;
    padding-right: 7px;
    font-family: icomoon;
    content: '\e94c';
    font-weight: normal;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li > span {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-cloth:before {
    font-family: icomoon;
    content: '\e900';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sewingTool:before {
    font-family: icomoon;
    content: '\e901';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sewingMaterial:before {
    font-family: icomoon;
    content: '\e90d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sewingMachine:before {
    font-family: icomoon;
    content: '\e90e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-embroidery:before {
    font-family: icomoon;
    content: '\e90f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-leather:before {
    font-family: icomoon;
    content: '\e910';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-flower:before {
    font-family: icomoon;
    content: '\e911';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-patternsBooks:before {
    font-family: icomoon;
    content: '\e912';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-resinClay:before {
    font-family: icomoon;
    content: '\e913';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-silverClay:before {
    font-family: icomoon;
    content: '\e914';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-beads:before {
    font-family: icomoon;
    content: '\e915';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-deco:before {
    font-family: icomoon;
    content: '\e916';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-knitting:before {
    font-family: icomoon;
    content: '\e917';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-variousCrafts:before {
    font-family: icomoon;
    content: '\e918';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-feltWool:before {
    font-family: icomoon;
    content: '\e903';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-japaneseHandicraft:before {
    font-family: icomoon;
    content: '\e91a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-tolePaint:before {
    font-family: icomoon;
    content: '\e91b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-accessoryBracket:before {
    font-family: icomoon;
    content: '\e91c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-naturalStone:before {
    font-family: icomoon;
    content: '\e91d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-saleItems:before {
    font-family: icomoon;
    content: '\e91e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-home:before {
    font-family: icomoon;
    content: '\e91f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-guide:before {
    font-family: icomoon;
    content: '\e902';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-cart:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-popular:before {
    font-family: icomoon;
    content: '\e922';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-search:before {
    font-family: icomoon;
    content: '\e923';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-category:before {
    font-family: icomoon;
    content: '\e924';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-store:before {
    font-family: icomoon;
    content: '\e925';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-user:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-blank:before {
    font-family: icomoon;
    content: '\e927';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-fukidashi:before {
    font-family: icomoon;
    content: '\e928';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-login:before {
    font-family: icomoon;
    content: '\e929';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-logout:before {
    font-family: icomoon;
    content: '\e92a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-facebook:before {
    font-family: icomoon;
    content: '\e92b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-twitter:before {
    font-family: icomoon;
    content: '\e92c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-instagram:before {
    font-family: icomoon;
    content: '\e92d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-burger:before {
    font-family: icomoon;
    content: '\e92e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-close:before {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-plus:before {
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-minus:before {
    font-family: icomoon;
    content: '\e931';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-down:before {
    font-family: icomoon;
    content: '\e932';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-right:before {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-edit:before {
    font-family: icomoon;
    content: '\e904';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-favorite:before {
    font-family: icomoon;
    content: '\e905';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-history:before {
    font-family: icomoon;
    content: '\e906';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-mail:before {
    font-family: icomoon;
    content: '\e907';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-memberno:before {
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-present:before {
    font-family: icomoon;
    content: '\e909';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-question:before {
    font-family: icomoon;
    content: '\e90a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-card:before {
    font-family: icomoon;
    content: '\e90b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-point:before {
    font-family: icomoon;
    content: '\e919';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-yen:before {
    font-family: icomoon;
    content: '\e920';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-ticket:before {
    font-family: icomoon;
    content: '\e934';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-campaign_circle:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-event:before {
    font-family: icomoon;
    content: '\e936';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-flyer:before {
    font-family: icomoon;
    content: '\e937';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-flyer_circle:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-handmadeSupport:before {
    font-family: icomoon;
    content: '\e939';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-knitting_circle:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-media_circle:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-news_circle:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-notification:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-productInformation:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-resinClay_circle:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-smartphone:before {
    font-family: icomoon;
    content: '\e940';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-store2:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-workshop:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-book:before {
    font-family: icomoon;
    content: '\e943';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-movie:before {
    font-family: icomoon;
    content: '\e944';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-members_only:before {
    font-family: icomoon;
    content: '\e945';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-done:before {
    font-family: icomoon;
    content: '\e946';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-twinkle:before {
    font-family: icomoon;
    content: '\e947';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-menu_pen:before {
    font-family: icomoon;
    content: '\e948';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-question_circle:before {
    font-family: icomoon;
    content: '\e949';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-roll:before {
    font-family: icomoon;
    content: '\e94a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-star:before {
    font-family: icomoon;
    content: '\e94b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-beads2:before {
    font-family: icomoon;
    content: '\e94c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-car:before {
    font-family: icomoon;
    content: '\e94d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-clothes:before {
    font-family: icomoon;
    content: '\e94e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-large_map:before {
    font-family: icomoon;
    content: '\e94f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-map_app:before {
    font-family: icomoon;
    content: '\e950';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-night:before {
    font-family: icomoon;
    content: '\e951';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-school:before {
    font-family: icomoon;
    content: '\e952';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-shop_phone:before {
    font-family: icomoon;
    content: '\e953';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-recruitment:before {
    font-family: icomoon;
    content: '\e954';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-clock2:before {
    font-family: icomoon;
    content: '\e955';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-event2:before {
    font-family: icomoon;
    content: '\e956';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-external:before {
    font-family: icomoon;
    content: '\e957';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-event3:before {
    font-family: icomoon;
    content: '\e958';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-cloth_circle:before {
    font-family: icomoon;
    content: '\e959';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-community:before {
    font-family: icomoon;
    content: '\e95a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-fukidashiQ:before {
    font-family: icomoon;
    content: '\e95b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-notification2:before {
    font-family: icomoon;
    content: '\e95c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-event_circle:before {
    font-family: icomoon;
    content: '\e95d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-newshop_circle:before {
    font-family: icomoon;
    content: '\e95e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-beads_circle:before {
    font-family: icomoon;
    content: '\e95f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-handicraft_circle:before {
    font-family: icomoon;
    content: '\e960';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-naming_circle:before {
    font-family: icomoon;
    content: '\e961';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-other_circle:before {
    font-family: icomoon;
    content: '\e962';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-wappen_circle:before {
    font-family: icomoon;
    content: '\e963';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-wayosai_circle:before {
    font-family: icomoon;
    content: '\e964';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-bridal:before {
    font-family: icomoon;
    content: '\e965';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-ClothAccessories:before {
    font-family: icomoon;
    content: '\e966';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-other:before {
    font-family: icomoon;
    content: '\e967';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-paper:before {
    font-family: icomoon;
    content: '\e968';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-patchwork:before {
    font-family: icomoon;
    content: '\e969';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-resin:before {
    font-family: icomoon;
    content: '\e96a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-schoolgoods:before {
    font-family: icomoon;
    content: '\e96b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sweets:before {
    font-family: icomoon;
    content: '\e96c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-accessory:before {
    font-family: icomoon;
    content: '\e96d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-accessoryCircle:before {
    font-family: icomoon;
    content: '\e96e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-bridalCircle:before {
    font-family: icomoon;
    content: '\e96f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-ClothAccessoriesCircle:before {
    font-family: icomoon;
    content: '\e970';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-decoCircle:before {
    font-family: icomoon;
    content: '\e971';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-embroideryCircle:before {
    font-family: icomoon;
    content: '\e972';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-feltWoolCircle:before {
    font-family: icomoon;
    content: '\e973';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-flowerCircle:before {
    font-family: icomoon;
    content: '\e974';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-japaneseHandicraftCircle:before {
    font-family: icomoon;
    content: '\e975';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-leatherCIrcle:before {
    font-family: icomoon;
    content: '\e976';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-other_circle2:before {
    font-family: icomoon;
    content: '\e977';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-paperCIrcle:before {
    font-family: icomoon;
    content: '\e978';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-patchworkCIrcle:before {
    font-family: icomoon;
    content: '\e979';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-resinCircle:before {
    font-family: icomoon;
    content: '\e97a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-schoolgoodsCIrcle:before {
    font-family: icomoon;
    content: '\e97b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sewingToolCircle:before {
    font-family: icomoon;
    content: '\e97c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sweetsCIrcle:before {
    font-family: icomoon;
    content: '\e97d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-tolePaintCIrcle:before {
    font-family: icomoon;
    content: '\e97e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-variousCraftsCIrcle:before {
    font-family: icomoon;
    content: '\e97f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .shopDetailBtn {
    width: 239px;
    margin-top: 9px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a {
    display: block;
    background-color: #414e3d;
    border: 2px solid #414e3d;
    padding: 9px 0 10px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a.icon:before {
    color: #fff;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a:after {
    color: #fff;
    font-size: 11px;
    display: inline-block;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    padding-left: 7px;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a >span {
    color: #fff;
    font-size: 11px;
    letter-spacing: 2.4px;
    line-height: 1;
    font-weight: normal;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a.no-arrow:after {
    content: none;
  }
  .informationList .list.access .detail .detailInner > dl {
    margin-top: 15px;
  }
  .informationList .list.access .detail .detailInner > dl:first-child {
    margin-top: 0;
  }
  .informationList .list.access .detail .detailInner > dl dt {
    font-size: 14px;
    line-height: 1.3333;
  }
  .informationList .list.access .detail .detailInner > dl dd {
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.3333;
  }
  .list1 {
    margin-top: 30px;
  }
  .list1 a {
    display: block;
  }
  .list1 >dt {
    border-bottom: 2px solid #41503d;
    padding-bottom: 13px;
    padding-left: 5px;
  }
  .list1 >dt span {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.05em;
  }
  .list1 >dt span:before {
    color: #41503d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 21px;
  }
  .list1 >dt.itemInfo span:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
  .list1 >dt.feature span:before {
    font-family: icomoon;
    content: '\e947';
    font-weight: normal;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    margin-left: 5px;
  }
  .list1 >dt.handmadeSupport span:before {
    font-family: icomoon;
    content: '\e939';
    font-weight: normal;
    -webkit-transform: scale(2.45);
    -moz-transform: scale(2.45);
    -o-transform: scale(2.45);
    -ms-transform: scale(2.45);
    transform: scale(2.45);
    margin-left: 3px;
  }
  .list1 >dd >ul >li {
    border-bottom: 1px solid #e5e5e5;
  }
  .list1 >dd >ul >li a {
    font-size: 13px;
    color: #161616;
    padding: 14px 0;
    position: relative;
    text-decoration: none;
  }
  .list1 >dd >ul >li a:after {
    font-size: 10px;
    color: #161616;
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .listArticle1 {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listArticle1 a {
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 2px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 15px 16px;
    width: 100%;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .listArticle1 .head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 32px;
  }
  .listArticle1 .head .category {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .listArticle1 .head .category:before {
    font-size: 27px;
  }
  .listArticle1 .head .category span {
    color: #4c4c4c;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.05em;
    padding-left: 5px;
  }
  .listArticle1 .head .category.cat-resinClay:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
  }
  .listArticle1 .head .category.cat-campaign:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
  }
  .listArticle1 .head .category.cat-flyer:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
  }
  .listArticle1 .head .category.cat-knitting:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
  }
  .listArticle1 .head .category.cat-media:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
  }
  .listArticle1 .head .category.cat-news:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
  }
  .listArticle1 .head .category2 {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .listArticle1 .head .category2:before {
    font-size: 32px;
    color: #c9c9c9;
    margin-right: -7px;
  }
  .listArticle1 .head .cat2-handmade_recipe:before {
    font-size: 20px;
  }

  .listArticle1 .head .category2 span {
    display: none;
    color: #999;
    font-size: 13px;
    font-feature-settings: 'palt';
    line-height: 1.5;
    letter-spacing: 0.1em;
    white-space: nowrap;
  }
  .listArticle1 .head .category2.cat2-movie:before {
    font-size: 14px;
    font-family: icomoon;
    content: '\e944';
    font-weight: normal;
    margin: 0;
  }
  .listArticle1 .head .category2.cat2-movie span {
    padding-left: 11px;
  }
  .listArticle1 .head .category2.cat2-book:before {
    font-size: 14px;
    font-family: icomoon;
    content: '\e943';
    font-weight: normal;
    margin: 0;
  }
  .listArticle1 .head .category2.cat2-book span {
    padding-left: 11px;
  }
  .listArticle1 .head .category2.cat2-productInformation:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
  }
  .listArticle1 .head .category2.cat2-workshop:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
    font-size: 29px;
  }
  .listArticle1 .head .category2.cat2-notification:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
  }
  .listArticle1 .thumbnail {
    margin-top: 7px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    position: relative;
    width: 100%;
  }
  .listArticle1 .thumbnail:before {
    content: '';
    display: block;
    padding-top: 56.25%;
  }
  .listArticle1 .thumbnail .image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  .listArticle1 .thumbnail .image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .listArticle1 .thumbnail .tagWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1% 4.3%;
  }
  .listArticle1 .thumbnail .tagWrap .tag-movie {
    background: url("/common/images/tag_movie.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 36%;
    height: auto;
    padding-top: 19%;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle1 .thumbnail .tagWrap .tag-pdf {
    background: url("/common/images/tag_pdf.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 26%;
    height: auto;
    padding-top: 18%;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle1 .thumbnail .tagWrap .tag-new {
    background: url("/common/images/tag_new.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 26%;
    height: auto;
    padding-top: 26%;
    display: block;
    position: absolute;
    top: -3px;
    right: 1px;
  }
  .listArticle1 .info {
    margin-top: 15px;
  }
  .listArticle1 .info .date {
    color: #808080;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 11px;
    white-space: nowrap;
  }
  .listArticle1 .info .date time {
    font-family: 'Open Sans';
    font-size: 11px;
    letter-spacing: 0.075em;
    padding-left: 10px;
    margin-left: 7px;
    position: relative;
  }
  .listArticle1 .info .date time:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    background-color: #e5e5e5;
    display: block;
    width: 1px;
    height: 14px;
  }
  .listArticle1 .info .title {
    color: #4c4c4c;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 1.6px;
    font-feature-settings: 'palt';
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle1 .store {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: -6px;
    margin-top: 13px;
  }
  .listArticle1 .store:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
    color: #808080;
    font-size: 22px;
  }
  .listArticle1 .store span {
    color: #808080;
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: 0.08em;
    margin-left: 5px;
  }
  .listArticle2 {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listArticle2 a {
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 2px 2px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 15px 16px;
    width: 100%;
    text-decoration: none;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }
  .listArticle2 a:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #41503d;
    border-radius: 3px 3px 0 0;
  }
  .listArticle2 .head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 38px;
    background-image: -webkit-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -moz-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -o-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -ms-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: linear-gradient(to right, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    -webkit-background-size: 3px 1px;
    -moz-background-size: 3px 1px;
    background-size: 3px 1px;
  }
  .listArticle2 .head .category {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .listArticle2 .head .category:before {
    font-size: 27px;
  }
  .listArticle2 .head .category span {
    color: #4c4c4c;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.05em;
    padding-left: 5px;
  }
  .listArticle2 .head .category.cat-resinClay:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
  }
  .listArticle2 .head .category.cat-campaign:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
  }
  .listArticle2 .head .category.cat-flyer:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
  }
  .listArticle2 .head .category.cat-knitting:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
  }
  .listArticle2 .head .category.cat-media:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
  }
  .listArticle2 .head .category.cat-news:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
  }
  .listArticle2 .head .category2 {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .listArticle2 .head .category2:before {
    font-size: 32px;
    color: #c9c9c9;
    margin-right: -7px;
  }
  .listArticle2 .head .category2 span {
    display: none;
    color: #999;
    font-size: 13px;
    font-feature-settings: 'palt';
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .listArticle2 .head .category2.cat2-movie:before {
    font-size: 14px;
    font-family: icomoon;
    content: '\e944';
    font-weight: normal;
    margin: 0;
  }
  .listArticle2 .head .category2.cat2-movie span {
    padding-left: 11px;
  }
  .listArticle2 .head .category2.cat2-book:before {
    font-size: 14px;
    font-family: icomoon;
    content: '\e943';
    font-weight: normal;
    margin: 0;
  }
  .listArticle2 .head .category2.cat2-book span {
    padding-left: 11px;
  }
  .listArticle2 .head .category2.cat2-productInformation:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
  }
  .listArticle2 .head .category2.cat2-workshop:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
  }
  .listArticle2 .head .category2.cat2-notification:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
  }
  .listArticle2 .thumbnail {
    margin-top: 7px;
    position: relative;
  }
  .listArticle2 .thumbnail .image {
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: block;
    width: 100%;
    padding-top: 56%;
  }
  .listArticle2 .thumbnail .tagWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1% 4.3%;
  }
  .listArticle2 .thumbnail .tagWrap .tag-movie {
    background: url("/common/images/tag_movie.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 36%;
    height: auto;
    padding-top: 19%;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle2 .thumbnail .tagWrap .tag-pdf {
    background: url("/common/images/tag_pdf.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 23%;
    height: auto;
    padding-top: 11%;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle2 .thumbnail .tagWrap .tag-new {
    background: url("/common/images/tag_new.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 26%;
    height: auto;
    padding-top: 26%;
    display: block;
    position: absolute;
    top: -3px;
    right: 1px;
  }
  .listArticle2 .info {
    margin-top: 15px;
  }
  .listArticle2 .info .date {
    color: #808080;
    font-size: 0;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 9px;
  }
  .listArticle2 .info .date time {
    font-family: 'Open Sans';
    font-size: 11px;
    letter-spacing: 0.075em;
  }
  .listArticle2 .info .title {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 1.4px;
    font-feature-settings: 'palt';
    text-decoration: underline;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle2 .store {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: -6px;
    margin-top: 11px;
  }
  .listArticle2 .store:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
    color: #808080;
    font-size: 22px;
  }
  .listArticle2 .store span {
    color: #808080;
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: 0.08em;
    margin-left: 5px;
  }
  .listArticle3 {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listArticle3 a {
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .listArticle3 .head .category {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .listArticle3 .head .category:before {
    font-size: 27px;
  }
  .listArticle3 .head .category span {
    color: #4c4c4c;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.05em;
    padding-left: 5px;
  }
  .listArticle3 .head .category.cat-resinClay:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
  }
  .listArticle3 .head .category.cat-campaign:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
  }
  .listArticle3 .head .category.cat-flyer:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
  }
  .listArticle3 .head .category.cat-knitting:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
  }
  .listArticle3 .head .category.cat-media:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
  }
  .listArticle3 .head .category.cat-news:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
  }
  .listArticle3 .head .thumbnail {
    margin-top: 7px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    position: relative;
  }
  .listArticle3 .thumbnail .image {
    width: 100%;
    height: auto;
  }
  .listArticle3 .thumbnail .image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .listArticle3 .head .thumbnail .tagWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1% 4.3%;
  }
  .listArticle3 .head .thumbnail .tagWrap .tag-movie {
    background: url("/common/images/tag_movie.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 36%;
    height: auto;
    padding-top: 19%;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle3 .head .thumbnail .tagWrap .tag-pdf {
    background: url("/common/images/tag_pdf.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 36%;
    height: auto;
    padding-top: 18%;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle3 .head .thumbnail .tagWrap .tag-new {
    background: url("/common/images/tag_new.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 26%;
    height: auto;
    padding-top: 26%;
    display: block;
    position: absolute;
    top: -3px;
    right: 1px;
  }
  .listArticle3 .head .category2 {
    margin-top: 10px;
  }
  .listArticle3 .head .category2 span {
    padding: 4px 8px 4px;
    font-size: 9px;
    color: #fff;
    font-feature-settings: 'palt';
    line-height: 1.5;
    letter-spacing: 0.1em;
    background-color: #67a6c8;
  }
  .listArticle3 .head .category2.cat2-school span {
    background-color: #67a6c8;
  }
  .listArticle3 .head .category2.cat2-event span {
    background-color: #de9d77;
  }
  .listArticle3 .head .category2.cat2-workshop:before {
   content: '';
  }
  .listArticle3 .head .category2.cat2-school:before {
    content: '';	
  }
  .listArticle3 .head .category2.cat2-event:before {
   content: '';	
  }
  .listArticle3 .info {
    margin-top: 15px;
  }
  .listArticle3 .info .date {
    color: #808080;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 11px;
    white-space: nowrap;
  }
  .listArticle3 .info .date time {
    font-family: 'Open Sans';
    font-size: 11px;
    letter-spacing: 0.075em;
    padding-left: 10px;
    position: relative;
  }
  .listArticle3 .info .date time:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    background-color: #e5e5e5;
    display: block;
    width: 1px;
    height: 14px;
  }
  .listArticle3 .info .title {
    color: #4c4c4c;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 1.6px;
    font-feature-settings: 'palt';
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle3 .store {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top: 18px;
  }
  .listArticle3 .store:before {
    font-family: icomoon;
    content: '\e925';
    font-weight: normal;
    color: #808080;
    font-size: 12px;
  }
  .listArticle3 .store span {
    color: #808080;
    font-size: 11px;
    line-height: 1.3;
    margin-left: 7px;
  }
  .listArticle4 {
    width: 100%;
  }
  .listArticle4 .head a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle4 .head a .thumbnail {
    border: 1px solid #e5e5e5;
    width: 19%;
    margin-right: 15px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    position: relative;
  }
  .listArticle4 .head a .thumbnail .image {
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .listArticle4 .head a .title {
    color: #4c4c4c;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 1.6px;
    font-feature-settings: 'palt';
    text-decoration: underline;
    width: 81%;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle4 .info {
    padding-top: 17px;
  }
  .listArticle4 .info dl {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .listArticle4 .info dl + dl {
    margin-top: 2px;
  }
  .listArticle4 .info dl dt {
    font-size: 10px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 6.7em;
    -ms-flex: 1 0 6.7em;
    flex: 1 0 6.7em;
    max-width: 6.7em;
    line-height: 1.4;
    position: relative;
  }
  .listArticle4 .info dl dt:after {
    content: ':';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
  }
  .listArticle4 .info dl dd {
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    padding-left: 20px;
  }
  .listArticle4 .info dl dd a[href^='tel'] {
    font-size: 17px;
    letter-spacing: 0.09em;
    text-decoration: none;
  }
  .listArticle4 .info .featureListWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: -5px;
  }
  .listArticle4 .info .featureListWrap >li {
    margin: 5px;
  }
  .listArticle4 .info .featureListWrap >li.icon:before {
    color: #4b4b4b;
    font-size: 19px;
  }
  .listArticle4 .info .featureListWrap >li.icon-cloth:before {
    font-family: icomoon;
    content: '\e900';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sewingTool:before {
    font-family: icomoon;
    content: '\e901';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sewingMaterial:before {
    font-family: icomoon;
    content: '\e90d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sewingMachine:before {
    font-family: icomoon;
    content: '\e90e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-embroidery:before {
    font-family: icomoon;
    content: '\e90f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-leather:before {
    font-family: icomoon;
    content: '\e910';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-flower:before {
    font-family: icomoon;
    content: '\e911';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-patternsBooks:before {
    font-family: icomoon;
    content: '\e912';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-resinClay:before {
    font-family: icomoon;
    content: '\e913';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-silverClay:before {
    font-family: icomoon;
    content: '\e914';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-beads:before {
    font-family: icomoon;
    content: '\e915';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-deco:before {
    font-family: icomoon;
    content: '\e916';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-knitting:before {
    font-family: icomoon;
    content: '\e917';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-variousCrafts:before {
    font-family: icomoon;
    content: '\e918';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-feltWool:before {
    font-family: icomoon;
    content: '\e903';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-japaneseHandicraft:before {
    font-family: icomoon;
    content: '\e91a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-tolePaint:before {
    font-family: icomoon;
    content: '\e91b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-accessoryBracket:before {
    font-family: icomoon;
    content: '\e91c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-naturalStone:before {
    font-family: icomoon;
    content: '\e91d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-saleItems:before {
    font-family: icomoon;
    content: '\e91e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-home:before {
    font-family: icomoon;
    content: '\e91f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-guide:before {
    font-family: icomoon;
    content: '\e902';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-cart:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-popular:before {
    font-family: icomoon;
    content: '\e922';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-search:before {
    font-family: icomoon;
    content: '\e923';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-category:before {
    font-family: icomoon;
    content: '\e924';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-store:before {
    font-family: icomoon;
    content: '\e925';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-user:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-blank:before {
    font-family: icomoon;
    content: '\e927';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-fukidashi:before {
    font-family: icomoon;
    content: '\e928';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-login:before {
    font-family: icomoon;
    content: '\e929';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-logout:before {
    font-family: icomoon;
    content: '\e92a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-facebook:before {
    font-family: icomoon;
    content: '\e92b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-twitter:before {
    font-family: icomoon;
    content: '\e92c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-instagram:before {
    font-family: icomoon;
    content: '\e92d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-burger:before {
    font-family: icomoon;
    content: '\e92e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-close:before {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-plus:before {
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-minus:before {
    font-family: icomoon;
    content: '\e931';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-down:before {
    font-family: icomoon;
    content: '\e932';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-right:before {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-edit:before {
    font-family: icomoon;
    content: '\e904';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-favorite:before {
    font-family: icomoon;
    content: '\e905';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-history:before {
    font-family: icomoon;
    content: '\e906';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-mail:before {
    font-family: icomoon;
    content: '\e907';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-memberno:before {
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-present:before {
    font-family: icomoon;
    content: '\e909';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-question:before {
    font-family: icomoon;
    content: '\e90a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-card:before {
    font-family: icomoon;
    content: '\e90b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-point:before {
    font-family: icomoon;
    content: '\e919';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-yen:before {
    font-family: icomoon;
    content: '\e920';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-ticket:before {
    font-family: icomoon;
    content: '\e934';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-campaign_circle:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-event:before {
    font-family: icomoon;
    content: '\e936';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-flyer:before {
    font-family: icomoon;
    content: '\e937';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-flyer_circle:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-handmadeSupport:before {
    font-family: icomoon;
    content: '\e939';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-knitting_circle:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-media_circle:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-news_circle:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-notification:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-productInformation:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-resinClay_circle:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-smartphone:before {
    font-family: icomoon;
    content: '\e940';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-store2:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-workshop:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-book:before {
    font-family: icomoon;
    content: '\e943';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-movie:before {
    font-family: icomoon;
    content: '\e944';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-members_only:before {
    font-family: icomoon;
    content: '\e945';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-done:before {
    font-family: icomoon;
    content: '\e946';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-twinkle:before {
    font-family: icomoon;
    content: '\e947';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-menu_pen:before {
    font-family: icomoon;
    content: '\e948';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-question_circle:before {
    font-family: icomoon;
    content: '\e949';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-roll:before {
    font-family: icomoon;
    content: '\e94a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-star:before {
    font-family: icomoon;
    content: '\e94b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-beads2:before {
    font-family: icomoon;
    content: '\e94c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-car:before {
    font-family: icomoon;
    content: '\e94d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-clothes:before {
    font-family: icomoon;
    content: '\e94e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-large_map:before {
    font-family: icomoon;
    content: '\e94f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-map_app:before {
    font-family: icomoon;
    content: '\e950';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-night:before {
    font-family: icomoon;
    content: '\e951';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-school:before {
    font-family: icomoon;
    content: '\e952';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-shop_phone:before {
    font-family: icomoon;
    content: '\e953';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-recruitment:before {
    font-family: icomoon;
    content: '\e954';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-clock2:before {
    font-family: icomoon;
    content: '\e955';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-event2:before {
    font-family: icomoon;
    content: '\e956';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-external:before {
    font-family: icomoon;
    content: '\e957';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-event3:before {
    font-family: icomoon;
    content: '\e958';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-cloth_circle:before {
    font-family: icomoon;
    content: '\e959';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-community:before {
    font-family: icomoon;
    content: '\e95a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-fukidashiQ:before {
    font-family: icomoon;
    content: '\e95b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-notification2:before {
    font-family: icomoon;
    content: '\e95c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-event_circle:before {
    font-family: icomoon;
    content: '\e95d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-newshop_circle:before {
    font-family: icomoon;
    content: '\e95e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-beads_circle:before {
    font-family: icomoon;
    content: '\e95f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-handicraft_circle:before {
    font-family: icomoon;
    content: '\e960';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-naming_circle:before {
    font-family: icomoon;
    content: '\e961';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-other_circle:before {
    font-family: icomoon;
    content: '\e962';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-wappen_circle:before {
    font-family: icomoon;
    content: '\e963';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-wayosai_circle:before {
    font-family: icomoon;
    content: '\e964';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-bridal:before {
    font-family: icomoon;
    content: '\e965';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-ClothAccessories:before {
    font-family: icomoon;
    content: '\e966';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-other:before {
    font-family: icomoon;
    content: '\e967';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-paper:before {
    font-family: icomoon;
    content: '\e968';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-patchwork:before {
    font-family: icomoon;
    content: '\e969';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-resin:before {
    font-family: icomoon;
    content: '\e96a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-schoolgoods:before {
    font-family: icomoon;
    content: '\e96b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sweets:before {
    font-family: icomoon;
    content: '\e96c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-accessory:before {
    font-family: icomoon;
    content: '\e96d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-accessoryCircle:before {
    font-family: icomoon;
    content: '\e96e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-bridalCircle:before {
    font-family: icomoon;
    content: '\e96f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-ClothAccessoriesCircle:before {
    font-family: icomoon;
    content: '\e970';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-decoCircle:before {
    font-family: icomoon;
    content: '\e971';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-embroideryCircle:before {
    font-family: icomoon;
    content: '\e972';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-feltWoolCircle:before {
    font-family: icomoon;
    content: '\e973';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-flowerCircle:before {
    font-family: icomoon;
    content: '\e974';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-japaneseHandicraftCircle:before {
    font-family: icomoon;
    content: '\e975';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-leatherCIrcle:before {
    font-family: icomoon;
    content: '\e976';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-other_circle2:before {
    font-family: icomoon;
    content: '\e977';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-paperCIrcle:before {
    font-family: icomoon;
    content: '\e978';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-patchworkCIrcle:before {
    font-family: icomoon;
    content: '\e979';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-resinCircle:before {
    font-family: icomoon;
    content: '\e97a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-schoolgoodsCIrcle:before {
    font-family: icomoon;
    content: '\e97b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sewingToolCircle:before {
    font-family: icomoon;
    content: '\e97c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sweetsCIrcle:before {
    font-family: icomoon;
    content: '\e97d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-tolePaintCIrcle:before {
    font-family: icomoon;
    content: '\e97e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-variousCraftsCIrcle:before {
    font-family: icomoon;
    content: '\e97f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listLayout1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -3px 1px;
  }
  .listLayout1 li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 2px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listLayout1 li:nth-child(1),
  .listLayout1 li:nth-child(2) {
    width: 100%;
  }
  .listLayout1 li:nth-child(1) .listArticle1 a,
  .listLayout1 li:nth-child(2) .listArticle1 a {
    padding-top: 8px;
    padding-bottom: 23px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category:before,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category:before {
    font-size: 33px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category span,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category span {
    font-size: 13px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category2:before,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category2:before {
    margin: 0;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category2 span,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category2 span {
    display: inline;
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: 0.08em;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .thumbnail .tagWrap,
  .listLayout1 li:nth-child(2) .listArticle1 .thumbnail .tagWrap {
    padding-top: 2%;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-movie,
  .listLayout1 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-movie {
    width: 23%;
    padding-top: 11%;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-pdf,
  .listLayout1 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-pdf {
    width: 14%;
    padding-top: 7%;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-new,
  .listLayout1 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-new {
    width: 18.9%;
    padding-top: 18%;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .info,
  .listLayout1 li:nth-child(2) .listArticle1 .info {
    margin-top: 14px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .info .date,
  .listLayout1 li:nth-child(2) .listArticle1 .info .date {
    font-size: 12px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .info .date time,
  .listLayout1 li:nth-child(2) .listArticle1 .info .date time {
    font-size: 12px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .info .title,
  .listLayout1 li:nth-child(2) .listArticle1 .info .title {
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 1.8px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .info .store:before,
  .listLayout1 li:nth-child(2) .listArticle1 .info .store:before {
    font-size: 25px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .info .store span,
  .listLayout1 li:nth-child(2) .listArticle1 .info .store span {
    font-size: 11px;
  }
  .listLayout2 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -3px 1px;
  }
  .listLayout2 li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 2px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listLayout3 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -3px 1px;
  }
  .listLayout3 li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 2px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listLayout3 li:nth-child(1),
  .listLayout3 li:nth-child(2) {
    width: 100%;
  }
  .listLayout3 li:nth-child(1) .listArticle1 a,
  .listLayout3 li:nth-child(2) .listArticle1 a {
    padding-top: 8px;
    padding-bottom: 23px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category:before,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category:before {
    font-size: 33px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category span,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category span {
    font-size: 13px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category2:before,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category2:before {
    margin: 0;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category2 span,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category2 span {
    display: inline;
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: 0.08em;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .thumbnail .tagWrap,
  .listLayout3 li:nth-child(2) .listArticle1 .thumbnail .tagWrap {
    padding-top: 2%;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-movie,
  .listLayout3 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-movie {
    width: 23%;
    padding-top: 11%;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-pdf,
  .listLayout3 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-pdf {
    width: 14%;
    padding-top: 7%;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-new,
  .listLayout3 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-new {
    width: 18.9%;
    padding-top: 18%;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .info,
  .listLayout3 li:nth-child(2) .listArticle1 .info {
    margin-top: 14px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .info .date,
  .listLayout3 li:nth-child(2) .listArticle1 .info .date {
    font-size: 12px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .info .date time,
  .listLayout3 li:nth-child(2) .listArticle1 .info .date time {
    font-size: 12px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .info .title,
  .listLayout3 li:nth-child(2) .listArticle1 .info .title {
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 1.8px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .info .store:before,
  .listLayout3 li:nth-child(2) .listArticle1 .info .store:before {
    font-size: 25px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .info .store span,
  .listLayout3 li:nth-child(2) .listArticle1 .info .store span {
    font-size: 11px;
  }
  .listLayout4 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .listLayout4 li {
    width: 45.2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 10px 0;
  }
  .listLayout4 li:nth-of-type(2n) {
    position: relative;
  }
  .listLayout4 li:nth-of-type(2n):before {
    position: absolute;
    left: -11%;
    top: 0;
    content: '';
    width: 1px;
    height: 100%;
    background-image: -webkit-linear-gradient(top, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -moz-linear-gradient(top, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -o-linear-gradient(top, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -ms-linear-gradient(top, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: linear-gradient(to bottom, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    -webkit-background-size: 2px 8px;
    -moz-background-size: 2px 8px;
    background-size: 2px 8px;
    background-repeat: repeat-y;
  }
  .listLayout5 >li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 24px 0;
  }
  .listLayout5 >li + li {
    position: relative;
    padding-top: 30px;
  }
  .listLayout5 >li + li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -moz-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -o-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -ms-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: linear-gradient(to left, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    -webkit-background-size: 7px 1px;
    -moz-background-size: 7px 1px;
    background-size: 7px 1px;
    background-repeat: repeat-x;
  }
  #modal {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,0.6);
  }
  #modal a {
    text-decoration: none;
  }
  #modal >.wrap {
    position: relative;
    padding-top: 30px;
  }
  #modal >.wrap .modalContent {
    z-index: 1001;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 0 7px;
  }
  #modal >.wrap .modalContent .modalContentArea {
    display: none;
  }
  #modal >.wrap .modalContent .modalContentArea.open {
    display: block;
  }
  #modal >.wrap .modalContent .modalHeader {
    width: 100%;
    max-width: 290px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    display: table;
    table-layout: fixed;
    border-bottom: 2px solid #414e3d;
    padding-bottom: 20px;
  }
  #modal >.wrap .modalContent .modalHeader .headLogo {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #modal >.wrap .modalContent .modalHeader .headLogo:before {
    color: #414e3d;
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
  }
  #modal >.wrap .modalContent .modalHeader .headLogo span {
    color: #414e3d;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  #modal >.wrap .modalContent .modalHeader .modalBtnClose {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
  }
  #modal >.wrap .modalContent .modalHeader .modalBtnClose .close {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #4c4c4c;
    text-align: center;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #modal >.wrap .modalContent .modalHeader .modalBtnClose .close:before {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    font-size: 10px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #modal >.wrap .modalContent .modalAreaContent {
    width: 100%;
    max-width: 290px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #modal >.wrap .modalContent .banners {
    width: 100%;
    max-width: 290px;
    margin: 0 auto;
  }
  #modal >.wrap .modalContent .banners li {
    margin-bottom: 10px;
  }
  #modal >.wrap .modalContent .banners li img {
    width: 100%;
    height: auto;
  }
  #modal >.wrap .modalContent .modal-page-shop_search .modalAreaContent ul {
    padding: 10px 0 5px;
  }
  #modal >.wrap .modalContent .modal-page-shop_search .modalAreaContent ul li {
    border-bottom: 1px dashed #e5e5e5;
    padding: 12px 10px 12px 0;
    min-height: 2em;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #modal >.wrap .modalContent .modal-page-shop_search .modalAreaContent ul li span {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.3;
  }
  #modal >.wrap .modalContent .modal-page-shop_search .modalAreaContent ul li .icon {
    display: block;
    padding-left: 53px;
    position: relative;
  }
  #modal >.wrap .modalContent .modal-page-shop_search .modalAreaContent ul li .icon:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 34px;
  }
  #modal >.wrap .modalContent .modal-page-school_search .modalAreaContent p {
    font-size: 12px;
    line-height: 1.6;
    margin: 17px 0;
    letter-spacing: 0.05em;
  }
  #modal >.wrap .modalContent .modal-page-school_search .modalAreaContent p a {
    color: #0071b9;
    text-decoration: none;
  }
  #modal >.wrap .modalContent .btnClose {
    text-align: center;
    margin: 20px auto;
  }
  #modal >.wrap .modalContent .btnClose a {
    display: inline-block;
    border: 1px solid #161616;
    padding: 5px 45px 5px 45px;
    margin: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #modal >.wrap .modalContent .btnClose a:after {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    color: #999;
    font-size: 10px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #modal >.wrap .modalContent .btnClose a >span {
    color: #4c4c4c;
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #modal .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .mypageHeader {
    padding-top: 62px;
  }
  #mypageHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    z-index: 100;
  }
  #mypageHeader .headContent .menu {
    width: 100%;
    display: table;
    table-layout: fixed;
  }
  #mypageHeader .headContent .menu>div,
  #mypageHeader .headContent .menu>p {
    display: table-cell;
    vertical-align: middle;
  }
  #mypageHeader .headContent .menu .headLogo {
    width: 127px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
  }
  #mypageHeader .headContent .menu .headLogo a {
    display: block;
  }
  #mypageHeader .headContent .menu .headLogo img {
    width: 107px;
    height: auto;
  }
  #mypageHeader .headContent .menu .cartBtn {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  #mypageHeader .headContent .menu .cartBtn a {
    display: block;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    padding: 5px 0 0;
    position: relative;
  }
  #mypageHeader .headContent .menu .cartBtn a:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
    width: 20px;
    height: 18px;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    color: #ed1350;
    text-align: center;
  }
  #mypageHeader .headContent .menu .cartBtn a >span {
    font-size: 11px;
    font-weight: bold;
    color: #4c4c4c;
  }
  #mypageHeader .headContent .menu .cartBtn a .num {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    width: 26px;
    height: 18px;
    margin-left: 10px;
    color: #fff;
  }
  #mypageHeader .headContent .menu .cartBtn a .num:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 26px;
    height: 18px;
    font-family: icomoon;
    content: '\e928';
    font-weight: normal;
    font-size: 17px;
    display: block;
    color: #ed1350;
  }
  #mypageHeader .headContent .menu .cartBtn a .num >span {
    position: absolute;
    top: 3px;
    left: 4px;
    width: 20px;
    text-align: center;
    font-family: "Open Sans";
    font-size: 10px;
    color: #fff;
  }
  #mypageHeader .headContent .menu .cartBtn a .price {
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #161616;
    padding-top: 3px;
  }
  #mypageHeader .headContent .menu .cartBtn.cartIn a .price,
  #mypageHeader .headContent .menu .cartBtn.cartIn a .num {
    display: block;
  }
  #mypageHeader .headContent .menu .searchBtn {
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    cursor: pointer;
  }
  #mypageHeader .headContent .menu .searchBtn:before {
    font-family: icomoon;
    content: '\e923';
    font-weight: normal;
    font-size: 17px;
    color: #161616;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mypageHeader .headContent .menu .searchBtn .open {
    display: inline-block;
    color: #161616;
    font-size: 10px;
    font-weight: bold;
  }
  #mypageHeader .headContent .menu .searchBtn .close {
    display: none;
    color: #161616;
    font-size: 10px;
    font-weight: bold;
  }
  #mypageHeader .headContent .menu .searchBtn.open {
    background-color: #e5e5e5;
    padding-top: 5px;
  }
  #mypageHeader .headContent .menu .searchBtn.open:before {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    font-size: 17px;
  }
  #mypageHeader .headContent .menu .searchBtn.open .open {
    display: none;
  }
  #mypageHeader .headContent .menu .searchBtn.open .close {
    display: inline-block;
  }
  #mypageHeader .headContent .menu .burgerBtn {
    border-radius: 0;
    width: 58px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    cursor: pointer;
    background-color: #4c4c4c;
    text-align: center;
  }
  #mypageHeader .headContent .menu .burgerBtn .open {
    display: inline-block;
  }
  #mypageHeader .headContent .menu .burgerBtn .close {
    display: none;
  }
  #mypageHeader .headContent .menu .burgerBtn.open .open {
    display: none;
  }
  #mypageHeader .headContent .menu .burgerBtn.open .close {
    display: inline-block;
  }
  #mypageHeader .headContent .menu .burgerBtn:before {
    font-family: icomoon;
    content: '\e92e';
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mypageHeader .headContent .menu .burgerBtn span {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
  }
  #mypageHeader .searchArea {
    display: none;
  }
  #mypageMenu {
    position: relative;
    padding: 40px 0 50px;
  }
  #mypageMenu:before,
  #mypageMenu:after {
    content: '';
    display: block;
    width: calc(100% + 30px);
    height: 1px;
    position: absolute;
    left: -15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e5e5e5;
  }
  #mypageMenu:before {
    top: 0;
  }
  #mypageMenu:after {
    bottom: 0;
  }
  #mypageMenu .menuTitle {
    position: relative;
  }
  #mypageMenu .menuTitle >span {
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    color: #161616;
  }
  #mypageMenu .menuTitle:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #mypageMenu .menuTitle.menu-shop:after {
    width: 30px;
    height: 14px;
    background-image: url("/common/images/mypage-title1.svg");
    -webkit-background-size: 30px 14px;
    -moz-background-size: 30px 14px;
    background-size: 30px 14px;
  }
  #mypageMenu .menuTitle.menu-shopping:after {
    width: 62px;
    height: 14px;
    background-image: url("/common/images/mypage-title2.svg");
    -webkit-background-size: 62px 14px;
    -moz-background-size: 62px 14px;
    background-size: 62px 14px;
  }
  #mypageMenu .menuTitle.menu-user:after {
    width: 30px;
    height: 11px;
    background-image: url("/common/images/mypage-title3.svg");
    -webkit-background-size: 30px 11px;
    -moz-background-size: 30px 11px;
    background-size: 30px 11px;
  }
  #mypageMenu .menuTitle.menu-help:after {
    width: 28px;
    height: 14px;
    background-image: url("/common/images/mypage-title4.svg");
    -webkit-background-size: 28px 14px;
    -moz-background-size: 28px 14px;
    background-size: 28px 14px;
  }
  #mypageMenu ul {
    margin: 20px 0 40px;
  }
  #mypageMenu ul:last-of-type {
    margin-bottom: 0;
  }
  #mypageMenu ul li {
    padding-bottom: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f2f2f2;
    background-image: -webkit-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -moz-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -o-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -ms-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: linear-gradient(to right, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    -webkit-background-size: 10px 1px;
    -moz-background-size: 10px 1px;
    background-size: 10px 1px;
  }
  #mypageMenu ul li:last-child {
    padding: 0;
    background-image: none;
  }
  #mypageMenu ul li a {
    display: block;
    position: relative;
    padding: 12px 10px;
    text-decoration: none;
    background-color: #f2f2f2;
  }
  #mypageMenu ul li a span {
    color: #4c4c4c;
    font-size: 12px;
    line-height: 1;
    padding-left: 9px;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #mypageMenu ul li a:before {
    display: inline-block;
    width: 24px;
    text-align: center;
    font-size: 15px;
    color: #4c4c4c;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #mypageMenu ul li a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 10px;
    color: #999;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #mypageMenu ul li.icon-store a:before {
    font-family: icomoon;
    content: '\e925';
    font-weight: normal;
  }
  #mypageMenu ul li.icon-history a:before {
    font-family: icomoon;
    content: '\e906';
    font-weight: normal;
  }
  #mypageMenu ul li.icon-favorite a:before {
    font-family: icomoon;
    content: '\e905';
    font-weight: normal;
  }
  #mypageMenu ul li.icon-edit a:before {
    font-family: icomoon;
    content: '\e904';
    font-weight: normal;
    font-size: 17px;
  }
  #mypageMenu ul li.icon-user a:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
    font-size: 17px;
  }
  #mypageMenu ul li.icon-memberno a:before {
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
    font-size: 13px;
  }
  #mypageMenu ul li.icon-present a:before {
    font-family: icomoon;
    content: '\e909';
    font-weight: normal;
    font-size: 17px;
  }
  #mypageMenu ul li.icon-guide a:before {
    font-family: icomoon;
    content: '\e902';
    font-weight: normal;
    font-size: 17px;
  }
  #mypageMenu ul li.icon-mail a:before {
    font-family: icomoon;
    content: '\e907';
    font-weight: normal;
    font-size: 13px;
  }
  #mypageMenu ul li.icon-question a:before {
    font-family: icomoon;
    content: '\e90a';
    font-weight: normal;
  }
  .newItemList {
    margin: 0 -15px;
    padding-bottom: 30px;
  }
  .newItemList a {
    text-decoration: none;
  }
  .newItemList .contentTitle {
    margin: 0 15px 10px;
  }
  .newItemList .itemList {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .newItemList .itemList >li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 15px;
    margin-bottom: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .newItemList .itemList >li .image {
    padding-bottom: 10px;
  }
  .newItemList .itemList >li .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .newItemList .itemList >li .image a {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .newItemList .itemList >li .tagList {
    padding-bottom: 7px;
  }
  .newItemList .itemList >li .name {
    font-size: 13px;
    line-height: 1.4;
  }
  .newItemList .itemList >li .name a {
    color: #161616;
  }
  .newItemList .itemList >li .price1 {
    text-align: right;
    padding: 10px 0;
  }
  .newItemList .itemList >li .price1 .regularPrice {
    font-size: 11px;
    line-height: 1.4;
    color: #808080;
  }
  .newItemList .itemList >li .price1 .salePrice {
    font-size: 12px;
    line-height: 1.4;
    font-weight: bold;
    color: #4c4c4c;
  }
  .newItemList .itemList >li .price1 .salePrice span {
    color: #ed1350;
  }
  .newItemList .itemList >li .price2 {
    text-align: right;
    padding: 10px 0;
  }
  .newItemList .itemList >li .price2 .regularPrice {
    font-size: 12px;
    line-height: 1.4;
    font-weight: bold;
    color: #161616;
  }
  .newItemList .itemList >li .price2 .excluded {
    font-size: 11px;
    line-height: 1.4;
    color: #ed1350;
  }
  .newItemList .itemList >li:nth-child(odd) {
    border-right: 1px solid #e5e5e5;
  }
  .newsList {
    padding-bottom: 30px;
  }
  .newsList .newsTitle .titleText {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .newsList .newsTitle .titleText span {
    font-size: 19px;
    color: #161616;
    font-weight: bold;
    padding: 0 10px;
  }
  .newsList .newsTitle .titleText:before,
  .newsList .newsTitle .titleText:after {
    content: '';
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
    height: 2px;
    background-image: -webkit-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -moz-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -o-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -ms-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: linear-gradient(to right, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
  }
  .newsList .newsWrap {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 0px 15px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 15px 0;
    height: 250px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .newsList dl dt {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 20px;
  }
  .newsList dl dt span {
    color: #4c4c4c;
    font-size: 11px;
    font-family: 'Open Sans';
    padding-right: 10px;
  }
  .newsList dl dt:after {
    content: '';
    border-top: 1px dashed #dcdcdc;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
  }
  .newsList dl dd ul li {
    color: #161616;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 10px 0;
  }
  .newsList dl dd ul li:before {
    content: '\30fb';
    font-size: 12px;
    line-height: 1.4;
  }
  .newsList dl dd ul li a {
    color: #161616;
    font-size: 12px;
    line-height: 1.4;
  }
  .newsList .more {
    text-align: right;
  }
  .newsList .more:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 10px;
    color: #999;
  }
  .newsList .more a {
    font-size: 11px;
    color: #161616;
    padding-right: 5px;
  }
  .page-entry {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 40px;
    overflow: hidden;
  }
  .page-entry * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-feature-settings: 'palt';
  }
  .page-entry .contentHeader {
    padding-bottom: 43px;
  }
  .page-entry .title1 >.wrap {
    padding-bottom: 19px;
    margin-bottom: 0;
  }
  .page-entry .submitBtn1 {
    width: 78%;
  }
  .page-entry .errorWrap {
    display: none;
    margin: 8px 0;
    color: #f00;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .page-entry .errorWrap.show {
    display: block;
  }
  .page-entry input[type='checkbox'] + span {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }
  .page-entry section {
    padding: 25px 0;
  }
  .page-entry section + section {
    border-top: 1px dashed #ccc;
  }
  .page-entry section:first-child {
    padding-top: 0;
  }
  .page-entry section >.title {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-entry section >.title >span {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 1.8px;
    color: #161616;
    vertical-align: middle;
    margin-bottom: 18px;
    position: relative;
  }
  .page-entry section >.title >span small {
    font-size: 11px;
    line-height: 1.2;
  }
  .page-entry section.required >.title >span,
  .page-entry section.optional >.title >span {
    padding-right: 45px;
    position: relative;
  }
  .page-entry section.required >.title >span:after,
  .page-entry section.optional >.title >span:after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    padding: 6px 6px;
    margin-left: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 1.5px;
  }
  .page-entry section.required >.title >span:after {
    content: '必須';
    background-color: #ed1350;
  }
  .page-entry section.optional >.title >span:after {
    content: '任意';
    background-color: #abb1d9;
  }
  .page-entry section >.wrap .row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 -5px;
  }
  .page-entry section >.wrap .row + .row {
    margin-top: 20px;
  }
  .page-entry section >.wrap .row >label,
  .page-entry section >.wrap .row >.rowIn {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    padding: 0 5px;
  }
  .page-entry section >.wrap .row >label .itemName,
  .page-entry section >.wrap .row >.rowIn .itemName {
    color: #161616;
    display: block;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
  }
  .page-entry section >.wrap .row >label .notes,
  .page-entry section >.wrap .row >.rowIn .notes {
    display: block;
    font-size: 13px;
    line-height: 1.3;
    padding-top: 7px;
  }
  .page-entry section >.wrap .row >label .inputWrap,
  .page-entry section >.wrap .row >.rowIn .inputWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-entry section >.wrap .row >label .inputWrap .hyphen,
  .page-entry section >.wrap .row >.rowIn .inputWrap .hyphen {
    padding: 0 5px;
  }
  .page-entry section >.wrap .row.flexItemAuto label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .page-entry section >.wrap .row.flexItemColumn2 {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-entry section >.wrap .row.flexItemColumn2 label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .page-entry section.secBirthday >.wrap .row {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-entry section.secBirthday >.wrap .row label {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .page-entry section.secBirthday >.wrap .row label:nth-child(1) .selectWrap {
    width: 180px;
  }
  .page-entry section.secBirthday >.wrap .row label:nth-child(2) .selectWrap {
    width: 120px;
  }
  .page-entry section.secBirthday >.wrap .row label:nth-child(3) .selectWrap {
    width: 120px;
  }
  .page-entry section.secBirthday >.wrap .row .selectWrap + span {
    padding-left: 4px;
  }
  .page-entry section.secAddress >.wrap .row .inputWrap >label:nth-of-type(1) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
  }
  .page-entry section.secAddress >.wrap .row .inputWrap >label:nth-of-type(2) {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2 1 100%;
    -ms-flex: 2 1 100%;
    flex: 2 1 100%;
  }
  .page-entry section.secPhoneNumber >.wrap .row .inputWrap >label:nth-of-type(1) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
  }
  .page-entry section.secPhoneNumber >.wrap .row .inputWrap >label:nth-of-type(2),
  .page-entry section.secPhoneNumber >.wrap .row .inputWrap >label:nth-of-type(3) {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2 1 100%;
    -ms-flex: 2 1 100%;
    flex: 2 1 100%;
  }
  .page-entry section.secPasswordHint >.wrap .row .itemName {
    font-size: 18px;
  }
  .page-entry section.secPasswordHint >.wrap .row .selectWrap {
    width: 100%;
  }
  .page-entry section.secIndustry >.wrap .row .selectWrap {
    width: 100%;
  }
  .page-login {
    overflow: hidden;
  }
  .page-login * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-login p {
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: 0.07em;
    margin: 10px 0;
  }
  .page-login p a {
    color: #0071bc;
    text-decoration: underline;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .page-login >.wrap .errorWrap {
    margin: 15px 0;
  }
  .page-login >.wrap .errorWrap p {
    color: #f00;
    font-size: 12px;
    line-height: 1.3;
    margin: 0.7em 0;
  }
  .page-login .btn1,
  .page-login .btn2 {
    max-width: 270px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .page-login .form dl + dl {
    margin-top: 20px;
  }
  .page-login .form dl dt {
    color: #161616;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.08em;
  }
  .page-login .form dl dd {
    margin-top: 10px;
  }
  .page-login .save {
    margin: 20px 0;
  }
  .page-login .main .text {
    margin: 20px 0;
  }
  .page-login .sub {
    padding: 60px 15px;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #f5f5f5;
  }
  .page-login .sub .title {
    border-bottom: 1px dashed #161616;
    color: #161616;
    font-weight: bold;
    font-size: 19px;
    line-height: 1.4;
    letter-spacing: 0.01em;
    text-align: center;
    padding-bottom: 10px;
  }
  .page-login .sub >p {
    margin: 20px 0;
  }
  .page-login .sub .btn2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .page-login .sub .subLink {
    text-align: center;
  }
  .page-login .sub .subLink a {
    color: #161616;
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0.09em;
    padding: 0 17px;
    position: relative;
  }
  .page-login .sub .subLink a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #999;
    font-size: 9px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .pager {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 27px;
  }
  .pager .prev {
    min-width: 70px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .pager .prev >a {
    position: relative;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    text-decoration: none;
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .pager .prev >a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 10px;
    color: #b3b3b3;
    text-decoration: none;
    position: absolute;
    top: 50%;
    left: 10px;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
  .pager .prev >a span.txt {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 16px 10px 25px;
  }
  .pager .notes {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .pager .notes p {
    font-size: 13px;
    font-weight: bold;
    margin: auto;
  }
  .pager .next {
    min-width: 70px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .pager .next >a {
    position: relative;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .pager .next >a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 10px;
    color: #b3b3b3;
    text-decoration: none;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .pager .next >a span.txt {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 25px 10px 16px;
  }
  .popularItemList {
    padding-bottom: 30px;
  }
  .popularItemList a {
    text-decoration: none;
  }
  .popularItemList .contentTitle {
    margin-bottom: 30px;
  }
  .popularItemList .itemList {
    width: 100%;
  }
  .popularItemList .itemList >li {
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .popularItemList .itemList >li:after {
    content: '';
    display: block;
    margin: 0 -15px;
    border-bottom: 1px dotted #dcdcdc;
  }
  .popularItemList .itemList >li:last-child:after {
    display: none;
  }
  .popularItemList .itemList >li .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .popularItemList .itemList >li .image a {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .popularItemList .itemList >li .name {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 15px;
  }
  .popularItemList .itemList >li .name a {
    color: #161616;
  }
  .popularItemList .itemList >li .category {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .popularItemList .itemList >li .category .title {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    font-size: 12px;
    line-height: 1;
    color: #4c4c4c;
    font-weight: bold;
    text-align: left;
    padding: 8px 0;
  }
  .popularItemList .itemList >li .category .title a:before {
    content: '';
    display: inline-block;
    border: 1px solid #161616;
    width: 27px;
    height: 27px;
    font-size: 20px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 3px;
    padding-left: 1px;
  }
  .popularItemList .itemList >li .category .title a span {
    display: inline-block;
    text-decoration: underline;
    vertical-align: middle;
    padding-left: 5px;
  }
  .popularItemList .itemList >li .category.icon-cloth .title a:before {
    font-family: icomoon;
    content: '\e900';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-sewingTool .title a:before {
    font-family: icomoon;
    content: '\e901';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-sewingMaterial .title a:before {
    font-family: icomoon;
    content: '\e90d';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-sewingMachine .title a:before {
    font-family: icomoon;
    content: '\e90e';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-embroidery .title a:before {
    font-family: icomoon;
    content: '\e90f';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-leather .title a:before {
    font-family: icomoon;
    content: '\e910';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-flower .title a:before {
    font-family: icomoon;
    content: '\e911';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-patternsBooks .title a:before {
    font-family: icomoon;
    content: '\e912';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-resinClay .title a:before {
    font-family: icomoon;
    content: '\e913';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-silverClay .title a:before {
    font-family: icomoon;
    content: '\e914';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-beads .title a:before {
    font-family: icomoon;
    content: '\e915';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-deco .title a:before {
    font-family: icomoon;
    content: '\e916';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-knitting .title a:before {
    font-family: icomoon;
    content: '\e917';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-variousCrafts .title a:before {
    font-family: icomoon;
    content: '\e918';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-feltWool .title a:before {
    font-family: icomoon;
    content: '\e903';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-japaneseHandicraft .title a:before {
    font-family: icomoon;
    content: '\e91a';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-tolePaint .title a:before {
    font-family: icomoon;
    content: '\e91b';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-accessoryBracket .title a:before {
    font-family: icomoon;
    content: '\e91c';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-naturalStone .title a:before {
    font-family: icomoon;
    content: '\e91d';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-saleItems .title a:before {
    font-family: icomoon;
    content: '\e91e';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category .text {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    font-size: 11px;
    line-height: 1;
    color: #999;
    text-align: right;
  }
  .popularItemList .itemList >li .category .text:before {
    font-family: icomoon;
    content: '\e922';
    font-weight: normal;
    font-size: 18px;
    color: #b3b3b3;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
  }
  .recipeItemList {
    padding-bottom: 60px;
  }
  .recipeItemList .contentTitle {
    margin-bottom: 15px;
  }
  .recipeItemList .recipeItemWrap {
    margin: 0 -15px;
  }
  .recipeItemList .recipeItemSlider {
    width: 100%;
    margin-bottom: 60px;
  }
  .recipeItemList .recipeItemSlider li {
    width: 320px !important;
    padding: 0 10px;
  }
  .recipeItemList .recipeItemSlider li >.wrap {
    width: 100%;
  }
  .recipeItemList .recipeItemSlider li >.wrap .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .recipeItemList .recipeItemSlider li >.wrap .image a img {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .recipeItemList .recipeItemSlider li >.wrap .detail .name {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 15px;
    font-weight: bold;
  }
  .recipeItemList .recipeItemSlider li >.wrap .detail .name a {
    color: #161616;
  }
  .recipeItemList .recipeItemSlider li >.wrap .detail .text {
    font-size: 13px;
    line-height: 1.4;
    color: #4c4c4c;
    margin-bottom: 10px;
  }
  .recipeItemList .recipeItemSlider li >.wrap .detail .via a {
    font-size: 12px;
    font-family: 'Open sans';
    color: #999;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-image: -webkit-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -moz-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -o-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -ms-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: linear-gradient(to right, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-bottom: 15px;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category .title {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    font-size: 14px;
    line-height: 1;
    color: #4c4c4c;
    font-weight: bold;
    text-align: left;
    padding: 10px 0;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category .title:before {
    content: '';
    display: inline-block;
    border: 1px solid #161616;
    width: 35px;
    height: 35px;
    font-size: 26px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    padding-left: 1px;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category .title span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-cloth .title:before {
    font-family: icomoon;
    content: '\e900';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-sewingTool .title:before {
    font-family: icomoon;
    content: '\e901';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-sewingMaterial .title:before {
    font-family: icomoon;
    content: '\e90d';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-sewingMachine .title:before {
    font-family: icomoon;
    content: '\e90e';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-embroidery .title:before {
    font-family: icomoon;
    content: '\e90f';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-leather .title:before {
    font-family: icomoon;
    content: '\e910';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-flower .title:before {
    font-family: icomoon;
    content: '\e911';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-patternsBooks .title:before {
    font-family: icomoon;
    content: '\e912';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-resinClay .title:before {
    font-family: icomoon;
    content: '\e913';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-silverClay .title:before {
    font-family: icomoon;
    content: '\e914';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-beads .title:before {
    font-family: icomoon;
    content: '\e915';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-deco .title:before {
    font-family: icomoon;
    content: '\e916';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-knitting .title:before {
    font-family: icomoon;
    content: '\e917';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-variousCrafts .title:before {
    font-family: icomoon;
    content: '\e918';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-feltWool .title:before {
    font-family: icomoon;
    content: '\e903';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-japaneseHandicraft .title:before {
    font-family: icomoon;
    content: '\e91a';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-tolePaint .title:before {
    font-family: icomoon;
    content: '\e91b';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-accessoryBracket .title:before {
    font-family: icomoon;
    content: '\e91c';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-naturalStone .title:before {
    font-family: icomoon;
    content: '\e91d';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-saleItems .title:before {
    font-family: icomoon;
    content: '\e91e';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category .text {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    font-size: 12px;
    line-height: 1;
    color: #999;
    text-align: right;
    vertical-align: middle;
  }
  .recommended-workshop {
    padding: 30px 15px 45px;
    position: relative;
  }
  .recommended-workshop:before {
    content: '';
    display: block;
    background: url("/common/images/icons_pin.svg") left top no-repeat;
    -webkit-background-size: 25px 37px;
    -moz-background-size: 25px 37px;
    background-size: 25px 37px;
    width: 25px;
    height: 37px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -46%);
    -moz-transform: translate(-50%, -46%);
    -o-transform: translate(-50%, -46%);
    -ms-transform: translate(-50%, -46%);
    transform: translate(-50%, -46%);
  }
  .recommended-workshop >.title {
    color: #414e3d;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 18px;
    padding-left: 27px;
    position: relative;
  }
  .recommended-workshop >.title:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-59%);
    -moz-transform: translateY(-59%);
    -o-transform: translateY(-59%);
    -ms-transform: translateY(-59%);
    transform: translateY(-59%);
    color: #414e3d;
    font-family: icomoon;
    content: '\e94b';
    font-weight: normal;
    font-size: 24px;
    display: inline-block;
    margin-right: 5px;
  }
  .recommended-workshop a {
    display: block;
    text-decoration: none;
  }
  .recommended-workshop .sliderWrap {
    width: 100%;
    position: relative;
  }
  .recommended-workshop .sliderWrap .slider {
    width: auto;
    min-width: auto;
    min-width: initial;
    overflow: hidden;
  }
  .recommended-workshop .sliderWrap .slider .slick-list {
    margin-right: -12px /* ガター分ネガティブマージン */;
  }
  .recommended-workshop .sliderWrap .slider .slick-slide {
    margin-right: 12px /* ガター */;
  }
  .recommended-workshop .sliderWrap .slider-prev,
  .recommended-workshop .sliderWrap .slider-next {
    display: block;
    position: absolute;
    top: 38%;
    z-index: 10;
    cursor: pointer;
  }
  .recommended-workshop .sliderWrap .slider-prev {
    background: url("/common/images/icons_leftArrow_circle.svg") left top no-repeat;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    left: -1px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .recommended-workshop .sliderWrap .slider-next {
    background: url("/common/images/icons_rightArrow_circle.svg") left top no-repeat;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    right: -1px;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .recommended-workshop article .thumbnail {
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .recommended-workshop article .thumbnail img {
    width: 100%;
    height: auto;
  }
  .recommended-workshop article .info {
    padding: 9px 0 0;
  }
  .recommended-workshop article .info >.title {
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
  }
  .recommended-workshop article .info >.text {
    font-size: 10px;
    line-height: 1.2;
    padding-top: 3px;
  }
  .rightColumn1 .side-contents {
    padding: 0 15px;
  }
  .rightColumn1 .bannerList2 {
    background-image: -webkit-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: -moz-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: -o-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: -ms-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: linear-gradient(to right, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 1px;
    -moz-background-size: 6px 1px;
    background-size: 6px 1px;
    margin-top: 60px;
    padding: 60px 15px 50px;
  }
  .searchArea {
    background-color: #e5e5e5;
    padding: 10px 15px;
  }
  .searchArea .searchInput {
    width: 100%;
    height: 42px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 21px;
    border: 1px solid #cacaca;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    position: relative;
  }
  .searchArea .searchInput:before {
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    top: 11px;
    left: 13px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOC40IiBoZWlnaHQ9IjM4LjMiIHZpZXdCb3g9IjAgMCAzOC40IDM4LjMiPjx0aXRsZT5zZWFyY2g8L3RpdGxlPjxnIGlkPSIxNzNjYmI5ZS0xNTViLTQ1ODQtODZhMy1lZmU4NTE4MWI4OGUiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSIyMjY0NTZmMS00MGVkLTQ5ZmQtODhhNi1lNDU5ZjViZDNkYmIiIGRhdGEtbmFtZT0iU1Bf6L+95b6TX+aknOe0ouWxlemWiyI+PHBhdGggZD0iTTM3LjUzLDMyLjA3YTcuMjEsNy4yMSwwLDAsMC0uNTEtLjU1bC01LjM2LTUuMzRDMzEsMjUuNDksMjguOCwyNCwyOC41MiwyM2MtLjMyLTEuMSwxLTMsMS4yNi00LjIzYTE1LjE5LDE1LjE5LDAsMCwwLTEtMTAsMTUuMTQsMTUuMTQsMCwwLDAtMjAtN0ExNS4wNywxNS4wNywwLDAsMCwuMzgsMTUuMTZjLS4wNywxMS43MiwxMi42MywxOCwyMi40OCwxM2w4LjM4LDguNDNBNC4zOCw0LjM4LDAsMCwwLDMzLDM3Ljg3YzEuNjMuNDYsMy0xLjgsNC0yLjcxQTIuNSwyLjUsMCwwLDAsMzgsMzMsMi4xLDIuMSwwLDAsMCwzNy41MywzMi4wN1ptLTE0LjQtOC45M2ExMS4zNCwxMS4zNCwwLDAsMS03LjgyLDMuMjVoLS4wN2ExMS4xMywxMS4xMywwLDAsMSwuMDctMjIuMjVoLjA3YTExLDExLDAsMCwxLDcuODUsMy4zMSwxMS4zMiwxMS4zMiwwLDAsMSwyLjE4LDEyLjQ5QTEwLjg2LDEwLjg2LDAsMCwxLDIzLjEzLDIzLjEzWiIgc3R5bGU9ImZpbGw6I2VkMTM1MDtzdHJva2U6I2VkMTM1MDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MC43NXB4Ii8+PC9nPjwvZz48L3N2Zz4=");
  }
  .searchArea .searchInput input {
    height: 40px;
    border: 0;
    padding: 0;
    margin: 0;
    outline: none;
  }
  .searchArea .searchInput input::-webkit-input-placeholder {
    color: #979797;
    font-size: 13px;
    letter-spacing: 0.09em;
  }
  .searchArea .searchInput input:-moz-placeholder {
    color: #979797;
    font-size: 13px;
    letter-spacing: 0.09em;
  }
  .searchArea .searchInput input::-moz-placeholder {
    color: #979797;
    font-size: 13px;
    letter-spacing: 0.09em;
  }
  .searchArea .searchInput input:-ms-input-placeholder {
    color: #979797;
    font-size: 13px;
    letter-spacing: 0.09em;
  }
  .searchArea .searchInput input[type=text] {
    background-color: #f0f0f0;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    padding: 0 15px 0 40px;
    font-size: 16px;
  }
  .searchArea .searchInput input[type=button],
  .searchArea .searchInput input[type=submit] {
    background-color: #ed1350;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0 17px;
  }
  .slider .slider-for li img {
    width: 100%;
    height: auto;
  }
  .slider .slider-nav .slick-list {
    text-align: center;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    padding: 10px 0 15px;
  }
  .slider .slider-nav .slick-track {
    display: inline-block;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    width: auto !important;
  }
  .slider .slider-nav li {
    width: 12px !important;
    height: 6px !important;
    margin: 0 6px;
    background-color: #cacaca;
    border-radius: 3px;
  }
  .slider .slider-nav li.slick-current {
    background-color: #41503d;
  }
  .slider .slider-nav li img {
    width: 100%;
    height: auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .slider .slider-history-sp li {
    width: 58px !important;
    height: 58px !important;
    margin: 0 3px;
  }
  .slider .slider-history-sp li img {
    width: 100%;
    height: auto;
  }
  .slick-dots {
    background-color: #ccc;
  }
  .submitBtn1 {
    margin-left: auto;
    margin-right: auto;
  }
  .submitBtn1 >span {
    display: block;
    position: relative;
  }
  .submitBtn1 >span:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .submitBtn1 >span input {
    display: block;
    background-color: #ed1350;
    border: 2px solid #ed1350;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    padding: 13px 0 14px;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    width: 100%;
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
  }
  .tagList {
    font-size: 0;
    overflow: hidden;
  }
  .tagList >li {
    display: inline-block;
    margin: 0 6px 6px 0;
    padding: 3px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
  }
  .tagList >li span {
    font-size: 10px;
    line-height: 1;
    font-weight: bold;
  }
  .tagList >li.tagSale {
    border-color: #ed1350;
    background-color: #ed1350;
    color: #fff;
  }
  .tagList >li.tagNew {
    border-color: #faec21;
    background-color: #faec21;
    color: #4c4c4c;
  }
  .tagList >li.tagStock {
    border-color: #4c4c4c;
    background-color: #fff;
    color: #4c4c4c;
  }
  .tagList >li.tagOriginal {
    border-color: #ed1350;
    background-color: #fff;
    color: #4c4c4c;
  }
  .tagList >li.tagPopular {
    border-color: #ed1350;
    background-color: #fff;
    color: #ed1350;
  }
  .title1 >.wrap {
    line-height: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 32px;
    margin-bottom: 21px;
    position: relative;
  }
  .title1 >.wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(left, #414e3d 0%, #414e3d 50%, rgba(65,78,61,0) 50%, rgba(65,78,61,0) 100%);
    background-image: -moz-linear-gradient(left, #414e3d 0%, #414e3d 50%, rgba(65,78,61,0) 50%, rgba(65,78,61,0) 100%);
    background-image: -o-linear-gradient(left, #414e3d 0%, #414e3d 50%, rgba(65,78,61,0) 50%, rgba(65,78,61,0) 100%);
    background-image: -ms-linear-gradient(left, #414e3d 0%, #414e3d 50%, rgba(65,78,61,0) 50%, rgba(65,78,61,0) 100%);
    background-image: linear-gradient(to right, #414e3d 0%, #414e3d 50%, rgba(65,78,61,0) 50%, rgba(65,78,61,0) 100%);
    -webkit-background-size: 6px 4px;
    -moz-background-size: 6px 4px;
    background-size: 6px 4px;
    background-repeat: repeat-x;
    display: block;
    width: 100%;
    height: 4px;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
  }
  .title1 >.wrap .titleText {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #414e3d;
    font-size: 20px;
    font-weight: bold;
  }
  .title1 >.wrap .icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 18px;
    text-align: center;
    width: 33px;
    height: 33px;
  }
  .title1 >.wrap .icon:before {
    color: #414e3d;
  }
  .title1 >.wrap .icon.icon-left-icon-workshop:before {
    -webkit-transform: scale(3) translate(0, -2px);
    -moz-transform: scale(3) translate(0, -2px);
    -o-transform: scale(3) translate(0, -2px);
    -ms-transform: scale(3) translate(0, -2px);
    transform: scale(3) translate(0, -2px);
  }
  .page-mypage .mypageContent {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 0 19px;
  }
  .page-mypage .mypageContent .row {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 auto;
  }
  .page-mypage .mypageContent .row:last-of-type {
    border-bottom: none;
  }
  .page-mypage .mypageContent .row .userName {
    position: relative;
    color: #161616;
    padding: 30px 0;
  }
  .page-mypage .mypageContent .row .userName span {
    font-size: 15px;
  }
  .page-mypage .mypageContent .row .userName .name {
    font-size: 23px;
    font-weight: bold;
    display: inline-block;
    padding-right: 10px;
    letter-spacing: 0.1em;
  }
  .page-mypage .mypageContent .row .userName .memberTag {
    position: absolute;
    top: 30px;
    right: 0;
    background-color: #fdeaef;
    text-align: center;
    padding: 5px 15px;
  }
  .page-mypage .mypageContent .row .userName .memberTag span {
    font-size: 13px;
    font-weight: bold;
    color: #ed1350;
  }
  .page-mypage .mypageContent .row dl {
    display: table;
    width: 100%;
  }
  .page-mypage .mypageContent .row dl dt {
    display: table-cell;
    vertical-align: middle;
    padding: 18px 10px 18px 0;
    white-space: nowrap;
  }
  .page-mypage .mypageContent .row dl dt span {
    font-size: 12px;
    font-weight: bold;
    color: #161616;
  }
  .page-mypage .mypageContent .row dl dt:before {
    font-size: 22px;
    color: #ed1350;
    width: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
    margin-right: 10px;
  }
  .page-mypage .mypageContent .row dl dt.icon-memberno:before {
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
    font-size: 14px;
  }
  .page-mypage .mypageContent .row dl dt.icon-point:before {
    font-family: icomoon;
    content: '\e919';
    font-weight: normal;
  }
  .page-mypage .mypageContent .row dl dt.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-mypage .mypageContent .row dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 18px 0;
    position: relative;
    text-align: right;
  }
  .page-mypage .mypageContent .row dl dd span {
    font-size: 12px;
    color: #161616;
  }
  .page-mypage .mypageContent .row dl dd .no {
    font-family: 'Open sans';
    font-weight: 400;
    color: #4c4c4c;
    font-size: 13px;
    letter-spacing: 0.1em;
  }
  .page-mypage .mypageContent .row dl dd .num {
    font-family: 'Open sans';
    font-weight: 600;
    color: #ed1350;
    font-size: 26px;
    display: inline-block;
    padding-right: 5px;
  }
  .page-mypage .mypageContent .row dl dd .date {
    font-family: 'Open sans';
    font-weight: 600;
    color: #161616;
    font-size: 23px;
    display: inline-block;
    padding-right: 5px;
  }
  .page-mypage .mypageContent .row dl dd .pt {
    font-family: 'Open sans';
    font-weight: 500;
    color: #161616;
    font-size: 14px;
  }
  .page-mypage .mypageContent .row >p {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.4;
    color: #4c4c4c;
    text-align: left;
  }
  .page-mypage .mypageContent .row.purchaseBtnWrap {
    margin: 20px 0;
  }
  .page-mypage .mypageContent .row.purchaseBtnWrap p {
    margin: 15px 0 0 0;
    font-size: 13px;
    color: #4c4c4c;
    text-align: left;
  }
  .page-mypage .backBtnWrap {
    margin: 50px 0;
  }
  .page-mypage .btn1,
  .page-mypage .btn2 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .page-mypage .btn3 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .page-favorite .title1 .icon:before {
    font-size: 13px;
    padding-top: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-favorite .favorite-currentSituation {
    margin-bottom: 27px;
  }
  .page-favorite .favorite-currentSituation >p {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.5px;
    color: #161616;
  }
  .page-favorite .favorite-currentSituation >p span.txt1 {
    font-weight: normal;
  }
  .page-favorite .favorite-currentSituation >p em.txt2 {
    font-style: normal;
    font-weight: bold;
    padding: 0 7px;
    color: #ed1350;
  }
  .page-favorite .favorite-currentSituation >p span.txt3 {
    font-weight: bold;
  }
  .page-favorite .favorite-currentSituation >p span.txt4 {
    font-weight: normal;
  }
  .page-favorite .favoriteList {
    padding-bottom: 23px;
  }
  .page-favorite .favoriteList .favoriteWrap {
    overflow: hidden;
  }
  .page-favorite .favoriteList .favoriteWrap ul {
    margin: -23px 0;
  }
  .page-favorite .favoriteList .favoriteWrap ul li {
    margin: 23px 0;
    padding-bottom: 23px;
    background-image: -webkit-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -moz-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -o-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -ms-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: linear-gradient(to right, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 10px 1px;
    -moz-background-size: 10px 1px;
    background-size: 10px 1px;
    background-position: left bottom;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .thumbnail {
    width: 130px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .thumbnail img {
    width: 100%;
    height: auto;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    padding-left: 12px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .name {
    font-size: 13px;
    line-height: 1.461;
    letter-spacing: 0.08em;
    color: #161616;
    padding-bottom: 36px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox [class*="price"] {
    position: absolute;
    right: 0;
    bottom: 2px;
    padding: 5px 0 0 5px;
    text-align: right;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox [class*="price"] .regularPrice {
    font-size: 11px;
    line-height: 1.4;
    color: #808080;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox [class*="price"] .salePrice {
    font-size: 12px;
    line-height: 1.4;
    font-weight: bold;
    color: #ed1350;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox [class*="price"] .salePrice span {
    color: #ed1350;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price1 {
    position: absolute;
    right: 0;
    bottom: 2px;
    padding: 5px 0 0 5px;
    text-align: right;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price1 .regularPrice {
    font-size: 11px;
    line-height: 1.4;
    color: #808080;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price1 .salePrice {
    font-size: 12px;
    line-height: 1.4;
    font-weight: bold;
    color: #4c4c4c;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price1 .salePrice span {
    color: #ed1350;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price2 {
    position: absolute;
    right: 0;
    bottom: 2px;
    padding: 5px 0 0 5px;
    text-align: right;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price2 .regularPrice {
    font-size: 12px;
    line-height: 1.4;
    font-weight: bold;
    color: #161616;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price2 .excluded {
    font-size: 11px;
    line-height: 1.4;
    color: #ed1350;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin-top: 17px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn2 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn2 a {
    padding: 9px 8px 13px 0;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn2 a span {
    font-size: 12px;
    letter-spacing: 1.1px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn4 {
    width: 102px;
    padding-left: 13px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn4 a {
    padding-top: 10px;
    padding-bottom: 14px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn4 a span {
    letter-spacing: 1.1px;
  }
  .page-orderhistory-detail .title1 .icon {
    padding: 2px 5px 5px 4px;
  }
  .page-orderhistory-detail .title1 .icon:before {
    font-size: 15px;
    padding: 3px 1px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-orderhistory-detail .orderhistoryDetail1 {
    margin-bottom: 43px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo {
    margin-bottom: 10px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail {
    padding: 9px 14px 22px;
    overflow: hidden;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail {
    margin: 0 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap {
    word-break: break-all;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: -webkit-linear-gradient(left, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -moz-linear-gradient(left, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -o-linear-gradient(left, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -ms-linear-gradient(left, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: linear-gradient(to right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 10px 1px;
    -moz-background-size: 10px 1px;
    background-size: 10px 1px;
    background-position: left bottom;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row:last-child {
    border-bottom: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name {
    width: 110px;
    font-size: 0;
    position: relative;
    padding: 14px 2px 14px 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name .txt {
    font-size: 15px;
    font-weight: bold;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name:before {
    font-size: 18px;
    color: #ed1350;
    width: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 12px;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name.icon-cart:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name.icon-user:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name:after {
    content: ':';
    font-size: 15px;
    color: #4c4c4c;
    position: absolute;
    right: 0;
    top: 14px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    font-size: 13px;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    padding: 17px 0 14px 19px;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .deliveryTargetName {
    margin-top: -2px;
    font-size: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .deliveryTargetName .name1 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.8px;
    display: inline-block;
    padding-right: 7px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .deliveryTargetName .name2 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.8px;
    display: inline-block;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .deliveryTargetName .honorifics {
    font-size: 13px;
    display: inline-block;
    padding-left: 7px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .addressBlock {
    margin-top: 15px;
    font-size: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .addressBlock .postalCode {
    display: block;
    font-size: 13px;
    letter-spacing: 1.4px;
    line-height: 1.3;
    color: #4c4c4c;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .addressBlock .address1 {
    display: block;
    font-size: 13px;
    letter-spacing: 1.4px;
    line-height: 1.3;
    padding-top: 5px;
    color: #4c4c4c;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .addressBlock .address2 {
    display: block;
    font-size: 13px;
    letter-spacing: 1.4px;
    line-height: 1.3;
    padding-top: 5px;
    color: #4c4c4c;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row:first-child {
    padding-top: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation {
    border-radius: 4px;
    background-color: #f5f5f5;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .listHead {
    padding: 24px 18px 12px 18px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .listHead .listTitle {
    padding-bottom: 13px;
    border-bottom: 1px dotted #b3b3b3;
    font-size: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .listHead .listTitle .txt1 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #161616;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .listHead .listTitle:before {
    font-size: 26px;
    color: #ed1350;
    width: 17px;
    display: inline-block;
    padding-right: 12px;
    text-align: center;
    vertical-align: middle;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .listHead .listTitle.icon-yen:before {
    font-family: icomoon;
    content: '\e920';
    font-weight: normal;
    font-size: 18px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail {
    padding: 0 18px 18px 18px;
    overflow: hidden;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li {
    margin-top: 17px;
    padding-top: 11px;
    border-top: 1px solid #e5e5e5;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable {
    overflow: hidden;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner {
    margin: -6px 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap {
    display: table;
    width: 100%;
    border-spacing: 0 6px;
    border-collapse: separate;
    word-break: break-all;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row {
    display: table-row;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .name {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .name .txt {
    font-size: 12px;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    text-align: left;
    vertical-align: middle;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item .txt1 {
    font-size: 13px;
    font-weight: bold;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item .unit {
    font-size: 12px;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    padding-left: 8px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item.red .txt1,
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item.red .txt2,
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item.red .unit {
    color: #ed1350;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable.tableStyle2 .historyDetailTableInner > .wrap .row .name .txt {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.7px;
    color: #4c4c4c;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable.tableStyle2 .historyDetailTableInner > .wrap .row .item .txt1 {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    vertical-align: bottom;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable.tableStyle2 .historyDetailTableInner > .wrap .row .item .unit {
    vertical-align: bottom;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable.tableStyle3 .historyDetailTableInner > .wrap .row .name .txt {
    font-weight: bold;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable.tableStyle3 .historyDetailTableInner > .wrap .row .item .txt2 {
    font-size: 17px;
    font-weight: bold;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title {
    margin-bottom: 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title .txt {
    font-size: 17px;
    font-weight: bold;
    color: #161616;
    letter-spacing: 0.7px;
    text-align: left;
    vertical-align: middle;
    padding-right: 18px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title:before {
    font-size: 18px;
    color: #ed1350;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    padding-right: 10px;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title.icon-cart:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title.icon-user:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title:after {
    content: '';
    width: auto;
    height: 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    border-top: 1px dotted #4c4c4c;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList {
    padding-bottom: 23px;
    margin: 0 -15px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap {
    overflow: hidden;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul {
    margin: -21px 0;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li {
    margin: 21px 0;
    border-top: 1px dotted #cacaca;
    padding-top: 21px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap {
    padding: 0 15px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 {
    margin-bottom: 14px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-decoration: none;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a .thumbnail {
    width: 98px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a .thumbnail img {
    width: 100%;
    height: auto;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a .txtBox {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    padding-left: 12px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a .txtBox .name {
    font-size: 13px;
    line-height: 1.461;
    letter-spacing: 0.08em;
    color: #0071bc;
    text-decoration: underline;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a .txtBox .itemPrice {
    padding-top: 15px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.9px;
    color: #ed1350;
    text-decoration: none;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 {
    background-color: #f5f2e6;
    border-radius: 4px;
    padding: 12px 21px 12px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner {
    margin: -8px 0;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap {
    display: table;
    width: 100%;
    border-spacing: 0 8px;
    border-collapse: separate;
    word-break: break-all;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row {
    display: table-row;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .name {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: 93px;
    white-space: nowrap;
    font-size: 0;
    position: relative;
    padding-right: 8px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .name .txt {
    font-size: 12px;
    color: #161616;
    letter-spacing: 0.7px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .name:after {
    content: ':';
    font-size: 15px;
    color: #4c4c4c;
    position: absolute;
    right: 0;
    top: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .item {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    padding-left: 19px;
    font-size: 12px;
    color: #4c4c4c;
    letter-spacing: 0.7px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .item em {
    font-style: normal;
    font-weight: bold;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .item .priceTxt1 {
    font-size: 14px;
    color: #161616;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .item .unit {
    font-size: 12px;
    padding-left: 8px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row:first-child {
    padding-top: 0;
  }
  .page-orderhistory .title1 .icon {
    padding: 2px 5px 5px 4px;
  }
  .page-orderhistory .title1 .icon:before {
    font-size: 15px;
    padding: 3px 1px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-orderhistory .orderhistoryContent {
    padding-bottom: 32px;
    width: 100%;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap {
    overflow: hidden;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul {
    margin: -12px 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li {
    margin: 12px 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead {
    background-color: #f5f2e6;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle {
    padding: 13px 18px 13px 18px;
    font-size: 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle .txt1 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #161616;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle .txt2 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #161616;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-left: 3px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle:before {
    font-size: 26px;
    color: #ed1350;
    width: 30px;
    display: inline-block;
    padding-right: 12px;
    text-align: center;
    vertical-align: middle;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
    font-size: 18px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle.icon-point:before {
    font-family: icomoon;
    content: '\e919';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail {
    padding: 9px 18px 15px;
    overflow: hidden;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail {
    margin: -8px 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap {
    display: table;
    width: 100%;
    border-spacing: 0 8px;
    border-collapse: separate;
    word-break: break-all;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row {
    display: table-row;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: 110px;
    white-space: nowrap;
    font-size: 0;
    position: relative;
    padding-right: 8px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name .txt {
    font-size: 13px;
    color: #161616;
    letter-spacing: 0.7px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name:before {
    font-size: 18px;
    color: #ed1350;
    width: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 12px;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name.icon-cart:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name.icon-yen:before {
    font-family: icomoon;
    content: '\e920';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name.icon-card:before {
    font-family: icomoon;
    content: '\e90b';
    font-weight: normal;
    font-size: 12px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name:after {
    content: ':';
    font-size: 15px;
    color: #4c4c4c;
    position: absolute;
    right: 0;
    top: 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .item {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-left: 19px;
    font-size: 13px;
    color: #4c4c4c;
    letter-spacing: 0.7px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row:first-child {
    padding-top: 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .subLink {
    text-align: right;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .subLink a {
    display: block;
    color: #161616;
    padding: 13px 0 0;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .subLink a span.txt {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0.09em;
    text-decoration: underline;
    position: relative;
    padding: 0 17px 0 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .subLink a span.txt:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #999;
    font-size: 9px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
  }
  .page-orderhistory .orderhistoryContent + .pager {
    margin-bottom: 50px;
  }
  .page-prize .titleBlock {
    position: relative;
  }
  .page-prize .titleBlock >.wrap {
    border-bottom: 2px solid #ed1350;
    line-height: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 21px;
    margin-bottom: 32px;
  }
  .page-prize .titleBlock >.wrap .titleText {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
  }
  .page-prize .titleBlock >.wrap .icon {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #ed1350;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    width: 33px;
    height: 33px;
    padding: 5px;
    margin-right: 13px;
  }
  .page-prize .titleBlock >.wrap .icon:before {
    color: #fff;
    padding-top: 0;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-prize .contentTitle.titlePickup {
    padding: 0 0 0;
  }
  .page-prize .contentTitle.titlePickup .titleText:after {
    display: none;
  }
  .page-prize .contentTitle.titlePickup .titleText .icon-clock {
    padding-right: 9px;
  }
  .page-prize .contentTitle.titlePickup .titleText .icon-clock:before {
    font-size: 21px;
    color: #f0054b;
    width: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 4px;
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-prize .contentTitle.titlePickup .titleText .icon-done {
    padding-right: 5px;
  }
  .page-prize .contentTitle.titlePickup .titleText .icon-done:before {
    font-size: 21px;
    color: #b3b3b3;
    width: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 4px;
    font-family: icomoon;
    content: '\e946';
    font-weight: normal;
  }
  .page-prize .contentTitle.titlePickup .titleText >span {
    display: inline-block;
    vertical-align: middle;
  }
  .page-prize .prizeList + .contentTitle {
    margin-top: 39px;
  }
  .page-prize .content > section {
    padding-bottom: 23px;
  }
  .page-prize .prizeList {
    margin-top: 28px;
  }
  .page-prize .prizeList .prizeWrap {
    overflow: hidden;
  }
  .page-prize .prizeList .prizeWrap > ul {
    margin: -13px 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 15px 21px 30px;
    margin: 13px 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term {
    font-size: 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    padding-right: 10px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title .term_title_inner1 {
    position: relative;
    padding: 0 18px 0 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title .term_title_inner1:after {
    position: absolute;
    right: 0;
    top: 50%;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 57.5px 0 57.5px 48px;
    border-color: transparent transparent transparent #f0054b;
    margin-top: -57px;
    z-index: -1;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title .term_title_inner1 .term_title_inner2 {
    background-color: #f0054b;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 0 8px 5px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title .term_title_inner1 .term_title_inner2:before {
    font-size: 14px;
    color: #fff;
    width: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 4px;
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title .term_title_inner1 .term_title_inner2 > span {
    font-size: 11px;
    display: inline-block;
    letter-spacing: 0.04em;
    vertical-align: middle;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .text {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    letter-spacing: 0.1em;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .text .txt1 {
    font-size: 10px;
    letter-spacing: 0.04em;
    color: #f0054b;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .text .txt2 {
    font-size: 10px;
    letter-spacing: 0.04em;
    color: #f0054b;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .text .txt3 {
    font-size: 10px;
    letter-spacing: 0.04em;
    color: #f0054b;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term.done .term_title .term_title_inner1:after {
    border-color: transparent transparent transparent #b3b3b3;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term.done .term_title .term_title_inner2 {
    background-color: #b3b3b3;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term.done .text .txt1 {
    color: #b3b3b3;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term.done .text .txt2 {
    color: #b3b3b3;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term.done .text .txt3 {
    color: #b3b3b3;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .thumbnailWrap {
    margin-top: 14px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .thumbnailWrap .thumbnail {
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: block;
    width: 100%;
    padding-top: 56.333%;
    border-radius: 3px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .text_members_only {
    margin-top: 17px;
    font-size: 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .text_members_only:before {
    font-size: 21px;
    color: #ed1350;
    width: 35px;
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
    padding-right: 4px;
    font-family: icomoon;
    content: '\e945';
    font-weight: normal;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .text_members_only span {
    display: inline-block;
    vertical-align: bottom;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.07em;
    color: #ed1350;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .itemName {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.375;
    letter-spacing: 0.05em;
    color: #161616;
    padding: 15px 0 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .itemDetail {
    font-size: 13px;
    line-height: 1.307;
    letter-spacing: 0.05em;
    color: #808080;
    padding: 15px 0 0;
    margin-top: 15px;
    border-top: 1px dotted #b3b3b3;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .category {
    margin-top: 20px;
    padding: 13px 13px;
    background-color: #f4f2e6;
    border-radius: 3px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .category > ul > li {
    font-size: 12px;
    line-height: 1.307;
    letter-spacing: 0.07em;
    text-indent: -1em;
    margin: 5px 0 0 1em;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .category > ul > li:before {
    content: '・';
    display: inline;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .category > ul > li:first-child {
    margin-top: 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 23px 30px 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn2 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn2 a {
    padding: 9px 8px 13px 0;
    background-color: #ed1350;
    border: 2px solid #ed1350;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn2 a:before {
    margin-right: 8px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn2 a span {
    font-size: 12px;
    letter-spacing: 1.1px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn5 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn5 a {
    padding: 8px 6px 9px 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn5 a span {
    font-weight: bold;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .dummy_btn {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .dummy_btn > p {
    padding: 11px 0 14px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .dummy_btn > p span {
    letter-spacing: 1.1px;
  }
  .page-school_search {
    margin-top: -15px;
  }
  .page-school_search .colmun-history {
    padding: 0;
  }
  .page-school_search .side-history {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-top: 36px;
  }
  .page-school_search .content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .page-school_search .content >section {
    margin-top: 36px;
  }
  .page-school_search #searchArea {
    padding: 41px 15px 69px;
    position: relative;
  }
  .page-school_search #searchArea:before {
    content: '';
    display: block;
    background: url("/common/images/icons_clip.svg") left top no-repeat;
    -webkit-background-size: 47px 56px;
    -moz-background-size: 47px 56px;
    background-size: 47px 56px;
    width: 47px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-36%, -45%);
    -moz-transform: translate(-36%, -45%);
    -o-transform: translate(-36%, -45%);
    -ms-transform: translate(-36%, -45%);
    transform: translate(-36%, -45%);
  }
  .page-school_search .aboutArea {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 31px;
  }
  .page-school_search .aboutArea >div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 64%;
    -ms-flex: 1 0 64%;
    flex: 1 0 64%;
    max-width: 64%;
  }
  .page-school_search .aboutArea >.aboutMyShopLink {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    max-width: none;
    padding-left: 15px;
    text-align: center;
  }
  .page-school_search .aboutArea >.aboutMyShopLink a {
    display: inline-block;
    font-size: 10px;
    line-height: 1;
    padding-left: 30px;
    position: relative;
  }
  .page-school_search .aboutArea >.aboutMyShopLink a:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 21px;
    line-height: 1;
  }
  .page-school_search .aboutArea .btn1 a:before {
    font-size: 19px;
  }
  .page-school_search #searchByArea {
    border-top: 1px solid #e5e5e5;
    padding: 17px 0 0;
    margin-top: 30px;
  }
  .page-school_search #searchByArea >.title {
    font-size: 14px;
    margin-bottom: 26px;
  }
  .page-school_search #searchByArea .selectWrap {
    display: block;
  }
  .page-school_search #searchByArea dl dt {
    margin-top: 17px;
  }
  .page-school_search #searchByArea dl dt span {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
  }
  .page-school_search #searchByArea dl.required dt span {
    position: relative;
    padding-right: 52px;
  }
  .page-school_search #searchByArea dl.required dt span:after {
    content: '必須';
    position: absolute;
    top: -2px;
    right: 0;
    background-color: #ed1350;
    color: #fff;
    font-size: 10px;
    display: inline-block;
    padding: 5px 7px;
  }
  .page-school_search #searchByArea dl dd {
    margin-top: 17px;
  }
  .page-school_search #searchByArea dl dd >p.errorTxt {
    display: none;
  }
  .page-school_search #searchByArea dl.error dd >p.errorTxt {
    display: block;
    font-size: 12px;
    letter-spacing: 1.5px;
    color: #f00;
    padding-bottom: 9px;
  }
  .page-school_search .searchBtnArea {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 32px;
  }
  .page-school_search .searchBtnArea >div:nth-of-type(1) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 63%;
    -ms-flex: 1 0 63%;
    flex: 1 0 63%;
    max-width: 63%;
    margin: 0;
  }
  .page-school_search .searchBtnArea >div:nth-of-type(2) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 34%;
    -ms-flex: 1 0 34%;
    flex: 1 0 34%;
    max-width: 34%;
    margin: 0;
  }
  .page-school_search .searchBtnArea .btn2 a {
    padding: 11px 0 10px;
  }
  .page-school_search .searchBtnArea .btn2 a > span {
    font-size: 12px;
  }
  .page-school_search .searchBtnArea .btn4 a {
    padding: 12px 0 12px;
  }
  .page-school_search #searchByGenre {
    border-top: 1px solid #e5e5e5;
    padding: 34px 0 0;
    margin-top: 34px;
  }
  .page-school_search #searchByGenre >.wrap {
    border-radius: 3px;
    overflow: hidden;
  }
  .page-school_search #searchByGenre >.wrap >.title {
    background-color: #4c4c4c;
    border: 1px solid #4c4c4c;
    display: block;
    text-align: center;
    padding: 13px 30px 12px;
    cursor: pointer;
    position: relative;
  }
  .page-school_search #searchByGenre >.wrap >.title:after {
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-school_search #searchByGenre >.wrap >.title.open:after {
    font-family: icomoon;
    content: '\e931';
    font-weight: normal;
  }
  .page-school_search #searchByGenre >.wrap >.title span {
    color: #fff;
    font-size: 14px;
    padding-left: 24px;
    position: relative;
  }
  .page-school_search #searchByGenre >.wrap >.title span:before {
    font-family: icomoon;
    content: '\e948';
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: -15px;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
  }
  .page-school_search #searchByGenre >.wrap >.wrap {
    border: 1px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 3px 3px;
    padding: 29px 15px;
  }
  .page-school_search #searchByGenre >.wrap >.wrap >p {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 17px;
  }
  .page-school_search #searchByGenre >.wrap >.wrap input[type='checkbox'] + span {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt';
    padding: 0 0 0 34px;
  }
  .page-school_search #searchByGenre >.wrap >.wrap .checkboxWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 450px;
    overflow: auto;
  }
  .page-school_search #searchByGenre >.wrap >.wrap .checkboxWrap label {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 49%;
  }
  .page-school_search #searchByGenre >.wrap >.wrap .checkboxWrap label >span {
    width: 70%;
  }
  .page-school_search #searchByGenre >.wrap >.wrap .searchBtnArea {
    margin-top: 24px;
  }
  .page-school_search #searchResult {
    padding: 68px 0 0;
  }
  .page-school_search #searchResult >.title {
    border-bottom: 2px solid #414e3d;
    color: #414e3d;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1em;
    margin-bottom: 26px;
    padding: 0 0 21px 32px;
    position: relative;
  }
  .page-school_search #searchResult >.title:before {
    position: absolute;
    top: 0.6em;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #414e3d;
    font-family: icomoon;
    content: '\e923';
    font-weight: normal;
    font-size: 22px;
    display: inline-block;
    margin-right: 5px;
  }
  .page-school_search #searchResult >.title .num {
    color: #4c4c4c;
    font-size: 16px;
    padding: 0 7px;
    letter-spacing: 0;
  }
  .page-school_search #searchResult >.title .unit {
    font-size: 14px;
  }
  .page-school_search #searchResult .optionArea dl {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-school_search #searchResult .optionArea dl dt {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 5.6em;
    -ms-flex: 1 0 5.6em;
    flex: 1 0 5.6em;
    max-width: 5.6em;
  }
  .page-school_search #searchResult .optionArea dl dt span {
    font-size: 16px;
    font-weight: bold;
  }
  .page-school_search #searchResult .optionArea dl dd {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2 0 auto;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
    max-width: none;
  }
  .page-school_search #searchResult .optionArea dl dd .selectWrap {
    width: 75%;
  }
  .page-school_search #searchResult .articleList {
    padding-top: 18px;
  }
  .page-school_search #searchResult .moreBtnWrap {
    margin: 33px 0 0;
  }
  .page-school_search #searchResult .moreBtnWrap .moreBtn {
    background-color: #4c4c4c;
    border: 1px solid #4c4c4c;
    border-radius: 3px;
    display: block;
    text-align: center;
    padding: 13px 30px 12px;
    cursor: pointer;
  }
  .page-school_search #searchResult .moreBtnWrap .moreBtn span {
    color: #fff;
    font-size: 14px;
    padding-left: 33px;
    position: relative;
  }
  .page-school_search #searchResult .moreBtnWrap .moreBtn span:before {
    font-family: icomoon;
    content: '\e94a';
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-school_search #searchResult .searchErrorWrap >p {
    font-size: 14px;
    line-height: 1.7;
    margin: 26px 0;
  }
  .page-school_search #searchResult .searchErrorWrap >.btnMore {
    margin-top: 26px;
  }
  .page-school_search_detail .colmun-history {
    padding: 0;
  }
  .page-school_search_detail .side-history {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-top: 36px;
  }
  .page-school_search_detail .content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .page-school_search_detail .content >section.schoolInfo {
    border-top: 1px solid #e5e5e5;
    background-color: #fff;
    position: relative;
    margin: 36px 0 0;
    padding: 30px 15px 37px;
  }
  .page-school_search_detail .content >section.schoolInfo:before {
    width: 43px;
    height: 47px;
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    background-image: url("/common/images/icons_clip.svg");
    background-repeat: no-repeat;
    -webkit-background-size: 43px 47px;
    -moz-background-size: 43px 47px;
    background-size: 43px 47px;
    margin-left: -21.5px;
  }
  .page-school_search_detail .content >section.schoolInfo .head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 32px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category:before {
    font-size: 27px;
    color: #4c4c4c;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category span {
    color: #4c4c4c;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.05em;
    padding-left: 5px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-resinClay:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-campaign:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-flyer:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-knitting:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-media:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-news:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2 {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2:before {
    font-size: 32px;
    color: #c9c9c9;
    margin-right: -7px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2 span {
    color: #999;
    font-size: 13px;
    font-feature-settings: 'palt';
    line-height: 1.5;
    letter-spacing: 0.1em;
    white-space: nowrap;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-movie:before {
    font-size: 14px;
    font-family: icomoon;
    content: '\e944';
    font-weight: normal;
    margin: 0;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-movie span {
    padding-left: 11px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-book:before {
    font-size: 14px;
    font-family: icomoon;
    content: '\e943';
    font-weight: normal;
    margin: 0;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-book span {
    padding-left: 11px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-productInformation:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-workshop:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
    font-size: 29px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-workshop span {
    padding-left: 3px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-notification:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-notification span {
    padding-left: 11px;
  }
  .page-school_search_detail .content >section.schoolInfo .schoolName {
    position: relative;
    padding: 25px 0 25px;
  }
  .page-school_search_detail .content >section.schoolInfo .schoolName h1 {
    font-size: 20px;
    font-weight: bold;
    color: #41503d;
  }
  .page-school_search_detail .content >section.schoolInfo .schoolName:after {
    position: absolute;
    bottom: 0;
    content: '';
    width: 100%;
    height: 4px;
    background-image: -webkit-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -moz-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -o-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -ms-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: linear-gradient(to right, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 4px;
    -moz-background-size: 6px 4px;
    background-size: 6px 4px;
    background-position: left bottom;
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList {
    margin-top: 28px;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto {
    position: relative;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto:after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    bottom: 14px;
    right: 14px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("/common/images/icon_zoom.svg");
    pointer-events: none;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul {
    position: relative;
    width: 100%;
    padding-top: 56.1%;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li a {
    display: block;
    overflow: hidden;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li a .image,
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li .image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    text-align: center;
    overflow: hidden;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li a .image img,
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    vertical-align: top;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap {
    width: 100%;
    margin: 0 auto auto;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner {
    overflow: hidden;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner > ul {
    font-size: 0;
    margin: -15px -8px;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner > ul > li {
    display: inline-block;
    width: 33.333333333333336%;
    padding: 15px 8px;
    vertical-align: top;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner > ul > li div.listInner {
    border: 2px solid transparent;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner > ul > li div.listInner > .image {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 100%;
    padding-top: 56.1%;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner > ul > li.imgCurrent div.listInner {
    border: 2px solid #414e3d;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList {
    margin-bottom: 0;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList > .list + .list {
    margin-top: 4px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list {
    margin-top: 4px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list .detail .detailInner .row .name {
    width: 60px;
  }
  .page-school_search_detail .content >section.schoolInfo .textBlock {
    padding-top: 20px;
  }
  .page-school_search_detail .content >section.schoolInfo .textBlock > p {
    font-size: 14px;
    line-height: 1.607;
    color: #4c4c4c;
  }
  .page-school_search_detail .content >section.schoolInfo .textBlock > p + p {
    padding-top: 10px;
  }
  .page-school_search_detail .content >section.schoolInfo > .btnMore {
    padding-top: 25px;
    width: 270px;
  }
  .page-shop_search {
    margin-top: -15px;
  }
  .page-shop_search .colmun-history {
    padding: 0;
  }
  .page-shop_search .side-history {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-top: 36px;
  }
  .page-shop_search .content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .page-shop_search .content >section {
    margin-top: 36px;
  }
  .page-shop_search #searchArea {
    padding: 41px 15px 21px;
    position: relative;
  }
  .page-shop_search #searchArea:before {
    content: '';
    display: block;
    background: url("/common/images/icons_clip.svg") left top no-repeat;
    -webkit-background-size: 47px 56px;
    -moz-background-size: 47px 56px;
    background-size: 47px 56px;
    width: 47px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-36%, -45%);
    -moz-transform: translate(-36%, -45%);
    -o-transform: translate(-36%, -45%);
    -ms-transform: translate(-36%, -45%);
    transform: translate(-36%, -45%);
  }
  .page-shop_search #searchArea >.title1 >.wrap .icon {
    margin-left: -4px;
  }
  .page-shop_search #searchArea >.title1 >.wrap .icon:before {
    font-size: 24px;
  }
  .page-shop_search #searchArea >.title1 >.wrap .titleText {
    letter-spacing: 0.1em;
  }
  .page-shop_search #searchByArea {
    margin-top: 34px;
  }
  .page-shop_search #searchByArea >.title {
    font-size: 14px;
    margin-bottom: 26px;
  }
  .page-shop_search #searchByArea .selectWrap {
    display: block;
  }
  .page-shop_search #searchByArea dl dt {
    margin-top: 17px;
  }
  .page-shop_search #searchByArea dl dt span {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
  }
  .page-shop_search #searchByArea dl.required dt span {
    position: relative;
    padding-right: 52px;
  }
  .page-shop_search #searchByArea dl.required dt span:after {
    content: '必須';
    position: absolute;
    top: -2px;
    right: 0;
    background-color: #ed1350;
    color: #fff;
    font-size: 10px;
    display: inline-block;
    padding: 5px 7px;
  }
  .page-shop_search #searchByArea dl dd {
    margin-top: 17px;
  }
  .page-shop_search #searchByArea dl dd >p.errorTxt {
    display: none;
  }
  .page-shop_search #searchByArea dl.error dd >p.errorTxt {
    display: block;
    font-size: 12px;
    letter-spacing: 1.5px;
    color: #f00;
    padding-bottom: 9px;
  }
  .page-shop_search .searchBtnArea {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 32px;
  }
  .page-shop_search .searchBtnArea >div:nth-of-type(1) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 63%;
    -ms-flex: 1 0 63%;
    flex: 1 0 63%;
    max-width: 63%;
    margin: 0;
  }
  .page-shop_search .searchBtnArea >div:nth-of-type(2) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 34%;
    -ms-flex: 1 0 34%;
    flex: 1 0 34%;
    max-width: 34%;
    margin: 0;
  }
  .page-shop_search .searchBtnArea .btn2 a {
    padding: 11px 0 10px;
  }
  .page-shop_search .searchBtnArea .btn2 a > span {
    font-size: 12px;
  }
  .page-shop_search .searchBtnArea .btn4 a {
    padding: 12px 0 12px;
  }
  .page-shop_search #searchByConditions {
    border-top: 1px solid #e5e5e5;
    padding: 34px 0 0;
    margin-top: 34px;
  }
  .page-shop_search #searchByConditions >.wrap {
    border-radius: 3px;
    overflow: hidden;
  }
  .page-shop_search #searchByConditions >.wrap >.title {
    background-color: #4c4c4c;
    border: 1px solid #4c4c4c;
    display: block;
    text-align: center;
    padding: 13px 30px 12px;
    cursor: pointer;
    position: relative;
  }
  .page-shop_search #searchByConditions >.wrap >.title:after {
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-shop_search #searchByConditions >.wrap >.title.open:after {
    font-family: icomoon;
    content: '\e931';
    font-weight: normal;
  }
  .page-shop_search #searchByConditions >.wrap >.title span {
    color: #fff;
    font-size: 14px;
    padding-left: 24px;
    position: relative;
  }
  .page-shop_search #searchByConditions >.wrap >.title span:before {
    font-family: icomoon;
    content: '\e948';
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: -15px;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
  }
  .page-shop_search #searchByConditions >.wrap >.wrap {
    border: 1px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 3px 3px;
    padding: 29px 15px 39px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap >p {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 17px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap input[type='checkbox'] + span {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt';
    padding: 0 0 0 37px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap >.title,
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap >.title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 19px;
    letter-spacing: 0.02em;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap {
    background-color: #f7f7f7;
    border: 1px solid #efefef;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap + .checkboxWrap {
    margin-top: 10px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap label {
    padding: 20px 17px 11px 17px;
    width: 100%;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap label input[type="checkbox"] + span {
    padding-left: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap label input[type="checkbox"] + span:before {
    background-color: #fff;
    top: 0.5em;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap {
    display: block;
    font-size: 0;
    margin: 10px 0 0 0px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 13px;
    width: 102px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span:nth-child(2),
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span:nth-child(3) {
    width: 90px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span:nth-child(4) {
    width: 110px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span.logo_st-toremu {
    width: 132px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span img {
    width: 100%;
    height: auto;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap:nth-of-type(2) {
    margin-top: 6px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap {
    background-image: -webkit-linear-gradient(left, #e5e5e5 0%, #e5e5e5 40%, rgba(229,229,229,0) 40%, rgba(229,229,229,0) 100%);
    background-image: -moz-linear-gradient(left, #e5e5e5 0%, #e5e5e5 40%, rgba(229,229,229,0) 40%, rgba(229,229,229,0) 100%);
    background-image: -o-linear-gradient(left, #e5e5e5 0%, #e5e5e5 40%, rgba(229,229,229,0) 40%, rgba(229,229,229,0) 100%);
    background-image: -ms-linear-gradient(left, #e5e5e5 0%, #e5e5e5 40%, rgba(229,229,229,0) 40%, rgba(229,229,229,0) 100%);
    background-image: linear-gradient(to right, #e5e5e5 0%, #e5e5e5 40%, rgba(229,229,229,0) 40%, rgba(229,229,229,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 1px;
    -moz-background-size: 6px 1px;
    background-size: 6px 1px;
    margin-top: 30px;
    padding-top: 30px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap >.title {
    margin-bottom: 25px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap label {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin: 19px 0;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap label input[type="checkbox"] + span:before,
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap label input[type="checkbox"] + span:after {
    top: 50%;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap .icon {
    display: block;
    padding-left: 45px;
    position: relative;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap .icon:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 31px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchBtnArea {
    margin-top: 33px;
  }
  .page-shop_search #searchResult {
    padding: 68px 0 0;
    position: relative;
  }
  .page-shop_search #searchResult >.title {
    border-bottom: 2px solid #414e3d;
    color: #414e3d;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
    padding: 0 125px 21px 32px;
    position: relative;
  }
  .page-shop_search #searchResult >.title:before {
    position: absolute;
    top: 0.6em;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #414e3d;
    font-family: icomoon;
    content: '\e923';
    font-weight: normal;
    font-size: 22px;
    display: inline-block;
    margin-right: 5px;
  }
  .page-shop_search #searchResult >.title .num {
    color: #4c4c4c;
    font-size: 16px;
    padding: 0 7px;
    letter-spacing: 0;
  }
  .page-shop_search #searchResult >.title .unit {
    font-size: 14px;
  }
  .page-shop_search #searchResult .iconHelp {
    position: absolute;
    top: 74px;
    right: 0;
    text-align: right;
    width: 125px;
  }
  .page-shop_search #searchResult .iconHelp a {
    display: inline-block;
    font-size: 10px;
    line-height: 1.2;
    text-align: left;
    padding-left: 25px;
    font-feature-settings: 'palt';
    position: relative;
  }
  .page-shop_search #searchResult .iconHelp a:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 21px;
    line-height: 1;
  }
  .page-shop_search #searchResult .moreBtnWrap {
    margin: 38px 0 0;
  }
  .page-shop_search #searchResult .moreBtnWrap .moreBtn {
    background-color: #4c4c4c;
    border: 1px solid #4c4c4c;
    border-radius: 3px;
    display: block;
    text-align: center;
    padding: 13px 30px 12px;
    cursor: pointer;
  }
  .page-shop_search #searchResult .moreBtnWrap .moreBtn span {
    color: #fff;
    font-size: 14px;
    padding-left: 33px;
    position: relative;
  }
  .page-shop_search #searchResult .moreBtnWrap .moreBtn span:before {
    font-family: icomoon;
    content: '\e94a';
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-shop_search #searchResult .searchErrorWrap >p {
    font-size: 14px;
    line-height: 1.7;
    margin: 26px 0;
  }
  .page-shop_search #searchResult .searchErrorWrap >.btnMore {
    margin-top: 26px;
  }
  .page-shop_search_detail .colmun-history {
    padding: 0;
  }
  .page-shop_search_detail .side-history {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-top: 36px;
  }
  .page-shop_search_detail .content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .page-shop_search_detail .content .sectionTtl {
    border-top: 1px solid #e5e5e5;
    background-color: #f6f6f6;
    border-bottom: 2px solid #414e3d;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .page-shop_search_detail .content .sectionTtl > h2 {
    position: relative;
    padding: 10px 35px 10px 13px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-shop_search_detail .content .sectionTtl > h2.icon-news:before {
    content: '';
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    padding-right: 7px;
    width: 28px;
    height: 21px;
    background-image: url("/common/images/icon_news.svg");
    background-repeat: no-repeat;
    -webkit-background-size: 28px 21px;
    -moz-background-size: 28px 21px;
    background-size: 28px 21px;
  }
  .page-shop_search_detail .content .sectionTtl > h2.icon-workshop:before {
    content: '';
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    padding-right: 7px;
    width: 18px;
    height: 21px;
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
    font-size: 26px;
    color: #4c4c4c;
    -webkit-transform: scale(1.3) translateY(-4px) translateX(-4px);
    -moz-transform: scale(1.3) translateY(-4px) translateX(-4px);
    -o-transform: scale(1.3) translateY(-4px) translateX(-4px);
    -ms-transform: scale(1.3) translateY(-4px) translateX(-4px);
    transform: scale(1.3) translateY(-4px) translateX(-4px);
  }
  .page-shop_search_detail .content .sectionTtl > h2.icon-recruitment:before {
    content: '';
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    padding-right: 4px;
    font-size: 20px;
    color: #414e3d;
    background-repeat: no-repeat;
    font-family: icomoon;
    content: '\e954';
    font-weight: normal;
  }
  .page-shop_search_detail .content .sectionTtl > h2 > .txt {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    font-size: 16px;
    font-weight: bold;
    color: #414e3d;
  }
  .page-shop_search_detail .content .sectionTtl > h2 .arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-shop_search_detail .content .sectionTtl > h2 .arrow:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 13px;
    font-weight: bold;
    color: #161616;
    padding-right: 1px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-decoration: none !important;
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
  }
  .page-shop_search_detail .content .sectionTtl.open h2 .arrow:after {
    font-family: icomoon;
    content: '\e931';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo {
    margin-top: 36px;
    padding-bottom: 37px;
    border-top: 1px solid #e5e5e5;
    background-color: #fff;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead {
    position: relative;
    margin: 0 15px 0;
    padding: 30px 0 0;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead:before {
    width: 43px;
    height: 47px;
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    background-image: url("/common/images/icons_clip.svg");
    background-repeat: no-repeat;
    -webkit-background-size: 43px 47px;
    -moz-background-size: 43px 47px;
    background-size: 43px 47px;
    margin-left: -21.5px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .shopLogo {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 91px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .shopLogo img {
    width: 100%;
    height: auto;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .btn1 {
    margin-right: 0;
    margin-left: 0;
    width: 175px;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .btn1 > a {
    padding: 5px 12px 5px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .btn1 > a > span {
    font-size: 10px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .btn1 > a:before {
    font-size: 10px;
    margin-right: 4px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .btn1 > a:after {
    display: none;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .shopName {
    position: relative;
    padding-top: 25px;
    padding-bottom: 28px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .shopName .wrap {
    font-size: 20px;
    font-weight: bold;
    color: #41503d;
    line-height: 1.1;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .shopName:after {
    position: absolute;
    bottom: 0;
    content: '';
    width: 100%;
    height: 4px;
    background-image: -webkit-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -moz-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -o-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -ms-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: linear-gradient(to right, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 4px;
    -moz-background-size: 6px 4px;
    background-size: 6px 4px;
    background-position: left bottom;
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
  }
  .page-shop_search_detail .content >section.shopInfo .overview {
    padding-top: 12px;
    margin: 0 15px 0;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner {
    word-break: break-all;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100px;
    font-size: 0;
    position: relative;
    padding: 8px 2px 8px 0;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name:before {
    font-size: 15px;
    color: #4b4b4b;
    width: 20px;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    padding-right: 7px;
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name.icon-clock2:before {
    font-family: icomoon;
    content: '\e955';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name.icon-event2:before {
    font-family: icomoon;
    content: '\e956';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name.icon-shop_phone:before {
    font-family: icomoon;
    content: '\e953';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name:after {
    content: ':';
    font-size: 13px;
    font-weight: bold;
    color: #4c4c4c;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name .txt {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    font-size: 13px;
    line-height: 1.468;
    font-weight: bold;
    color: #4c4c4c;
    letter-spacing: 0.7px;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    font-size: 13px;
    line-height: 1.468;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    padding: 8px 0 8px 19px;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item .openTime1 {
    padding: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item .closedText1 {
    padding: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item .closedText2 {
    padding: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item.phone {
    padding-top: 7px;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item.phone .pc .phoneNum {
    padding: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item.phone .sp {
    display: block;
    text-decoration: none;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item.phone .sp .phoneNum {
    font-size: 21px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .page-shop_search_detail .content >section.shopInfo .map {
    margin-top: 10px;
  }
  .page-shop_search_detail .content >section.shopInfo .map #mapField {
    width: 100%;
    padding-top: 60%;
  }
  .page-shop_search_detail .content >section.shopInfo .map #mapField2 {
    position: relative;
    padding-bottom: 70%;
    height: 0;
    overflow: hidden;
  }
  .page-shop_search_detail .content >section.shopInfo .map #mapField2 iframe,
  .page-shop_search_detail .content >section.shopInfo .map #mapField2 object,
  .page-shop_search_detail .content >section.shopInfo .map #mapField2 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 20px 15px 0;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps p {
    display: inline-block;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps p a {
    display: block;
    font-size: 0;
    text-decoration: none;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps p a:before {
    font-size: 17px;
    color: #41503d;
    width: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 7px;
    font-family: icomoon;
    content: '\e950';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps p a > span {
    font-size: 12px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps p a:after {
    font-size: 10px;
    color: #ccc;
    width: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-left: 5px;
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 15px;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap p {
    display: inline-block;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap p a {
    display: block;
    font-size: 0;
    text-decoration: none;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap p a:before {
    font-size: 17px;
    color: #41503d;
    width: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 7px;
    font-family: icomoon;
    content: '\e94f';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap p a > span {
    font-size: 12px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap p a:after {
    font-size: 10px;
    color: #ccc;
    width: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-left: 5px;
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .informationList {
    margin-left: 15px;
    margin-right: 15px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail {
    padding: 15px 16px 72px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner {
    border: 1px solid #e5e5e5;
    background-color: #fff;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock {
    overflow-y: scroll;
    padding: 17px 16px 15px;
    height: 353px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li {
    margin-top: 30px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li:first-child {
    margin-top: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .date {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .date >span {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    font-feature-settings: 'palt';
    color: #4c4c4c;
    padding-right: 15px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .date:before {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    content: '';
    display: block;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
    height: 2px;
    background-image: -webkit-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -moz-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -o-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -ms-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: linear-gradient(to right, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -moz-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -o-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -ms-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: linear-gradient(to right, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    -webkit-background-size: 4px 1px;
    -moz-background-size: 4px 1px;
    background-size: 4px 1px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .textBlock {
    margin-top: 13px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .textBlock:before {
    content: '・';
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .textBlock .inner {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .textBlock .inner .ttl {
    font-size: 13px;
    font-weight: bold;
    color: #414e3d;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .textBlock .inner .newsTxt {
    padding-top: 7px;
    font-size: 13px;
    line-height: 1.535;
    letter-spacing: 0.05em;
    color: #4c4c4c;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner {
    padding: 20px 0 70px;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner ul {
    padding: 0 15px;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList {
    margin-top: 40px;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList a {
    display: block;
    background-color: #4c4c4c;
    border: 2px solid #4c4c4c;
    padding: 13px 0 14px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList a.icon:before {
    color: #fff;
    margin-right: 5px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    font-family: icomoon;
    content: '\e94a';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList a >span {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner > .btnMore {
    margin-top: 28px;
    width: 270px;
  }
  .page-shop_search_detail .content >section.shopInfo .recruitment .detail {
    padding: 20px 15px 0px;
  }
  .page-shop_search_detail .content >section.shopInfo .recruitment .detail .detailInner p {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    color: #4c4c4c;
  }
  .page-shop_search_detail .content >section.shopInfo > .btnMore {
    padding-top: 25px;
    width: 270px;
  }
}
@media print, screen and (min-width: 769px) {
	a:hover {
	  text-decoration: none;
	}
  .sp {
    display: none !important;
  }
  #root >footer {
    position: relative;
  }
  .area {
    width: 100%;
    min-width: 1100px;
/* 履歴あり＋左カラムなし */
/* 履歴あり＋左カラムあり */
/* 履歴なし＋左カラムあり */
/* 履歴なし＋左カラムなし（1カラム） */
  }
  .area >.wrap {
    width: 1100px;
    margin: 0 auto;
  }
  .area >.wrap >.side,
  .area >.wrap >.content,
  .area >.wrap >.side-history {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
  }
  .area >.wrap.colmun-history {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .area >.wrap.colmun-history >.side {
    display: none;
  }
  .area >.wrap.colmun-history >.content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    -webkit-flex-basis: 840px;
    flex-basis: 840px;
    max-width: 840px;
  }
  .area >.wrap.colmun-history >.side-history {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    -webkit-flex-basis: 236px;
    flex-basis: 236px;
    margin-left: 22px;
  }
  .area >.wrap.colmun-2-history {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .area >.wrap.colmun-2-history >.side {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    -webkit-flex-basis: 230px;
    flex-basis: 230px;
    margin-right: 70px;
  }
  .area >.wrap.colmun-2-history >.content {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    -webkit-flex-basis: 660px;
    flex-basis: 660px;
  }
  .area >.wrap.colmun-2-history >.side-history {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    -webkit-flex-basis: 98px;
    flex-basis: 98px;
    margin-left: 42px;
  }
  .area >.wrap.colmun-2 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .area >.wrap.colmun-2 >.side {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    -webkit-flex-basis: 230px;
    flex-basis: 230px;
    margin-right: 70px;
    margin-bottom: 70px;
  }
  .area >.wrap.colmun-2 >.content {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    -webkit-flex-basis: 800px;
    flex-basis: 800px;
    margin-bottom: 70px;
  }
  .area >.wrap.colmun-2 >.side-history {
    display: none;
  }
  .area >.wrap.colmun-1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .area >.wrap.colmun-1.noSideSpace {
    padding-left: 0;
    padding-right: 0;
  }
  .area >.wrap.colmun-1 >.side {
    display: none;
  }
  .area >.wrap.colmun-1 >.content {
    -webkit-flex-basis: 1100px;
    flex-basis: 1100px;
  }
  .area >.wrap.colmun-1 >.side-history {
    display: none;
  }
  .area.beige {
    background-color: #f5f2e6;
  }
  .area.beige >.wrap {
    width: 960px;
    padding: 40px 0;
  }
  .area.gray {
    background-color: #f7f7f7;
  }
  .area.dotline {
    background-image: -webkit-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -moz-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -o-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -ms-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: linear-gradient(to right, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 5px 1px;
    -moz-background-size: 5px 1px;
    background-size: 5px 1px;
  }
  .area.dotline >.wrap {
    width: 1100px;
    padding: 67px 0 41px;
  }
  .area .articleList1,
  .area .articleList2 {
    padding-top: 41px;
  }
  .area .articleList1 +.btnMore,
  .area .articleList2 +.btnMore {
    margin-top: 63px;
  }
  .area .topFirstArea {
    padding-top: 8px;
    padding-bottom: 45px;
  }
  .area .topPickupArea {
    padding-top: 49px;
    padding-bottom: 45px;
  }
  .area .topWorkshopArea {
    padding-top: 38px;
    padding-bottom: 45px;
  }
  .area .topHandmadeArea {
    padding-top: 49px;
    padding-bottom: 45px;
  }
  .area .topItemsArea {
    padding-top: 49px;
    padding-bottom: 45px;
  }
  .area .topInformationArea {
    padding-top: 49px;
    padding-bottom: 99px;
  }
  .area .topInformationArea .articleList1,
  .area .topInformationArea .articleList2 {
    padding-top: 66px;
  }
  .area .contentWrap-style1 {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
  }
  .bannerList1 {
    overflow: hidden;
    margin: 0 -5px;
  }
  .bannerList1 a {
    text-decoration: none;
  }
  .bannerList1 ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .bannerList1 ul >li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    margin: 0 5px;
  }
  .bannerList1 ul >li .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .bannerList1 ul >li .text {
    color: #1a1a1a;
    font-size: 15px;
    line-height: 1.4;
    margin-top: 10px;
  }
  .bannerList1 ul >li a img {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .bannerList1 ul >li a:hover {
    text-decoration: underline;
  }
  .bannerList1 ul >li a:hover img {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .bannerList2 {
    margin: 0 -12px;
  }
  .bannerList2 a {
    text-decoration: none;
  }
  .bannerList2 ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bannerList2 ul >li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0 12px;
    margin-bottom: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .bannerList2 ul >li .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .bannerList2 ul >li .text {
    color: #4c4c4c;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 14px;
  }
  .bannerList2 ul >li a img,
  .bannerList2 ul >li a .text {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .bannerList2 ul >li a:hover img {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .bannerList2 ul >li a:hover .text {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  .breadcrumbList {
    width: 1100px;
    margin: 0 auto;
    padding: 15px 0 77px;
  }
  .breadcrumbList ol {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .breadcrumbList ol li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .breadcrumbList ol li a {
    color: #808080;
    font-size: 13px;
    position: relative;
    padding: 5px 0;
    margin-right: 20px;
    text-decoration: none;
  }
  .breadcrumbList ol li a:hover > span {
  text-decoration: underline;
  }
  .breadcrumbList ol li a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    display: inline-block;
    font-size: 10px;
    color: #ccc;
    position: absolute;
    top: 50%;
    right: -16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .breadcrumbList ol li:last-child a:after {
    display: none;
  }
  .btn1 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn1 a {
    display: block;
    background-color: #fff;
    border: 2px solid #ed1350;
    padding: 11px 0 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn1 a.icon:before {
    color: #ed1350;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn1 a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #ed1350;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn1 a >span {
    color: #ed1350;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn1 a:hover {
    background-color: #fde3ea;
  }
  .btn1 a.no-arrow:after {
    content: none;
  }
  .btn2 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn2 a {
    display: block;
    background-color: #414e3d;
    border: 2px solid #414e3d;
    padding: 10px 0 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn2 a.icon:before {
    color: #fff;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn2 a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn2 a >span {
    color: #fff;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn2 a.no-arrow:after {
    content: none;
  }
  .btn2 a:hover {
    background-color: #5b6d55;
    border-color: #5b6d55;
  }
  .btn2 a:hover.icon:before {
    color: #fff;
  }
  .btn2 a:hover:after {
    color: #fff;
  }
  .btn2 a:hover >span {
    color: #fff;
  }
  .btn3 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn3 a {
    display: block;
    background-color: #fff;
    border: 1px solid #161616;
    padding: 10px 0 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn3 a.icon:before {
    color: #161616;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn3 a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #161616;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn3 a >span {
    color: #161616;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn3 a:hover {
    background-color: #41503d;
    border-color: #41503d;
  }
  .btn3 a:hover.icon:before {
    color: #fff;
  }
  .btn3 a:hover:after {
    color: #fff;
  }
  .btn3 a:hover >span {
    color: #fff;
  }
  .btn4 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn4 a {
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 12px 0 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn4 a.icon:before {
    font-size: 10px;
    color: #161616;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn4 a >span {
    color: #161616;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn4 a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .btn4 a:hover.icon:before {
    color: #767676;
  }
  .btn4 a:hover >span {
    color: #767676;
  }
  .btn5 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn5 a {
    display: block;
    background-color: #b3b3b3;
    border: 2px solid #b3b3b3;
    padding: 10px 0 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn5 a.icon:before {
    color: #fff;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn5 a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn5 a >span {
    color: #fff;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn5 a:hover {
    background-color: #cacaca;
    border-color: #cacaca;
  }
  .btn5 a:hover.icon:before {
    color: #fff;
  }
  .btn5 a:hover:after {
    color: #fff;
  }
  .btn5 a:hover >span {
    color: #fff;
  }
  .btn6 {
    margin-left: auto;
    margin-right: auto;
  }
  .btn6 a {
    display: block;
    background-color: #fff;
    border: 2px solid #161616;
    padding: 10px 0 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn6 a.icon:before {
    color: #161616;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn6 a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #161616;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn6 a >span {
    color: #161616;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn6 a:hover {
    background-color: #f47196;
    border-color: #f47196;
  }
  .btn6 a:hover.icon:before {
    color: #fff;
  }
  .btn6 a:hover:after {
    color: #fff;
  }
  .btn6 a:hover >span {
    color: #fff;
  }
  .newItemList {
    display: block;
  }
  .goTop {
    width: 50px;
    height: 50px;
  }
  .goTop a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #41503d;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    text-decoration: none !important;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .goTop a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .goTop a span {
    font-size: 0;
  }
  .goTop a:before {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    transform: translateX(-50%) translateY(-50%) rotate(270deg);
  }
  .btnMore {
    width: 446px;
    margin-left: auto;
    margin-right: auto;
  }
  .btnMore a {
    display: block;
    border: 1px solid #161616;
    padding: 12px 0 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btnMore a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #999;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btnMore a >span {
    color: #161616;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .btnMore a:hover {
    background-color: #41503d;
    border-color: #41503d;
  }
  .btnMore a:hover:after {
    color: #fff;
  }
  .btnMore a:hover >span {
    color: #fff;
  }
  .btnMore.blank a:after {
    font-family: icomoon;
    content: '\e927';
    font-weight: normal;
  }
  #burgerMenu {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0,0,0,0.6);
  }
  #burgerMenu a {
    text-decoration: none;
  }
  #burgerMenu >.wrap {
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
  }
  #burgerMenu >.wrap .burgerContent {
    z-index: 1001;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    width: 424px;
    margin: 0 0 0 auto;
    padding-bottom: 40px;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader {
    width: 100%;
    height: 82px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 2px solid #41503d;
    display: table;
    table-layout: fixed;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .headLogo {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .headLogo a {
    display: block;
    width: 210px;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .headLogo img {
    width: 210px;
    height: auto;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .burgerBtnClose {
    display: table-cell;
    z-index: 1002;
    width: 70px;
    height: 66px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 18px;
    cursor: pointer;
    background-color: #4c4c4c;
    text-align: center;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .burgerBtnClose:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .burgerBtnClose:before {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #burgerMenu >.wrap .burgerContent .burgerHeader .burgerBtnClose span {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
  }
  #burgerMenu >.wrap .burgerContent .menu1 {
    z-index: 1040;
    background-color: #e4e4e4;
    padding: 15px;
    height: fit-content;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu,
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu {
    margin: 0 -2px 0 -3px;
    overflow: hidden;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul,
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li,
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li {
    padding: 0 2px 0 3px;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li a,
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a {
    display: block;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 0 10px;
    border-radius: 3px;
    position: relative;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li a:before,
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    color: #fff;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu {
    margin-bottom: 5px;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:first-child {
    -webkit-flex-basis: 60%;
    flex-basis: 60%;
    max-width: 60%;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:first-child a {
    background-color: #41503d;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:first-child a span {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:first-child a .small {
    font-size: 10px;
    font-weight: normal;
    display: inline-block;
    margin-left: 5px;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:first-child a:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
    font-size: 18px;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:first-child a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:last-child {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    max-width: 40%;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul li:last-child a span {
    font-size: 13px;
    color: #999;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul.before li:last-child a {
    color: #41503d;
    border: 2px solid #41503d;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul.before li:last-child a:before {
    font-family: icomoon;
    content: '\e929';
    font-weight: normal;
    font-size: 16px;
    color: #41503d;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul.before li:last-child a span {
    color: #41503d;
    font-weight: bold;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul.before li:last-child a:hover {
    background-color: #c2c7c1;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .memberMenu ul.after li:last-child a:before {
    font-family: icomoon;
    content: '\e92a';
    font-weight: normal;
    font-size: 16px;
    color: #999;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    padding: 5px 0 10px;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a:before {
    content: '';
    display: block;
    margin: 0 auto 3px;
    text-align: center;
    color: #41503d;
    font-size: 40px;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a span {
    font-size: 11px;
    line-height: 1.5;
    color: #161616;
    font-weight: bold;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 2.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-feature-settings: 'palt';
    white-space: nowrap;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a:hover {
    background-color: #41503d;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a:hover:before {
    color: #fff;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a:hover span {
    color: #fff;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li a:hover span:after {
    color: #fff;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-productInformation a:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-handmadeSupport a:before {
    font-family: icomoon;
    content: '\e939';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-store2 a:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-workshop a:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-flyer a:before {
    font-family: icomoon;
    content: '\e937';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-event a:before {
    font-family: icomoon;
    content: '\e936';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-notification a:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-smartphone a:before {
    font-family: icomoon;
    content: '\e940';
    font-weight: normal;
    color: #ed1350;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-smartphone span {
    display: inline-block;
    padding-right: 15px;
    line-height: 1.3;
    position: relative;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-smartphone span:after {
    font-family: icomoon;
    content: '\e927';
    font-weight: normal;
    position: absolute;
    top: 50%;
    right: 9px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: #ed1350;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-smartphone a:hover:before {
    color: #fff;
  }
  #burgerMenu >.wrap .burgerContent .menu1 .mainMenu ul li.icon-smartphone a:hover:after {
    text-decoration: none;
  }
  #burgerMenu >.wrap .burgerContent .menu2 {
    z-index: 1040;
    background-color: #fff;
    padding: 10px 10px;
  }
  #burgerMenu >.wrap .burgerContent .menu2 ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #burgerMenu >.wrap .burgerContent .menu2 ul li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #burgerMenu >.wrap .burgerContent .menu2 ul li a {
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #161616;
    padding: 12px 0;
    border-bottom: 1px solid #e6e7e7;
    position: relative;
  }
  #burgerMenu >.wrap .burgerContent .menu2 ul li a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 11px;
    color: #161616;
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #burgerMenu >.wrap .burgerContent .menu2 ul li a:hover {
    color: #b7b7b7;
  }
  #burgerMenu >.wrap .burgerContent .menu2 ul li a:hover span {
    color: #b7b7b7;
  }
  #burgerMenu >.wrap .burgerContent .snsList {
    text-align: center;
    margin: 30px 0 0;
  }
  #burgerMenu >.wrap .burgerContent .snsList p {
    color: #161616;
    font-size: 13px;
    font-weight: bold;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 15px;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li {
    padding: 0 10px;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li a {
    text-decoration: none;
    display: block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li a:before {
    font-size: 30px;
    color: #161616;
    text-align: center;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li a span {
    font-size: 0;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li.facebook a:before {
    font-family: icomoon;
    content: '\e92b';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li.twitter a:before {
    font-family: icomoon;
    content: '\e92c';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .snsList ul li.instagram a:before {
    font-family: icomoon;
    content: '\e92d';
    font-weight: normal;
  }
  #burgerMenu >.wrap .burgerContent .btnClose {
    text-align: center;
    margin: 20px auto 0;
  }
  #burgerMenu >.wrap .burgerContent .btnClose a {
    display: inline-block;
    border: 1px solid #161616;
    padding: 8px 80px 10px;
    margin: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 60px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #burgerMenu >.wrap .burgerContent .btnClose a:after {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    color: #999;
    font-size: 10px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #burgerMenu >.wrap .burgerContent .btnClose a >span {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #burgerMenu >.wrap .burgerContent .btnClose a:hover {
    background-color: #41503d;
    border-color: #41503d;
  }
  #burgerMenu >.wrap .burgerContent .btnClose a:hover:after,
  #burgerMenu >.wrap .burgerContent .btnClose a:hover >span {
    color: #fff;
  }
  #burgerMenu .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .categoryList {
    width: 1100px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .categoryList ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0;
  }
  .categoryList ul li {
    -webkit-flex-basis: 10%;
    flex-basis: 10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .categoryList ul li a {
    display: block;
    padding: 15px 0;
    text-decoration: none;
  }
  .categoryList ul li a:before {
    content: '';
    font-size: 42px;
    color: #4c4c4c;
    display: block;
    margin: 0 auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .categoryList ul li a span {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    color: #666;
    margin-top: 10px;
    text-decoration: underline;
  }
  .categoryList ul li a:hover {
    background-color: #f7f7f7;
    color: #b7b7b7;
  }
  .categoryList ul li a:hover:before {
    color: #ed1350;
  }
  .categoryList ul li a:hover span {
    color: #b7b7b7;
  }
  .categoryList ul li.icon-cloth a:before {
    font-family: icomoon;
    content: '\e900';
    font-weight: normal;
  }
  .categoryList ul li.icon-sewingTool a:before {
    font-family: icomoon;
    content: '\e901';
    font-weight: normal;
  }
  .categoryList ul li.icon-sewingMaterial a:before {
    font-family: icomoon;
    content: '\e90d';
    font-weight: normal;
  }
  .categoryList ul li.icon-sewingMachine a:before {
    font-family: icomoon;
    content: '\e90e';
    font-weight: normal;
  }
  .categoryList ul li.icon-embroidery a:before {
    font-family: icomoon;
    content: '\e90f';
    font-weight: normal;
  }
  .categoryList ul li.icon-leather a:before {
    font-family: icomoon;
    content: '\e910';
    font-weight: normal;
  }
  .categoryList ul li.icon-flower a:before {
    font-family: icomoon;
    content: '\e911';
    font-weight: normal;
  }
  .categoryList ul li.icon-patternsBooks a:before {
    font-family: icomoon;
    content: '\e912';
    font-weight: normal;
  }
  .categoryList ul li.icon-resinClay a:before {
    font-family: icomoon;
    content: '\e913';
    font-weight: normal;
  }
  .categoryList ul li.icon-silverClay a:before {
    font-family: icomoon;
    content: '\e914';
    font-weight: normal;
  }
  .categoryList ul li.icon-beads a:before {
    font-family: icomoon;
    content: '\e915';
    font-weight: normal;
  }
  .categoryList ul li.icon-deco a:before {
    font-family: icomoon;
    content: '\e916';
    font-weight: normal;
  }
  .categoryList ul li.icon-knitting a:before {
    font-family: icomoon;
    content: '\e917';
    font-weight: normal;
  }
  .categoryList ul li.icon-variousCrafts a:before {
    font-family: icomoon;
    content: '\e918';
    font-weight: normal;
  }
  .categoryList ul li.icon-feltWool a:before {
    font-family: icomoon;
    content: '\e903';
    font-weight: normal;
  }
  .categoryList ul li.icon-japaneseHandicraft a:before {
    font-family: icomoon;
    content: '\e91a';
    font-weight: normal;
  }
  .categoryList ul li.icon-tolePaint a:before {
    font-family: icomoon;
    content: '\e91b';
    font-weight: normal;
  }
  .categoryList ul li.icon-accessoryBracket a:before {
    font-family: icomoon;
    content: '\e91c';
    font-weight: normal;
  }
  .categoryList ul li.icon-naturalStone a:before {
    font-family: icomoon;
    content: '\e91d';
    font-weight: normal;
  }
  .categoryList ul li.icon-saleItems a:before {
    font-family: icomoon;
    content: '\e91e';
    font-weight: normal;
  }
  .categoryList .btnAllCategory {
    display: none;
  }
  #categoryPanel {
    display: none;
  }
  .contentTitle .titleText {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .contentTitle .titleText >span {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    font-size: 27px;
    line-height: 1.2;
    letter-spacing: 0.18em;
    font-weight: bold;
    font-feature-settings: 'palt';
    color: #161616;
    padding-right: 27px;
    white-space: nowrap;
  }
  .contentTitle .titleText:before {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    content: '';
    display: block;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
    height: 2px;
    background-image: -webkit-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -moz-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -o-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -ms-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: linear-gradient(to right, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 1px;
    -moz-background-size: 6px 1px;
    background-size: 6px 1px;
  }
  .contentTitle .titleText:after {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    content: '';
    display: block;
    margin-left: 40px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-position: left center;
  }
  .contentTitle.titlePickup .titleText span {
    padding-right: 22px;
  }
  .contentTitle.titlePickup .titleText:after {
    width: 130px;
    height: 38px;
    content: '';
    background-image: url("/common/images/bg_title_pickup.svg");
  }
  .contentTitle.titleWorkshop .titleText span {
    padding-right: 21px;
  }
  .contentTitle.titleWorkshop .titleText:after {
    width: 159px;
    height: 48px;
    content: '';
    margin-left: 28px;
    background-image: url("/common/images/bg_title_workshop.svg");
  }
  .contentTitle.titleHandmade .titleText:after {
    width: 196px;
    height: 46px;
    content: '';
    margin-top: -4px;
    margin-left: 32px;
    background-image: url("/common/images/bg_title_handmade.svg");
  }
  .contentTitle.titleItems .titleText span {
    padding-right: 16px;
  }
  .contentTitle.titleItems .titleText:after {
    width: 113px;
    height: 32px;
    content: '';
    margin-left: 23px;
    background-image: url("/common/images/bg_title_items.svg");
  }
  .contentTitle.titleInformation .titleText:after {
    width: 183px;
    height: 33px;
    content: '';
    margin-left: 16px;
    background-image: url("/common/images/bg_title_information.svg");
  }
  .dummy_btn {
    margin-left: auto;
    margin-right: auto;
  }
  .dummy_btn > p {
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 12px 0 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .dummy_btn > p.icon:before {
    font-size: 10px;
    color: #161616;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .dummy_btn > p >span {
    color: #ed1350;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .entryNav {
    overflow: hidden;
  }
  .entryNav ul {
    background-color: #fef1f4;
    font-size: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
    counter-reset: navigationList;
  }
  .entryNav ul li {
    position: relative;
    display: table-cell;
    background-color: #fef1f4;
    overflow: hidden;
    counter-increment: navigationList;
  }
  .entryNav ul li:last-child:before,
  .entryNav ul li:last-child:after {
    display: none;
  }
  .entryNav ul li:before {
    position: absolute;
    right: -27px;
    bottom: -17px;
    width: 40px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    content: '';
    display: block;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg);
    border-left: 2px solid #fff;
  }
  .entryNav ul li:after {
    position: absolute;
    right: -26px;
    top: -17px;
    width: 40px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    content: '';
    display: block;
    -webkit-transform: rotate(-36deg);
    -moz-transform: rotate(-36deg);
    -o-transform: rotate(-36deg);
    -ms-transform: rotate(-36deg);
    transform: rotate(-36deg);
    border-left: 2px solid #fff;
  }
  .entryNav ul li span {
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 26.95px;
    letter-spacing: 1.2px;
    color: #4c4c4c;
    padding: 18px 17px 12px 17px;
  }
  .entryNav ul li span:before {
    content: 'STEP' counter(navigationList);
    display: block;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 1.5px;
    color: #4c4c4c;
  }
  .area.entry-nav-1 .entryNav ul li:nth-child(1) {
    background-color: #ed1350;
  }
  .area.entry-nav-1 .entryNav ul li:nth-child(1):before,
  .area.entry-nav-1 .entryNav ul li:nth-child(1):after {
    background-color: #fef1f4;
  }
  .area.entry-nav-1 .entryNav ul li:nth-child(1) span {
    color: #fff;
  }
  .area.entry-nav-1 .entryNav ul li:nth-child(1) span:before {
    color: #fff;
  }
  .area.entry-nav-2 .entryNav ul li:nth-child(2) {
    background-color: #ed1350;
  }
  .area.entry-nav-2 .entryNav ul li:nth-child(2):before,
  .area.entry-nav-2 .entryNav ul li:nth-child(2):after {
    background-color: #fef1f4;
  }
  .area.entry-nav-2 .entryNav ul li:nth-child(2) span {
    color: #fff;
  }
  .area.entry-nav-2 .entryNav ul li:nth-child(2) span:before {
    color: #fff;
  }
  .area.entry-nav-2 .entryNav ul li:nth-child(1):before,
  .area.entry-nav-2 .entryNav ul li:nth-child(1):after {
    background-color: #ed1350;
  }
  .area.entry-nav-3 .entryNav ul li:nth-child(3) {
    background-color: #ed1350;
  }
  .area.entry-nav-3 .entryNav ul li:nth-child(3):before,
  .area.entry-nav-3 .entryNav ul li:nth-child(3):after {
    background-color: #fef1f4;
  }
  .area.entry-nav-3 .entryNav ul li:nth-child(3) span {
    color: #fff;
  }
  .area.entry-nav-3 .entryNav ul li:nth-child(3) span:before {
    color: #fff;
  }
  .area.entry-nav-3 .entryNav ul li:nth-child(2):before,
  .area.entry-nav-3 .entryNav ul li:nth-child(2):after {
    background-color: #ed1350;
  }
  .area.entry-nav-4 .entryNav ul li:nth-child(4) {
    background-color: #ed1350;
  }
  .area.entry-nav-4 .entryNav ul li:nth-child(4):before,
  .area.entry-nav-4 .entryNav ul li:nth-child(4):after {
    background-color: #fef1f4;
  }
  .area.entry-nav-4 .entryNav ul li:nth-child(4) span {
    color: #fff;
  }
  .area.entry-nav-4 .entryNav ul li:nth-child(4) span:before {
    color: #fff;
  }
  .area.entry-nav-4 .entryNav ul li:nth-child(3):before,
  .area.entry-nav-4 .entryNav ul li:nth-child(3):after {
    background-color: #ed1350;
  }
  #fixedFooter {
    display: block !important;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
  }
  #fixedFooter >.wrap {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
  }
  #fixedFooter .historySp {
    display: none !important;
  }
  #fixedFooter .goTop {
    position: absolute;
    bottom: -100px;
    right: -64px;
    -webkit-transition: bottom 400ms;
    -moz-transition: bottom 400ms;
    -o-transition: bottom 400ms;
    -ms-transition: bottom 400ms;
    transition: bottom 400ms;
  }
  #fixedFooter.scrolled .goTop {
    bottom: 24px;
  }
  #fixedFooter.windowSmall {
    width: auto;
    left: auto;
    right: 0;
  }
  #fixedFooter.windowSmall .goTop {
    right: 24px;
  }
  #fixedHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 3px solid #41503d;
    z-index: 100;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    transition-duration: 300ms;
  }
  #fixedHeader.scrolled {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background-color: rgba(255,255,255,0.7);
  }
  #fixedHeader.scrollStop {
    background-color: #fff;
  }
  #fixedHeader .headContent {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
  }
  #fixedHeader .headContent .menu {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #fixedHeader .headContent .menu .headLogo {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin-left: 20px;
  }
  #fixedHeader .headContent .menu .headLogo img {
    width: 221px;
    height: auto;
  }
  #fixedHeader .headContent .menu .headLogo a {
    display: inline-block;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  #fixedHeader .headContent .menu .headLogo a img {
    width: 221px;
    height: 52px;
  }
  #fixedHeader .headContent .menu .headLogo a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #fixedHeader .headContent .menu .burgerBtn {
    border-radius: 0;
    width: 75px;
    height: 80px;
    -webkit-flex-basis: 75px;
    flex-basis: 75px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    cursor: pointer;
    background-color: #4c4c4c;
    text-align: center;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #fixedHeader .headContent .menu .burgerBtn:before {
    font-family: icomoon;
    content: '\e92e';
    font-weight: normal;
    font-size: 22px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #fixedHeader .headContent .menu .burgerBtn span {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
  }
  #fixedHeader .headContent .menu .burgerBtn:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #fixedHeader .fixedHeaderCategory {
    display: none;
    border-top: 1px solid #e5e5e5;
  }
  #footer {
    min-width: 1100px;
    border-top: 2px solid #41503d;
  }
  #footer >.wrap {
    width: 1100px;
    margin: 0 auto;
    padding-top: 57px;
  }
  #footer >.wrap a img {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #footer >.wrap a:hover img {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #footer .footLogo {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #footer .footLogo .logo {
    width: 200px;
  }
  #footer .footLogo .logo img {
    width: 100%;
    height: auto;
  }
  #footer .footLogo .copy {
    font-size: 11px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1.92px;
    color: #161616;
    padding-left: 24px;
    padding-bottom: 5px;
  }
  #footer .footerNavi {
    padding-top: 60px;
  }
  #footer .footerNavi nav {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  #footer .footerNavi nav dl {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    margin-right: 70px;
  }
  #footer .footerNavi nav dl >dt {
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    padding-bottom: 22px;
    background-image: -webkit-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -moz-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -o-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -ms-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: linear-gradient(to right, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    -webkit-background-size: 8px 1px;
    -moz-background-size: 8px 1px;
    background-size: 8px 1px;
  }
  #footer .footerNavi nav dl >dt span {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0.12em;
    font-feature-settings: 'palt';
    color: #161616;
  }
  #footer .footerNavi nav dl >dd {
    padding-top: 18px;
  }
  #footer .footerNavi nav dl >dd >ul >li a {
    display: inline-block;
    font-size: 12px;
    color: #4c4c4c;
    padding: 6px 0;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #footer .footerNavi nav dl >dd >ul >li a:hover {
    color: #adadad;
  }
  #footer .footerNavi nav dl >dd >ul >li.app {
    padding-top: 30px;
  }
  #footer .footerNavi nav dl >dd >ul >li.app img {
    width: 100%;
    height: auto;
  }
  #footer .footerNavi nav ul.sub {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 222px;
    flex-basis: 222px;
  }
  #footer .footerNavi nav ul.sub li.text {
    margin: 17px 0;
  }
  #footer .footerNavi nav ul.sub li.text >ul li a {
    display: inline-block;
    font-size: 12px;
    color: #4c4c4c;
    padding: 7px 0;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #footer .footerNavi nav ul.sub li.text >ul li a:hover {
    color: #adadad;
  }
  #footer .footerNavi nav ul.sub li.banner a {
    display: block;
  }
  #footer .footerNavi nav ul.sub li.banner img {
    width: 222px;
    height: 94px;
  }
  #footer .snsList {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    text-align: center;
    margin: 34px 0 64px;
  }
  #footer .snsList p {
    color: #161616;
    font-size: 12px;
    font-weight: bold;
  }
  #footer .snsList ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 15px;
  }
  #footer .snsList ul li {
    padding: 0 10px;
  }
  #footer .snsList ul li a {
    text-decoration: none;
    display: block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #footer .snsList ul li a:before {
    font-size: 30px;
    color: #161616;
    text-align: center;
  }
  #footer .snsList ul li a span {
    font-size: 0;
  }
  #footer .snsList ul li a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #footer .snsList ul li.facebook a:before {
    font-family: icomoon;
    content: '\e92b';
    font-weight: normal;
  }
  #footer .snsList ul li.twitter a:before {
    font-family: icomoon;
    content: '\e92c';
    font-weight: normal;
  }
  #footer .snsList ul li.instagram a:before {
    font-family: icomoon;
    content: '\e92d';
    font-weight: normal;
  }
  #footer .copyright {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    background-color: #41503d;
    text-align: center;
    padding: 40px 0;
  }
  #footer .copyright small {
    font-family: 'Open Sans';
    font-size: 11px;
    color: #fff;
  }
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="password"],
  input[type="tel"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    outline: none;
    padding: 12px 8px;
    width: 100%;
  }
  input[type="text"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder {
    color: #999;
    font-size: 13px;
    letter-spacing: 0.09em;
  }
  input[type="text"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder {
    color: #999;
    font-size: 13px;
    letter-spacing: 0.09em;
  }
  input[type="text"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder {
    color: #999;
    font-size: 13px;
    letter-spacing: 0.09em;
  }
  input[type="text"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder {
    color: #999;
    font-size: 13px;
    letter-spacing: 0.09em;
  }
  input[type="text"].error,
  input[type="number"].error,
  input[type="email"].error,
  input[type="password"].error,
  input[type="tel"].error {
    background-color: #fef6f8;
    border-color: #ed1350;
  }
  input[type="checkbox"] {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px;
  }
  input[type='checkbox'] {
    display: none;
  }
  input[type='checkbox'] + span {
    position: relative;
    display: inline-block;
    padding: 0 0 0 35px;
    cursor: pointer;
  }
  input[type='checkbox'] + span:before {
    position: absolute;
    left: 0;
    top: 0.7em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-transition-duration: 150ms;
    -moz-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    -ms-transition-duration: 150ms;
    transition-duration: 150ms;
  }
  input[type='checkbox'] + span:after {
    position: absolute;
    left: 2px;
    top: 0.7em;
    -webkit-transform: translateY(-52%) rotate(35deg) scale(0);
    -moz-transform: translateY(-52%) rotate(35deg) scale(0);
    -o-transform: translateY(-52%) rotate(35deg) scale(0);
    -ms-transform: translateY(-52%) rotate(35deg) scale(0);
    transform: translateY(-52%) rotate(35deg) scale(0);
    content: "";
    display: block;
    width: 8px;
    height: 14px;
    margin-top: 1px;
    border-right: 3px solid #4c4c4c;
    border-bottom: 3px solid #4c4c4c;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -o-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    -ms-transition-duration: 100ms;
    transition-duration: 100ms;
  }
  input[type='checkbox']:checked + span:after {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -moz-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -o-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -ms-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -webkit-transform: translateY(-52%) rotate(35deg) scale(0.7);
    -moz-transform: translateY(-52%) rotate(35deg) scale(0.7);
    -o-transform: translateY(-52%) rotate(35deg) scale(0.7);
    -ms-transform: translateY(-52%) rotate(35deg) scale(0.7);
    transform: translateY(-52%) rotate(35deg) scale(0.7);
  }
  input[type='radio'] {
    display: none;
  }
  input[type='radio'].error + span:before {
    background-color: $errorColor;
    border: 3px solid $errorColor;
  }
  input[type='radio'] + span {
    position: relative;
    display: inline-block;
    padding: 0 30px 0 40px;
    cursor: pointer;
    font-size: 15px;
  }
  input[type='radio'] + span:before {
    position: absolute;
    left: 0;
    top: 0.7em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  input[type='radio'] + span:after {
    position: absolute;
    left: 4px;
    top: 0.7em;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #4c4c4c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    -ms-transition-duration: 100ms;
    transition-duration: 100ms;
  }
  input[type='radio']:checked + span:after {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -moz-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -o-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -ms-transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    transition-timing-function: cubic-bezier(0, 0, 0.52, 1.63);
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
  select {
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
    color: #4c4c4c;
    font-size: 14px;
    width: 100%;
    padding: 10px 34px 10px 16px;
    background: #fff;
  }
  select.error {
    background-color: #fef6f8;
    border: 1px solid #ed1350;
  }
  .selectWrap {
    display: inline-block;
    position: relative;
  }
  .selectWrap:after {
    position: absolute;
    top: 50%;
    right: 16px;
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-right: 2px solid #4c4c4c;
    border-bottom: 2px solid #4c4c4c;
    -webkit-transform: translateY(-75%) rotate(45deg);
    -moz-transform: translateY(-75%) rotate(45deg);
    -o-transform: translateY(-75%) rotate(45deg);
    -ms-transform: translateY(-75%) rotate(45deg);
    transform: translateY(-75%) rotate(45deg);
    pointer-events: none;
  }
  select::-ms-expand {
    display: none;
  }
  #header {
    min-width: 1100px;
  }
  #header .headContent {
    border-bottom: 1px solid #c9c9c9;
    width: 100%;
    min-width: 1100px;
  }
  #header .headContent >.wrap {
    width: 1100px;
    height: 101px;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #header .headContent >.wrap .headLogo {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  #header .headContent >.wrap .copy {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
  }
  #header .headContent >.wrap .loginArea {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    -webkit-flex-basis: 290px;
    flex-basis: 290px;
  }
  #header .headContent >.wrap .burgerBtn {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -o-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
  }
  #header .headContent >.wrap a {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #header .headContent >.wrap a:hover,
  #header .headContent >.wrap a:hover img {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #header .headContent >.wrap .headLogo {
    padding-top: 6px;
    margin-left: 20px;
  }
  #header .headContent >.wrap .headLogo a {
    display: block;
    width: 252px;
  }
  #header .headContent >.wrap .headLogo img {
    width: 100%;
    height: auto;
  }
  #header .headContent >.wrap .copy {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.13em;
    color: #4c4c4c;
    padding: 0 20px 0 32px;
  }
  #header .headContent >.wrap .burgerBtn {
    border-radius: 0;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start;
    width: 70px;
    height: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    cursor: pointer;
    background-color: #4c4c4c;
    text-align: center;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #header .headContent >.wrap .burgerBtn:before {
    font-family: icomoon;
    content: '\e92e';
    font-weight: normal;
    font-size: 22px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #header .headContent >.wrap .burgerBtn span {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
  }
  #header .headContent >.wrap .burgerBtn:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #header .headContent >.wrap .loginArea {
    -webkit-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 13px 35px 0 0;
  }
  #header .headContent >.wrap .loginArea .otherSite {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  #header .headContent >.wrap .loginArea .otherSite li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 60px;
    -ms-flex: 0 1 60px;
    flex: 0 1 60px;
    padding: 7px 8px;
  }
  #header .headContent >.wrap .loginArea .otherSite li:nth-child(2),
  #header .headContent >.wrap .loginArea .otherSite li:nth-child(3) {
    -webkit-flex-basis: 51px;
    flex-basis: 51px;
  }
  #header .headContent >.wrap .loginArea .otherSite li:nth-child(4) {
    -webkit-flex-basis: 69px;
    flex-basis: 69px;
  }
  #header .headContent >.wrap .loginArea .otherSite li img {
    width: 100%;
    height: auto;
  }
  #header .headContent >.wrap .loginArea .btns {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 3px 5px 0 0;
  }
  #header .headContent >.wrap .loginArea .btns >a {
    display: block;
    background-color: #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #161616;
    font-size: 12px;
    letter-spacing: 0.07em;
    text-decoration: none;
    text-align: center;
    padding: 8px 22px 9px 40px;
    margin: 0 1px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-feature-settings: 'palt';
    position: relative;
  }
  #header .headContent >.wrap .loginArea .btns >a:before {
    position: absolute;
    top: 7px;
    left: 27px;
    color: #161616;
    font-size: 17px;
    vertical-align: middle;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  #header .headContent >.wrap .loginArea .btns >a.icon-user:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
  }
  #header .headContent >.wrap .loginArea .btns >a.icon-login:before {
    font-family: icomoon;
    content: '\e929';
    font-weight: normal;
  }
  #header .headContent >.wrap .loginArea .btns >a:hover {
    background-color: #41503d;
    color: #fff;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  #header .headContent >.wrap .loginArea .btns >a:hover:before {
    color: #fff;
  }
  #header .headContent >.wrap .loginArea .btns >a span {
    vertical-align: middle;
  }
  #header .headContent >.wrap .loginArea .btns >a:nth-child(1) {
    padding-left: 48px;
  }
  .headMenu {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
  }
  .headMenu >.wrap {
    width: 1100px;
    margin: 0 auto;
  }
  .headMenu >.wrap ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
  }
  .headMenu >.wrap ul li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .headMenu >.wrap ul li a {
    display: block;
    height: 89px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    text-decoration: none;
    position: relative;
    border-right: 1px solid #dcdcdc;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    position: relative;
  }
  .headMenu >.wrap ul li a:before {
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    font-size: 53px;
    color: #4c4c4c;
    display: block;
    text-align: center;
    margin-right: 10px;
  }
  .headMenu >.wrap ul li a >span {
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding-top: 61px;
  }
  .headMenu >.wrap ul li a >span:after {
    display: inline-block;
    margin-left: 5px;
  }
  .headMenu >.wrap ul li a:hover {
    background-color: #41503d;
    color: #fff;
  }
  .headMenu >.wrap ul li a:hover:before {
    color: #fff;
  }
  .headMenu >.wrap ul li a:hover span:after {
    color: #fff;
  }
  .headMenu >.wrap ul li:last-child a {
    border-right: none;
  }
  .headMenu >.wrap ul li.icon-productInformation a:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
  }
  .headMenu >.wrap ul li.icon-handmadeSupport a:before {
    font-family: icomoon;
    content: '\e939';
    font-weight: normal;
  }
  .headMenu >.wrap ul li.icon-workshop a:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
  }
  .headMenu >.wrap ul li.icon-store2 a:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
  }
  .headMenu >.wrap ul li.icon-smartphone a:before {
    font-family: icomoon;
    content: '\e940';
    font-weight: normal;
    color: #ed1350;
  }
  .headMenu >.wrap ul li.icon-smartphone span:after {
    font-family: icomoon;
    content: '\e927';
    font-weight: normal;
    color: #ed1350;
  }
  .headMenu >.wrap ul li.icon-smartphone a:hover:before {
    color: #fff;
  }
  .headMenu >.wrap .searchArea {
    width: 350px;
    padding-top: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .side-history {
    overflow: hidden;
  }
  .side-history.fixed {
    position: fixed;
    top: 103px;
    width: 1100px;
    margin: 0 auto !important;
    pointer-events: none;
    display: block;
    overflow: visible;
  }
  .side-history.fixed >.wrap {
    width: 98px;
    margin: 0 0 0 auto;
  }
  .side-history.fixed >.wrap a,
  .side-history.fixed >.wrap .btnPrev,
  .side-history.fixed >.wrap .btnNext {
    pointer-events: auto;
  }
  .side-history.bottom {
    position: relative;
  }
  .side-history.bottom >.wrap {
    position: absolute;
    bottom: 20px;
    left: 0;
  }
  .historySp {
    display: none;
  }
  .importantNewsList {
    padding: 40px 0 ;
    width: 1100px;
    margin: 0 auto;
  }
  .importantNewsList .newsTitle {
    background-color: #e5001f;
    padding: 6px 0;
  }
  .importantNewsList .newsTitle .titleText {
    text-align: center;
  }
  .importantNewsList .newsTitle .titleText span {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 1.3px;
  }
  .importantNewsList .newsWrap {
    background-color: #fff;
    border: 1px solid #e5001f;
    padding: 0 60px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .importantNewsList dl {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: 15px 0 12px;
  }
  .importantNewsList dl ~ dl {
    background-image: -webkit-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -moz-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -o-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: -ms-linear-gradient(left, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    background-image: linear-gradient(to right, #c9c9c9 0%, #c9c9c9 40%, rgba(201,201,201,0) 40%, rgba(201,201,201,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 1px;
    -moz-background-size: 6px 1px;
    background-size: 6px 1px;
  }
  .importantNewsList dl dt {
    -webkit-flex-basis: 105px;
    flex-basis: 105px;
  }
  .importantNewsList dl dt span {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Open Sans';
    display: inline-block;
  }
  .importantNewsList dl dd {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }
  .importantNewsList dl dd ul li {
    color: #161616;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
   .importantNewsList dl dd ul li br {
    display: none;
  }

  .importantNewsList dl dd ul li a {
    color: #161616;
    font-size: 16px;
    line-height: 1.4;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    text-decoration: none;
  }
  .importantNewsList dl dd ul li a:hover {
    color: #adadad;
  }
  .importantNewsList .more {
    text-align: right;
    margin-top: 20px;
  }
  .importantNewsList .more:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 10px;
    color: #999;
  }
  .importantNewsList .more a {
    font-size: 12px;
    color: #161616;
    padding-right: 5px;
  }
  .informationList {
    margin: 20px 0 50px;
  }
  .informationList .list:first-child {
    margin-top: 0;
  }
  .informationList .list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .informationList .list:first-child {
    border-top: 1px solid #e5e5e5;
  }
  .informationList .list .infoTitle {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 178px;
    padding: 26px 15px 26px;
    background-color: #7e887b;
  }
  .informationList .list .infoTitle.icon-store .wrap:before {
    font-family: icomoon;
    content: '\e925';
    font-weight: normal;
  }
  .informationList .list .infoTitle.icon-car .wrap:before {
    font-family: icomoon;
    content: '\e94d';
    font-weight: normal;
  }
  .informationList .list .infoTitle.icon-clock .wrap:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .informationList .list .infoTitle.icon-map_app .wrap:before {
    font-family: icomoon;
    content: '\e950';
    font-weight: normal;
  }
  .informationList .list .infoTitle.icon-user .wrap:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
  }
  .informationList .list .infoTitle.icon-yen .wrap:before {
    font-family: icomoon;
    content: '\e920';
    font-weight: normal;
  }
  .informationList .list .infoTitle .wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .informationList .list .infoTitle .wrap:before {
    font-size: 22px;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 10px;
    font-family: icomoon;
    content: '\e925';
    font-weight: normal;
  }
  .informationList .list .infoTitle .wrap > span {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #fff;
  }
  .informationList .list .infoTitle .wrap:after {
    display: none;
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(270deg);
    transform: translateX(-50%) translateY(-50%) rotate(270deg);
  }
  .informationList .list .detail {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .informationList .list .detail .detailInner {
    padding: 12px 34px 12px;
    word-break: break-all;
  }
  .informationList .list .detail .detailInner .row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .informationList .list .detail .detailInner .row .name {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 88px;
    font-size: 0;
    position: relative;
    padding: 8px 2px 8px 0;
  }
  .informationList .list .detail .detailInner .row .name:after {
    content: ':';
    font-size: 14px;
    font-weight: bold;
    color: #4c4c4c;
  }
  .informationList .list .detail .detailInner .row .name .txt {
    font-size: 14px;
    font-weight: bold;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    text-align: left;
  }
  .informationList .list .detail .detailInner .row .item {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    font-size: 13px;
    line-height: 1.468;
    color: #4c4c4c;
    line-height: 1;
    letter-spacing: 0.7px;
    padding: 8px 12px 8px 25px;
  }
  .informationList .list .detail .detailInner .row .item .txt1 {
    padding: 0;
  }
  .informationList .list .detail .detailInner .row .item .txt2 {
    padding: 0;
  }
  .informationList .list .detail .detailInner .row .item .notes {
    display: block;
    font-size: 12px;
    letter-spacing: 0.05em;
    color: #808080;
    padding-top: 10px;
  }
  .informationList .list .detail .detailInner .row.feature {
    margin-top: 13px;
    padding-top: 5px;
    background-image: -webkit-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -moz-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -o-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -ms-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: linear-gradient(to right, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 8px 1px;
    -moz-background-size: 8px 1px;
    background-size: 8px 1px;
    background-position: left top;
  }
  .informationList .list .detail .detailInner .row.feature .name {
    padding-top: 19px;
  }
  .informationList .list .detail .detailInner .row.feature .item {
    padding: 9px 12px 7px 17px;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 7px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li:first-child {
    margin-top: 0;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li:before {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 32px;
    color: #41503d;
    text-align: left;
    vertical-align: middle;
    padding-right: 16px;
    font-family: icomoon;
    content: '\e94c';
    font-weight: normal;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li > span {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    letter-spacing: 0.7px;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-cloth:before {
    font-family: icomoon;
    content: '\e900';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sewingTool:before {
    font-family: icomoon;
    content: '\e901';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sewingMaterial:before {
    font-family: icomoon;
    content: '\e90d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sewingMachine:before {
    font-family: icomoon;
    content: '\e90e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-embroidery:before {
    font-family: icomoon;
    content: '\e90f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-leather:before {
    font-family: icomoon;
    content: '\e910';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-flower:before {
    font-family: icomoon;
    content: '\e911';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-patternsBooks:before {
    font-family: icomoon;
    content: '\e912';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-resinClay:before {
    font-family: icomoon;
    content: '\e913';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-silverClay:before {
    font-family: icomoon;
    content: '\e914';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-beads:before {
    font-family: icomoon;
    content: '\e915';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-deco:before {
    font-family: icomoon;
    content: '\e916';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-knitting:before {
    font-family: icomoon;
    content: '\e917';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-variousCrafts:before {
    font-family: icomoon;
    content: '\e918';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-feltWool:before {
    font-family: icomoon;
    content: '\e903';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-japaneseHandicraft:before {
    font-family: icomoon;
    content: '\e91a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-tolePaint:before {
    font-family: icomoon;
    content: '\e91b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-accessoryBracket:before {
    font-family: icomoon;
    content: '\e91c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-naturalStone:before {
    font-family: icomoon;
    content: '\e91d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-saleItems:before {
    font-family: icomoon;
    content: '\e91e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-home:before {
    font-family: icomoon;
    content: '\e91f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-guide:before {
    font-family: icomoon;
    content: '\e902';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-cart:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-popular:before {
    font-family: icomoon;
    content: '\e922';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-search:before {
    font-family: icomoon;
    content: '\e923';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-category:before {
    font-family: icomoon;
    content: '\e924';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-store:before {
    font-family: icomoon;
    content: '\e925';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-user:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-blank:before {
    font-family: icomoon;
    content: '\e927';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-fukidashi:before {
    font-family: icomoon;
    content: '\e928';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-login:before {
    font-family: icomoon;
    content: '\e929';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-logout:before {
    font-family: icomoon;
    content: '\e92a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-facebook:before {
    font-family: icomoon;
    content: '\e92b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-twitter:before {
    font-family: icomoon;
    content: '\e92c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-instagram:before {
    font-family: icomoon;
    content: '\e92d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-burger:before {
    font-family: icomoon;
    content: '\e92e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-close:before {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-plus:before {
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-minus:before {
    font-family: icomoon;
    content: '\e931';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-down:before {
    font-family: icomoon;
    content: '\e932';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-right:before {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-edit:before {
    font-family: icomoon;
    content: '\e904';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-favorite:before {
    font-family: icomoon;
    content: '\e905';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-history:before {
    font-family: icomoon;
    content: '\e906';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-mail:before {
    font-family: icomoon;
    content: '\e907';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-memberno:before {
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-present:before {
    font-family: icomoon;
    content: '\e909';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-question:before {
    font-family: icomoon;
    content: '\e90a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-card:before {
    font-family: icomoon;
    content: '\e90b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-point:before {
    font-family: icomoon;
    content: '\e919';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-yen:before {
    font-family: icomoon;
    content: '\e920';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-ticket:before {
    font-family: icomoon;
    content: '\e934';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-campaign_circle:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-event:before {
    font-family: icomoon;
    content: '\e936';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-flyer:before {
    font-family: icomoon;
    content: '\e937';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-flyer_circle:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-handmadeSupport:before {
    font-family: icomoon;
    content: '\e939';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-knitting_circle:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-media_circle:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-news_circle:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-notification:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-productInformation:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-resinClay_circle:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-smartphone:before {
    font-family: icomoon;
    content: '\e940';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-store2:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-workshop:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-book:before {
    font-family: icomoon;
    content: '\e943';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-movie:before {
    font-family: icomoon;
    content: '\e944';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-members_only:before {
    font-family: icomoon;
    content: '\e945';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-done:before {
    font-family: icomoon;
    content: '\e946';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-twinkle:before {
    font-family: icomoon;
    content: '\e947';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-menu_pen:before {
    font-family: icomoon;
    content: '\e948';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-question_circle:before {
    font-family: icomoon;
    content: '\e949';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-roll:before {
    font-family: icomoon;
    content: '\e94a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-star:before {
    font-family: icomoon;
    content: '\e94b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-beads2:before {
    font-family: icomoon;
    content: '\e94c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-car:before {
    font-family: icomoon;
    content: '\e94d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-clothes:before {
    font-family: icomoon;
    content: '\e94e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-large_map:before {
    font-family: icomoon;
    content: '\e94f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-map_app:before {
    font-family: icomoon;
    content: '\e950';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-night:before {
    font-family: icomoon;
    content: '\e951';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-school:before {
    font-family: icomoon;
    content: '\e952';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-shop_phone:before {
    font-family: icomoon;
    content: '\e953';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-recruitment:before {
    font-family: icomoon;
    content: '\e954';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-clock2:before {
    font-family: icomoon;
    content: '\e955';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-event2:before {
    font-family: icomoon;
    content: '\e956';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-external:before {
    font-family: icomoon;
    content: '\e957';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-event3:before {
    font-family: icomoon;
    content: '\e958';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-cloth_circle:before {
    font-family: icomoon;
    content: '\e959';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-community:before {
    font-family: icomoon;
    content: '\e95a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-fukidashiQ:before {
    font-family: icomoon;
    content: '\e95b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-notification2:before {
    font-family: icomoon;
    content: '\e95c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-event_circle:before {
    font-family: icomoon;
    content: '\e95d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-newshop_circle:before {
    font-family: icomoon;
    content: '\e95e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-beads_circle:before {
    font-family: icomoon;
    content: '\e95f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-handicraft_circle:before {
    font-family: icomoon;
    content: '\e960';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-naming_circle:before {
    font-family: icomoon;
    content: '\e961';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-other_circle:before {
    font-family: icomoon;
    content: '\e962';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-wappen_circle:before {
    font-family: icomoon;
    content: '\e963';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-wayosai_circle:before {
    font-family: icomoon;
    content: '\e964';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-bridal:before {
    font-family: icomoon;
    content: '\e965';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-ClothAccessories:before {
    font-family: icomoon;
    content: '\e966';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-other:before {
    font-family: icomoon;
    content: '\e967';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-paper:before {
    font-family: icomoon;
    content: '\e968';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-patchwork:before {
    font-family: icomoon;
    content: '\e969';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-resin:before {
    font-family: icomoon;
    content: '\e96a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-schoolgoods:before {
    font-family: icomoon;
    content: '\e96b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sweets:before {
    font-family: icomoon;
    content: '\e96c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-accessory:before {
    font-family: icomoon;
    content: '\e96d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-accessoryCircle:before {
    font-family: icomoon;
    content: '\e96e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-bridalCircle:before {
    font-family: icomoon;
    content: '\e96f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-ClothAccessoriesCircle:before {
    font-family: icomoon;
    content: '\e970';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-decoCircle:before {
    font-family: icomoon;
    content: '\e971';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-embroideryCircle:before {
    font-family: icomoon;
    content: '\e972';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-feltWoolCircle:before {
    font-family: icomoon;
    content: '\e973';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-flowerCircle:before {
    font-family: icomoon;
    content: '\e974';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-japaneseHandicraftCircle:before {
    font-family: icomoon;
    content: '\e975';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-leatherCIrcle:before {
    font-family: icomoon;
    content: '\e976';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-other_circle2:before {
    font-family: icomoon;
    content: '\e977';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-paperCIrcle:before {
    font-family: icomoon;
    content: '\e978';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-patchworkCIrcle:before {
    font-family: icomoon;
    content: '\e979';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-resinCircle:before {
    font-family: icomoon;
    content: '\e97a';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-schoolgoodsCIrcle:before {
    font-family: icomoon;
    content: '\e97b';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sewingToolCircle:before {
    font-family: icomoon;
    content: '\e97c';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-sweetsCIrcle:before {
    font-family: icomoon;
    content: '\e97d';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-tolePaintCIrcle:before {
    font-family: icomoon;
    content: '\e97e';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .row.feature .item ul li.icon-variousCraftsCIrcle:before {
    font-family: icomoon;
    content: '\e97f';
    font-weight: normal;
    vertical-align: middle;
  }
  .informationList .list .detail .detailInner .shopDetailBtn {
    width: 196px;
    margin-top: 15px;
    margin-left: 99px;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a {
    display: block;
    background-color: #414e3d;
    border: 2px solid #414e3d;
    padding: 4px 0 8px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a.icon:before {
    color: #fff;
    margin-right: 13px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a:after {
    font-family: icomoon;
    content: '\e957';
    font-weight: normal;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a >span {
    color: #fff;
    font-size: 11px;
    line-height: 1;
    font-weight: normal;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    letter-spacing: 1px;
    padding-right: 4px;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a.no-arrow:after {
    content: none;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a:hover {
    background-color: #5b6d55;
    border-color: #5b6d55;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a:hover.icon:before {
    color: #fff;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a:hover:after {
    color: #fff;
  }
  .informationList .list .detail .detailInner .shopDetailBtn a:hover >span {
    color: #fff;
  }
  .informationList .list.access .detail .detailInner {
    padding-top: 26px;
    padding-bottom: 25px;
  }
  .informationList .list.access .detail .detailInner > dl {
    margin-top: 22px;
  }
  .informationList .list.access .detail .detailInner > dl:first-child {
    margin-top: 0;
  }
  .informationList .list.access .detail .detailInner > dl dt {
    font-size: 14px;
    line-height: 1.3333;
    letter-spacing: 1.1px;
  }
  .informationList .list.access .detail .detailInner > dl dd {
    padding-top: 8px;
    font-size: 14px;
    line-height: 1.3333;
    letter-spacing: 1.1px;
  }
  .list1 {
    margin-top: 29px;
    padding: 0 30px;
  }
  .list1 a {
    display: block;
  }
  .list1 >dt {
    border-bottom: 2px solid #41503d;
    padding-bottom: 18px;
    padding-left: 5px;
  }
  .list1 >dt span {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.05em;
  }
  .list1 >dt span:before {
    color: #41503d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 21px;
  }
  .list1 >dt.itemInfo span:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
  .list1 >dt.feature span:before {
    font-family: icomoon;
    content: '\e947';
    font-weight: normal;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    margin-left: 5px;
  }
  .list1 >dt.handmadeSupport span:before {
    font-family: icomoon;
    content: '\e939';
    font-weight: normal;
    -webkit-transform: scale(2.45);
    -moz-transform: scale(2.45);
    -o-transform: scale(2.45);
    -ms-transform: scale(2.45);
    transform: scale(2.45);
    margin-left: 3px;
  }
  .list1 >dd >ul {
    padding-top: 6px;
  }
  .list1 >dd >ul >li {
    border-bottom: 1px solid #e5e5e5;
  }
  .list1 >dd >ul >li a {
    color: #161616;
    font-size: 14px;
    line-height: 1.4;
    padding: 12px 15px 12px 0;
    position: relative;
    text-decoration: none;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .list1 >dd >ul >li a:after {
    font-size: 10px;
    color: #161616;
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    position: absolute;
    top: 50%;
    right: -2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .list1 >dd >ul >li a:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  .list1 >dd >ul >li:last-child {
    border-bottom: none;
  }
  .listArticle1 {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listArticle1 a {
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 2px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px 16px;
    width: 100%;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .listArticle1 a:hover {
    border-color: #b7b7b7;
  }
  .listArticle1 a:hover .thumbnail {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .listArticle1 a:hover .info .title {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  .listArticle1 .head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .listArticle1 .head .category {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .listArticle1 .head .category:before {
    font-size: 42px;
  }
  .listArticle1 .head .category span {
    color: #4c4c4c;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.1em;
    padding-left: 5px;
  }
  .listArticle1 .head .category.cat-resinClay:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
  }
  .listArticle1 .head .category.cat-campaign:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
  }
  .listArticle1 .head .category.cat-flyer:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
  }
  .listArticle1 .head .category.cat-knitting:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
  }
  .listArticle1 .head .category.cat-media:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
  }
  .listArticle1 .head .category.cat-news:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
  }
  .listArticle1 .head .category2 {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 5px;
  }
  .listArticle1 .head .category2:before {
    font-size: 36px;
    color: #c9c9c9;
  }
  .listArticle1 .head .category2 span {
    display: none;
    color: #999;
    font-size: 13px;
    font-feature-settings: 'palt';
    line-height: 1.5;
    letter-spacing: 0.1em;
    white-space: nowrap;
    padding-left:5px;
  }
  .listArticle1 .head .category2.cat2-movie:before {
    font-size: 19px;
    font-family: icomoon;
    content: '\e944';
    font-weight: normal;
  }
  .listArticle1 .head .category2.cat2-movie span {
    padding-left: 11px;
  }
  .listArticle1 .head .category2.cat2-book:before {
    font-size: 19px;
    font-family: icomoon;
    content: '\e943';
    font-weight: normal;
  }
  .listArticle1 .head .category2.cat2-book span {
    padding-left: 11px;
  }
  .listArticle1 .head .category2.cat2-productInformation:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
  }
  .listArticle1 .head .category2.cat2-workshop:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
  }
  .listArticle1 .head .category2.cat2-notification:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
  }
  .listArticle1 .thumbnail {
    margin-top: 9px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    position: relative;
  }
  .listArticle1 .thumbnail:before {
    content: '';
    display: block;
    padding-top: 56.25%;
  }
  .listArticle1 .thumbnail .image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  .listArticle1 .thumbnail .image img {
    width: 100%;
    height: auto;
  }
  .listArticle1 .thumbnail .tagWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1% 4.3%;
  }
  .listArticle1 .thumbnail .tagWrap .tag-movie {
    background: url("/common/images/tag_movie.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 77px;
    height: 37px;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle1 .thumbnail .tagWrap .tag-pdf {
    background: url("/common/images/tag_pdf.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 64px;
    height: 30px;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle1 .thumbnail .tagWrap .tag-new {
    background: url("/common/images/tag_new.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 69px;
    height: 62px;
    display: block;
    position: absolute;
    top: -6px;
    right: 4px;
  }
  .listArticle1 .info {
    margin-top: 17px;
  }
  .listArticle1 .info .date {
    color: #808080;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 19px;
  }
  .listArticle1 .info .date time {
    font-family: 'Open Sans';
    font-size: 12px;
    letter-spacing: 0.075em;
    padding-left: 10px;
    margin-left: 10px;
    position: relative;
  }
  .listArticle1 .info .date time:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    background-color: #e5e5e5;
    display: block;
    width: 1px;
    height: 14px;
  }
  .listArticle1 .info .title {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 1px;
    font-feature-settings: 'palt';
    margin-bottom: 13px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle1 .store {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: -6px;
  }
  .listArticle1 .store:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
    color: #808080;
    font-size: 29px;
  }
  .listArticle1 .store span {
    color: #808080;
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt';
    margin-left: 5px;
  }
  .listArticle2 {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listArticle2 a {
    background-color: #fff;
    border: 1px solid #efefef;
    border-top: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    padding: 4px 20px 21px;
    width: 100%;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }
  .listArticle2 a:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #41503d;
  }
  .listArticle2 a:hover {
    border-color: #b7b7b7;
  }
  .listArticle2 a:hover .info .title {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  .listArticle2 .head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 63px;
    background-image: -webkit-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -moz-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -o-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -ms-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: linear-gradient(to right, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    -webkit-background-size: 7px 1px;
    -moz-background-size: 7px 1px;
    background-size: 7px 1px;
  }
  .listArticle2 .head .category {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .listArticle2 .head .category:before {
    font-size: 42px;
  }
  .listArticle2 .head .category span {
    color: #4c4c4c;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.1em;
    padding-left: 5px;
  }
  .listArticle2 .head .category.cat-resinClay:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
  }
  .listArticle2 .head .category.cat-campaign:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
  }
  .listArticle2 .head .category.cat-flyer:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
  }
  .listArticle2 .head .category.cat-knitting:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
  }
  .listArticle2 .head .category.cat-media:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
  }
  .listArticle2 .head .category.cat-news:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
  }
  .listArticle2 .head .category2 {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .listArticle2 .head .category2:before {
    font-size: 42px;
    color: #c9c9c9;
  }
  .listArticle2 .head .category2 span {
    display: none;
    color: #999;
    font-size: 13px;
    font-feature-settings: 'palt';
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .listArticle2 .head .category2.cat2-movie:before {
    font-size: 19px;
    font-family: icomoon;
    content: '\e944';
    font-weight: normal;
  }
  .listArticle2 .head .category2.cat2-movie span {
    padding-left: 11px;
  }
  .listArticle2 .head .category2.cat2-book:before {
    font-size: 19px;
    font-family: icomoon;
    content: '\e943';
    font-weight: normal;
  }
  .listArticle2 .head .category2.cat2-book span {
    padding-left: 11px;
  }
  .listArticle2 .head .category2.cat2-productInformation:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
  }
  .listArticle2 .head .category2.cat2-workshop:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
  }
  .listArticle2 .head .category2.cat2-notification:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
  }
  .listArticle2 .thumbnail {
    margin-top: 9px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    position: relative;
  }
  .listArticle2 .thumbnail .image {
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: block;
    width: 100%;
    padding-top: 56%;
  }
  .listArticle2 .thumbnail .tagWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1% 4.3%;
  }
  .listArticle2 .thumbnail .tagWrap .tag-movie {
    background: url("/common/images/tag_movie.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 77px;
    height: 37px;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle2 .thumbnail .tagWrap .tag-pdf {
    background: url("/common/images/tag_pdf.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 64px;
    height: 30px;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle2 .thumbnail .tagWrap .tag-new {
    background: url("/common/images/tag_new.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 69px;
    height: 62px;
    display: block;
    position: absolute;
    top: -6px;
    right: 4px;
  }
  .listArticle2 .info {
    margin-top: 19px;
  }
  .listArticle2 .info .date {
    color: #808080;
    font-size: 0;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 12px;
  }
  .listArticle2 .info .date time {
    font-family: 'Open Sans';
    font-size: 14px;
    letter-spacing: 0.075em;
  }
  .listArticle2 .info .title {
    color: #4c4c4c;
    font-size: 17px;
    line-height: 1.7;
    letter-spacing: 1.6px;
    font-feature-settings: 'palt';
    margin-bottom: 16px;
    text-decoration: underline;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle2 .store {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: -8px;
  }
  .listArticle2 .store:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
    color: #808080;
    font-size: 29px;
  }
  .listArticle2 .store span {
    color: #808080;
    font-size: 11px;
    line-height: 1.7;
    letter-spacing: 0.1em;
    margin-left: 5px;
  }
  .listArticle3 {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listArticle3 a {
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 335px;
    width: 100%;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 176px;
    position: relative;
  }
  .listArticle3 a:hover {
    border-color: #b7b7b7;
  }
  .listArticle3 a:hover .thumbnail {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .listArticle3 a:hover .info .title {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  .listArticle3 .head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .listArticle3 .head .category {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .listArticle3 .head .category:before {
    font-size: 40px;
  }
  .listArticle3 .head .category span {
    color: #4c4c4c;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.6;
    padding-left: 5px;
  }
  .listArticle3 .head .category.cat-resinClay:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
  }
  .listArticle3 .head .category.cat-campaign:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
  }
  .listArticle3 .head .category.cat-flyer:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
  }
  .listArticle3 .head .category.cat-knitting:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
  }
  .listArticle3 .head .category.cat-media:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
  }
  .listArticle3 .head .category.cat-news:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
  }
  .listArticle3 .head .category2 span {
    padding: 6px 17px 6px;
    font-size: 13px;
    color: #fff;
    font-feature-settings: 'palt';
    line-height: 1.5;
    letter-spacing: 0.1em;
    background-color: #67a6c8;
  }
  .listArticle3 .head .category2.cat2-school span {
    background-color: #67a6c8;
  }
  .listArticle3 .head .category2.cat2-event span {
    background-color: #de9d77;
  }
  .listArticle3 .head .category2.cat2-workshop:before {
    content: '';
  }
  .listArticle3 .head .category2.cat2-school:before {
    content: '';
  }
  .listArticle3 .head .category2.cat2-event:before {
    content: '';
  }
  .listArticle3 .thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
    overflow: hidden;
    width: 306px;
    height: 173px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle3 .thumbnail .image {
    border-radius: 3px;
    width: auto;
    height: 100%;
    text-align:center;
  }
  .listArticle3 .thumbnail .image img {
    width: auto;
    height: 100%;
  }
  .listArticle3 .thumbnail .tagWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1% 4.3%;
  }
  .listArticle3 .thumbnail .tagWrap .tag-movie {
    background: url("/common/images/tag_movie.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 77px;
    height: 37px;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle3 .thumbnail .tagWrap .tag-pdf {
    background: url("/common/images/tag_pdf.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 64px;
    height: 30px;
    margin: 3.4% 0;
    display: block;
  }
  .listArticle3 .thumbnail .tagWrap .tag-new {
    background: url("/common/images/tag_new.svg") left top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 69px;
    height: 62px;
    display: block;
    position: absolute;
    top: -6px;
    right: 4px;
  }
  .listArticle3 .info {
    margin-top: 14px;
  }
  .listArticle3 .info .date {
    color: #808080;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 13px;
  }
  .listArticle3 .info .date time {
    font-family: 'Open Sans';
    font-size: 12px;
    letter-spacing: 0.075em;
    padding-left: 14px;
    margin-left: 10px;
    position: relative;
  }
  .listArticle3 .info .date time:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    background-color: #e5e5e5;
    display: block;
    width: 1px;
    height: 14px;
  }
  .listArticle3 .info .title {
    color: #4c4c4c;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 1px;
    font-feature-settings: 'palt';
    margin-bottom: 13px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle3 .store {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: -6px;
  }
  .listArticle3 .store:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
    color: #808080;
    font-size: 29px;
    margin-top: -2px;
  }
  .listArticle3 .store span {
    color: #808080;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt';
    margin-left: 5px;
  }
  .listArticle4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 198px;
    position: relative;
  }
  .listArticle4 .head a {
    display: inline-block;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle4 .head a .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e5e5e5;
    width: 21.5%;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle4 .head a .thumbnail .image {
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .listArticle4 .head a .title {
    color: #4c4c4c;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 2.2px;
    font-feature-settings: 'palt';
    text-decoration: underline;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle4 .head a:hover {
    border-color: #b7b7b7;
  }
  .listArticle4 .head a:hover .thumbnail {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .listArticle4 .head a:hover .title {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    text-decoration: none;
  }
  .listArticle4 .info {
    padding-top: 20px;
  }
  .listArticle4 .info dl {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .listArticle4 .info dl + dl {
    margin-top: 5px;
  }
  .listArticle4 .info dl dt {
    font-size: 13px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 6.7em;
    -ms-flex: 1 0 6.7em;
    flex: 1 0 6.7em;
    max-width: 6.7em;
    line-height: 1.4;
    position: relative;
  }
  .listArticle4 .info dl dt:after {
    content: ':';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
  }
  .listArticle4 .info dl dd {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    padding-left: 28px;
  }
  .listArticle4 .info dl dd a[href^='tel'] {
    font-size: 24px;
    letter-spacing: 0.09em;
    text-decoration: none;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .listArticle4 .info dl dd a[href^='tel']:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .listArticle4 .info .featureListWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: -7px;
  }
  .listArticle4 .info .featureListWrap >li {
    margin: 7px;
  }
  .listArticle4 .info .featureListWrap >li.icon:before {
    color: #4b4b4b;
    font-size: 26px;
  }
  .listArticle4 .info .featureListWrap >li.icon-cloth:before {
    font-family: icomoon;
    content: '\e900';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sewingTool:before {
    font-family: icomoon;
    content: '\e901';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sewingMaterial:before {
    font-family: icomoon;
    content: '\e90d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sewingMachine:before {
    font-family: icomoon;
    content: '\e90e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-embroidery:before {
    font-family: icomoon;
    content: '\e90f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-leather:before {
    font-family: icomoon;
    content: '\e910';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-flower:before {
    font-family: icomoon;
    content: '\e911';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-patternsBooks:before {
    font-family: icomoon;
    content: '\e912';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-resinClay:before {
    font-family: icomoon;
    content: '\e913';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-silverClay:before {
    font-family: icomoon;
    content: '\e914';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-beads:before {
    font-family: icomoon;
    content: '\e915';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-deco:before {
    font-family: icomoon;
    content: '\e916';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-knitting:before {
    font-family: icomoon;
    content: '\e917';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-variousCrafts:before {
    font-family: icomoon;
    content: '\e918';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-feltWool:before {
    font-family: icomoon;
    content: '\e903';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-japaneseHandicraft:before {
    font-family: icomoon;
    content: '\e91a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-tolePaint:before {
    font-family: icomoon;
    content: '\e91b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-accessoryBracket:before {
    font-family: icomoon;
    content: '\e91c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-naturalStone:before {
    font-family: icomoon;
    content: '\e91d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-saleItems:before {
    font-family: icomoon;
    content: '\e91e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-home:before {
    font-family: icomoon;
    content: '\e91f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-guide:before {
    font-family: icomoon;
    content: '\e902';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-cart:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-popular:before {
    font-family: icomoon;
    content: '\e922';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-search:before {
    font-family: icomoon;
    content: '\e923';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-category:before {
    font-family: icomoon;
    content: '\e924';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-store:before {
    font-family: icomoon;
    content: '\e925';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-user:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-blank:before {
    font-family: icomoon;
    content: '\e927';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-fukidashi:before {
    font-family: icomoon;
    content: '\e928';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-login:before {
    font-family: icomoon;
    content: '\e929';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-logout:before {
    font-family: icomoon;
    content: '\e92a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-facebook:before {
    font-family: icomoon;
    content: '\e92b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-twitter:before {
    font-family: icomoon;
    content: '\e92c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-instagram:before {
    font-family: icomoon;
    content: '\e92d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-burger:before {
    font-family: icomoon;
    content: '\e92e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-close:before {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-plus:before {
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-minus:before {
    font-family: icomoon;
    content: '\e931';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-down:before {
    font-family: icomoon;
    content: '\e932';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-right:before {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-edit:before {
    font-family: icomoon;
    content: '\e904';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-favorite:before {
    font-family: icomoon;
    content: '\e905';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-history:before {
    font-family: icomoon;
    content: '\e906';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-mail:before {
    font-family: icomoon;
    content: '\e907';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-memberno:before {
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-present:before {
    font-family: icomoon;
    content: '\e909';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-question:before {
    font-family: icomoon;
    content: '\e90a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-card:before {
    font-family: icomoon;
    content: '\e90b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-point:before {
    font-family: icomoon;
    content: '\e919';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-yen:before {
    font-family: icomoon;
    content: '\e920';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-ticket:before {
    font-family: icomoon;
    content: '\e934';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-campaign_circle:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-event:before {
    font-family: icomoon;
    content: '\e936';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-flyer:before {
    font-family: icomoon;
    content: '\e937';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-flyer_circle:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-handmadeSupport:before {
    font-family: icomoon;
    content: '\e939';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-knitting_circle:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-media_circle:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-news_circle:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-notification:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-productInformation:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-resinClay_circle:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-smartphone:before {
    font-family: icomoon;
    content: '\e940';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-store2:before {
    font-family: icomoon;
    content: '\e941';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-workshop:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-book:before {
    font-family: icomoon;
    content: '\e943';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-movie:before {
    font-family: icomoon;
    content: '\e944';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-members_only:before {
    font-family: icomoon;
    content: '\e945';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-done:before {
    font-family: icomoon;
    content: '\e946';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-twinkle:before {
    font-family: icomoon;
    content: '\e947';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-menu_pen:before {
    font-family: icomoon;
    content: '\e948';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-question_circle:before {
    font-family: icomoon;
    content: '\e949';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-roll:before {
    font-family: icomoon;
    content: '\e94a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-star:before {
    font-family: icomoon;
    content: '\e94b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-beads2:before {
    font-family: icomoon;
    content: '\e94c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-car:before {
    font-family: icomoon;
    content: '\e94d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-clothes:before {
    font-family: icomoon;
    content: '\e94e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-large_map:before {
    font-family: icomoon;
    content: '\e94f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-map_app:before {
    font-family: icomoon;
    content: '\e950';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-night:before {
    font-family: icomoon;
    content: '\e951';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-school:before {
    font-family: icomoon;
    content: '\e952';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-shop_phone:before {
    font-family: icomoon;
    content: '\e953';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-recruitment:before {
    font-family: icomoon;
    content: '\e954';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-clock2:before {
    font-family: icomoon;
    content: '\e955';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-event2:before {
    font-family: icomoon;
    content: '\e956';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-external:before {
    font-family: icomoon;
    content: '\e957';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-event3:before {
    font-family: icomoon;
    content: '\e958';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-cloth_circle:before {
    font-family: icomoon;
    content: '\e959';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-community:before {
    font-family: icomoon;
    content: '\e95a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-fukidashiQ:before {
    font-family: icomoon;
    content: '\e95b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-notification2:before {
    font-family: icomoon;
    content: '\e95c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-event_circle:before {
    font-family: icomoon;
    content: '\e95d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-newshop_circle:before {
    font-family: icomoon;
    content: '\e95e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-beads_circle:before {
    font-family: icomoon;
    content: '\e95f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-handicraft_circle:before {
    font-family: icomoon;
    content: '\e960';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-naming_circle:before {
    font-family: icomoon;
    content: '\e961';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-other_circle:before {
    font-family: icomoon;
    content: '\e962';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-wappen_circle:before {
    font-family: icomoon;
    content: '\e963';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-wayosai_circle:before {
    font-family: icomoon;
    content: '\e964';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-bridal:before {
    font-family: icomoon;
    content: '\e965';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-ClothAccessories:before {
    font-family: icomoon;
    content: '\e966';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-other:before {
    font-family: icomoon;
    content: '\e967';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-paper:before {
    font-family: icomoon;
    content: '\e968';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-patchwork:before {
    font-family: icomoon;
    content: '\e969';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-resin:before {
    font-family: icomoon;
    content: '\e96a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-schoolgoods:before {
    font-family: icomoon;
    content: '\e96b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sweets:before {
    font-family: icomoon;
    content: '\e96c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-accessory:before {
    font-family: icomoon;
    content: '\e96d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-accessoryCircle:before {
    font-family: icomoon;
    content: '\e96e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-bridalCircle:before {
    font-family: icomoon;
    content: '\e96f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-ClothAccessoriesCircle:before {
    font-family: icomoon;
    content: '\e970';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-decoCircle:before {
    font-family: icomoon;
    content: '\e971';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-embroideryCircle:before {
    font-family: icomoon;
    content: '\e972';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-feltWoolCircle:before {
    font-family: icomoon;
    content: '\e973';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-flowerCircle:before {
    font-family: icomoon;
    content: '\e974';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-japaneseHandicraftCircle:before {
    font-family: icomoon;
    content: '\e975';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-leatherCIrcle:before {
    font-family: icomoon;
    content: '\e976';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-other_circle2:before {
    font-family: icomoon;
    content: '\e977';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-paperCIrcle:before {
    font-family: icomoon;
    content: '\e978';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-patchworkCIrcle:before {
    font-family: icomoon;
    content: '\e979';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-resinCircle:before {
    font-family: icomoon;
    content: '\e97a';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-schoolgoodsCIrcle:before {
    font-family: icomoon;
    content: '\e97b';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sewingToolCircle:before {
    font-family: icomoon;
    content: '\e97c';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-sweetsCIrcle:before {
    font-family: icomoon;
    content: '\e97d';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-tolePaintCIrcle:before {
    font-family: icomoon;
    content: '\e97e';
    font-weight: normal;
    vertical-align: middle;
  }
  .listArticle4 .info .featureListWrap >li.icon-variousCraftsCIrcle:before {
    font-family: icomoon;
    content: '\e97f';
    font-weight: normal;
    vertical-align: middle;
  }
  .listLayout1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -11px -8px;
  }
  .listLayout1 li {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 11px 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listLayout1 li:nth-child(1),
  .listLayout1 li:nth-child(2) {
    width: 50%;
  }
  .listLayout1 li:nth-child(1) .listArticle1 a,
  .listLayout1 li:nth-child(2) .listArticle1 a {
    padding-top: 11px;
    padding-bottom: 23px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head,
  .listLayout1 li:nth-child(2) .listArticle1 .head {
    height: 42px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category:before,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category:before {
    font-size: 38px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category span,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category span {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.08em;
    padding-left: 7px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category2 span,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category2 span {
    display: inline;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.08em;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category2.cat2-movie:before,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category2.cat2-movie:before {
    font-size: 17px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category2.cat2-movie span,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category2.cat2-movie span {
    padding-left: 14px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category2.cat2-book:before,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category2.cat2-book:before {
    font-size: 17px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category2.cat2-book span,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category2.cat2-book span {
    padding-left: 14px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .head .category2.cat2-workshop:before,
  .listLayout1 li:nth-child(2) .listArticle1 .head .category2.cat2-workshop:before {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .listLayout1 li:nth-child(1) .listArticle1 .thumbnail .tagWrap,
  .listLayout1 li:nth-child(2) .listArticle1 .thumbnail .tagWrap {
    padding-top: 2%;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-movie,
  .listLayout1 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-movie {
    width: 99px;
    height: 47px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-pdf,
  .listLayout1 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-pdf {
    width: 82px;
    height: 40px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-new,
  .listLayout1 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-new {
    width: 88px;
    height: 80px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .info,
  .listLayout1 li:nth-child(2) .listArticle1 .info {
    margin-top: 15px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .info .date,
  .listLayout1 li:nth-child(2) .listArticle1 .info .date {
    margin-bottom: 14px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .info .title,
  .listLayout1 li:nth-child(2) .listArticle1 .info .title {
    font-size: 21px;
    line-height: 1.2;
    margin-bottom: 17px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .store:before,
  .listLayout1 li:nth-child(2) .listArticle1 .store:before {
    font-size: 31px;
  }
  .listLayout1 li:nth-child(1) .listArticle1 .store span,
  .listLayout1 li:nth-child(2) .listArticle1 .store span {
    font-size: 13px;
    margin-left: 5px;
  }
  .listLayout1 li:nth-child(3),
  .listLayout1 li:nth-child(4),
  .listLayout1 li:nth-child(5) {
    width: 33.33%;
  }
  .listLayout1 li:nth-child(3) .listArticle1 a,
  .listLayout1 li:nth-child(4) .listArticle1 a,
  .listLayout1 li:nth-child(5) .listArticle1 a {
    padding-top: 7px;
    padding-bottom: 20px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .head .category:before,
  .listLayout1 li:nth-child(4) .listArticle1 .head .category:before,
  .listLayout1 li:nth-child(5) .listArticle1 .head .category:before {
    font-size: 38px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .head .category span,
  .listLayout1 li:nth-child(4) .listArticle1 .head .category span,
  .listLayout1 li:nth-child(5) .listArticle1 .head .category span {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.08em;
    padding-left: 7px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .head .category2 span,
  .listLayout1 li:nth-child(4) .listArticle1 .head .category2 span,
  .listLayout1 li:nth-child(5) .listArticle1 .head .category2 span {
    display: inline;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.08em;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .head .category2.cat2-movie:before,
  .listLayout1 li:nth-child(4) .listArticle1 .head .category2.cat2-movie:before,
  .listLayout1 li:nth-child(5) .listArticle1 .head .category2.cat2-movie:before {
    font-size: 17px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .head .category2.cat2-movie span,
  .listLayout1 li:nth-child(4) .listArticle1 .head .category2.cat2-movie span,
  .listLayout1 li:nth-child(5) .listArticle1 .head .category2.cat2-movie span {
    padding-left: 10px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .head .category2.cat2-book:before,
  .listLayout1 li:nth-child(4) .listArticle1 .head .category2.cat2-book:before,
  .listLayout1 li:nth-child(5) .listArticle1 .head .category2.cat2-book:before {
    font-size: 17px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .head .category2.cat2-book span,
  .listLayout1 li:nth-child(4) .listArticle1 .head .category2.cat2-book span,
  .listLayout1 li:nth-child(5) .listArticle1 .head .category2.cat2-book span {
    padding-left: 10px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .head .category2.cat2-workshop:before,
  .listLayout1 li:nth-child(4) .listArticle1 .head .category2.cat2-workshop:before,
  .listLayout1 li:nth-child(5) .listArticle1 .head .category2.cat2-workshop:before {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .listLayout1 li:nth-child(3) .listArticle1 .thumbnail .tagWrap .tag-movie,
  .listLayout1 li:nth-child(4) .listArticle1 .thumbnail .tagWrap .tag-movie,
  .listLayout1 li:nth-child(5) .listArticle1 .thumbnail .tagWrap .tag-movie {
    width: 87px;
    height: 42px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .thumbnail .tagWrap .tag-pdf,
  .listLayout1 li:nth-child(4) .listArticle1 .thumbnail .tagWrap .tag-pdf,
  .listLayout1 li:nth-child(5) .listArticle1 .thumbnail .tagWrap .tag-pdf {
    width: 72px;
    height: 34px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .thumbnail .tagWrap .tag-new,
  .listLayout1 li:nth-child(4) .listArticle1 .thumbnail .tagWrap .tag-new,
  .listLayout1 li:nth-child(5) .listArticle1 .thumbnail .tagWrap .tag-new {
    width: 79px;
    height: 72px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .info,
  .listLayout1 li:nth-child(4) .listArticle1 .info,
  .listLayout1 li:nth-child(5) .listArticle1 .info {
    margin-top: 22px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .info .date,
  .listLayout1 li:nth-child(4) .listArticle1 .info .date,
  .listLayout1 li:nth-child(5) .listArticle1 .info .date {
    margin-bottom: 14px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .info .title,
  .listLayout1 li:nth-child(4) .listArticle1 .info .title,
  .listLayout1 li:nth-child(5) .listArticle1 .info .title {
    font-size: 19px;
    line-height: 1.2;
    margin-bottom: 17px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .store:before,
  .listLayout1 li:nth-child(4) .listArticle1 .store:before,
  .listLayout1 li:nth-child(5) .listArticle1 .store:before {
    font-size: 31px;
  }
  .listLayout1 li:nth-child(3) .listArticle1 .store span,
  .listLayout1 li:nth-child(4) .listArticle1 .store span,
  .listLayout1 li:nth-child(5) .listArticle1 .store span {
    margin-left: 5px;
  }
  .listLayout2 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -11px -8px;
  }
  .listLayout2 li {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 11px 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listLayout3 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -11px -8px;
  }
  .listLayout3 li {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 11px 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .listLayout3 li:nth-child(1),
  .listLayout3 li:nth-child(2) {
    width: 50%;
  }
  .listLayout3 li:nth-child(1) .listArticle1 a,
  .listLayout3 li:nth-child(2) .listArticle1 a {
    padding-top: 11px;
    padding-bottom: 23px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head,
  .listLayout3 li:nth-child(2) .listArticle1 .head {
    height: 42px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category:before,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category:before {
    font-size: 38px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category span,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category span {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.08em;
    padding-left: 7px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category2 span,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category2 span {
    display: inline;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.08em;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category2.cat2-movie:before,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category2.cat2-movie:before {
    font-size: 17px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category2.cat2-movie span,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category2.cat2-movie span {
    padding-left: 14px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category2.cat2-book:before,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category2.cat2-book:before {
    font-size: 17px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category2.cat2-book span,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category2.cat2-book span {
    padding-left: 14px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .head .category2.cat2-workshop:before,
  .listLayout3 li:nth-child(2) .listArticle1 .head .category2.cat2-workshop:before {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .listLayout3 li:nth-child(1) .listArticle1 .thumbnail .tagWrap,
  .listLayout3 li:nth-child(2) .listArticle1 .thumbnail .tagWrap {
    padding-top: 2%;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-movie,
  .listLayout3 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-movie {
    width: 99px;
    height: 47px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-pdf,
  .listLayout3 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-pdf {
    width: 82px;
    height: 40px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .thumbnail .tagWrap .tag-new,
  .listLayout3 li:nth-child(2) .listArticle1 .thumbnail .tagWrap .tag-new {
    width: 88px;
    height: 80px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .info,
  .listLayout3 li:nth-child(2) .listArticle1 .info {
    margin-top: 15px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .info .date,
  .listLayout3 li:nth-child(2) .listArticle1 .info .date {
    margin-bottom: 14px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .info .title,
  .listLayout3 li:nth-child(2) .listArticle1 .info .title {
    font-size: 21px;
    line-height: 1.2;
    margin-bottom: 17px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .store:before,
  .listLayout3 li:nth-child(2) .listArticle1 .store:before {
    font-size: 31px;
  }
  .listLayout3 li:nth-child(1) .listArticle1 .store span,
  .listLayout3 li:nth-child(2) .listArticle1 .store span {
    font-size: 13px;
    margin-left: 5px;
  }
  .listLayout4 li {
    min-height: 173px;
    position: relative;
  }
  .listLayout4 li + li {
    margin-top: 30px;
    padding-top: 30px;
  }
  .listLayout4 li + li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -moz-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -o-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -ms-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: linear-gradient(to left, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    -webkit-background-size: 6px 1px;
    -moz-background-size: 6px 1px;
    background-size: 6px 1px;
    background-repeat: repeat-x;
  }
  .listLayout5 >li {
    min-height: 173px;
    position: relative;
  }
  .listLayout5 >li + li {
    margin-top: 23px;
    padding-top: 33px;
  }
  .listLayout5 >li + li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -moz-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -o-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -ms-linear-gradient(right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: linear-gradient(to left, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    -webkit-background-size: 6px 1px;
    -moz-background-size: 6px 1px;
    background-size: 6px 1px;
    background-repeat: repeat-x;
  }
  #modal {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow-y: scroll;
    background-color: rgba(0,0,0,0.6);
  }
  #modal >.wrap {
    position: relative;
  }
  #modal >.wrap .modalContent {
    z-index: 1001;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 418px;
    margin: 0 auto 0;
    background-color: #fff;
    margin-top: 127px;
    padding: 32px 0 19px;
  }
  #modal >.wrap .modalContent .modalContentArea {
    display: none;
  }
  #modal >.wrap .modalContent .modalContentArea.open {
    display: block;
  }
  #modal >.wrap .modalContent .modalHeader {
    width: 354px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    display: table;
    table-layout: fixed;
    border-bottom: 2px solid #414e3d;
    padding-bottom: 29px;
  }
  #modal >.wrap .modalContent .modalHeader .headLogo {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #modal >.wrap .modalContent .modalHeader .headLogo:before {
    color: #414e3d;
    font-size: 52px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
  }
  #modal >.wrap .modalContent .modalHeader .headLogo span {
    color: #414e3d;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
  }
  #modal >.wrap .modalContent .modalHeader .modalBtnClose {
    display: table-cell;
    vertical-align: middle;
    width: 42px;
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -o-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
  #modal >.wrap .modalContent .modalHeader .modalBtnClose .close {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #4c4c4c;
    text-align: center;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #modal >.wrap .modalContent .modalHeader .modalBtnClose .close:hover {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
  #modal >.wrap .modalContent .modalHeader .modalBtnClose .close:before {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #modal >.wrap .modalContent .modalAreaContent {
    width: 354px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #modal >.wrap .modalContent .banners {
    width: 354px;
    margin: 0 auto;
  }
  #modal >.wrap .modalContent .banners li {
    margin-bottom: 10px;
  }
  #modal >.wrap .modalContent .banners li a {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #modal >.wrap .modalContent .banners li a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #modal >.wrap .modalContent .banners li img {
    width: 100%;
    height: auto;
  }
  #modal >.wrap .modalContent .modal-page-shop_search .modalAreaContent ul {
    padding: 18px 0 15px;
  }
  #modal >.wrap .modalContent .modal-page-shop_search .modalAreaContent ul li {
    border-bottom: 1px dashed #e5e5e5;
    padding: 20px 10px 20px 0;
    min-height: 2em;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #modal >.wrap .modalContent .modal-page-shop_search .modalAreaContent ul li span {
    color: #4c4c4c;
    font-size: 17px;
    line-height: 1.3;
  }
  #modal >.wrap .modalContent .modal-page-shop_search .modalAreaContent ul li .icon {
    display: block;
    padding-left: 60px;
    position: relative;
  }
  #modal >.wrap .modalContent .modal-page-shop_search .modalAreaContent ul li .icon:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 42px;
  }
  #modal >.wrap .modalContent .modal-page-school_search .modalAreaContent p {
    font-size: 15px;
    line-height: 1.7;
    margin: 30px 0;
    letter-spacing: 0.05em;
  }
  #modal >.wrap .modalContent .modal-page-school_search .modalAreaContent p a {
    color: #0071b9;
    text-decoration: none;
  }
  #modal >.wrap .modalContent .modal-page-school_search .modalAreaContent p a:hover {
    text-decoration: underline;
  }
  #modal >.wrap .modalContent .btnClose {
    text-align: center;
    margin: 20px auto;
  }
  #modal >.wrap .modalContent .btnClose a {
    display: inline-block;
    border: 2px solid #161616;
    padding: 8px 80px 10px;
    margin: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 60px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #modal >.wrap .modalContent .btnClose a:after {
    font-family: icomoon;
    content: '\e92f';
    font-weight: normal;
    color: #999;
    font-size: 10px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #modal >.wrap .modalContent .btnClose a >span {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #modal >.wrap .modalContent .btnClose a:hover {
    background-color: #414e3d;
    border-color: #414e3d;
  }
  #modal >.wrap .modalContent .btnClose a:hover:after,
  #modal >.wrap .modalContent .btnClose a:hover >span {
    color: #fff;
  }
  #modal .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .mypageHeader {
    padding-top: 70px;
  }
  #mypageHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    height: 67px;
    overflow: hidden;
  }
  #mypageHeader .headContent {
    width: 1100px;
    margin: 0 auto;
  }
  #mypageHeader .headContent .menu {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #mypageHeader .headContent .menu .headLogo {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
  }
  #mypageHeader .headContent .menu .headLogo a {
    display: block;
    width: 143px;
  }
  #mypageHeader .headContent .menu .headLogo a img {
    width: 100%;
  }
  #mypageHeader .headContent .menu nav >ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  #mypageHeader .headContent .menu nav >ul li {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
  }
  #mypageHeader .headContent .menu nav >ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 66px;
    padding: 0 25px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
  }
  #mypageHeader .headContent .menu nav >ul li a:before {
    content: '';
    width: 25px;
    height: 25px;
    font-size: 22px;
    color: #4c4c4c;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
  }
  #mypageHeader .headContent .menu nav >ul li a:after {
    content: '';
    width: 1px;
    height: 30px;
    display: block;
    border-right: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #mypageHeader .headContent .menu nav >ul li a >span {
    font-size: 13px;
    font-weight: bold;
  }
  #mypageHeader .headContent .menu nav >ul li a .num {
    display: none;
    position: relative;
    width: 25px;
    height: 23px;
  }
  #mypageHeader .headContent .menu nav >ul li a .num:before {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 32px;
    height: 23px;
    font-family: icomoon;
    content: '\e928';
    font-weight: normal;
    display: block;
    color: #ed1350;
    font-size: 17px;
  }
  #mypageHeader .headContent .menu nav >ul li a .num >span {
    position: absolute;
    top: -2px;
    left: -1px;
    width: 20px;
    text-align: center;
    font-family: "Open Sans";
    font-size: 11px;
    color: #fff;
  }
  #mypageHeader .headContent .menu nav >ul li a:hover {
    background-color: #f7f7f7;
    color: #b7b7b7;
  }
  #mypageHeader .headContent .menu nav >ul li a:hover:before {
    color: #ed1350;
  }
  #mypageHeader .headContent .menu nav >ul li.icon-home a:before {
    font-family: icomoon;
    content: '\e91f';
    font-weight: normal;
  }
  #mypageHeader .headContent .menu nav >ul li.icon-cart a:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
    color: #ed1350;
  }
  #mypageHeader .headContent .menu nav >ul li.icon-cart.cartIn .num {
    display: block;
  }
  #mypageHeader .headContent .menu .searchArea {
    width: 410px;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mypageHeader .headContent .menu .burgerBtn {
    border-radius: 0;
    width: 60px;
    height: 66px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 15px;
    cursor: pointer;
    background-color: #4c4c4c;
    text-align: center;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #mypageHeader .headContent .menu .burgerBtn:before {
    font-family: icomoon;
    content: '\e92e';
    font-weight: normal;
    font-size: 22px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mypageHeader .headContent .menu .burgerBtn span {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
  }
  #mypageHeader .headContent .menu .burgerBtn:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #mypageHeader >.searchArea {
    display: none;
  }
  #mypageMenu .menuTitle {
    position: relative;
  }
  #mypageMenu .menuTitle >span {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #161616;
  }
  #mypageMenu .menuTitle:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #mypageMenu .menuTitle.menu-shop:after {
    width: 30px;
    height: 14px;
    background-image: url("/common/images/mypage-title1.svg");
    -webkit-background-size: 30px 14px;
    -moz-background-size: 30px 14px;
    background-size: 30px 14px;
  }
  #mypageMenu .menuTitle.menu-shopping:after {
    width: 62px;
    height: 14px;
    background-image: url("/common/images/mypage-title2.svg");
    -webkit-background-size: 62px 14px;
    -moz-background-size: 62px 14px;
    background-size: 62px 14px;
  }
  #mypageMenu .menuTitle.menu-user:after {
    width: 30px;
    height: 11px;
    background-image: url("/common/images/mypage-title3.svg");
    -webkit-background-size: 30px 11px;
    -moz-background-size: 30px 11px;
    background-size: 30px 11px;
  }
  #mypageMenu .menuTitle.menu-help:after {
    width: 28px;
    height: 14px;
    background-image: url("/common/images/mypage-title4.svg");
    -webkit-background-size: 28px 14px;
    -moz-background-size: 28px 14px;
    background-size: 28px 14px;
  }
  #mypageMenu ul {
    margin: 20px 0 40px;
  }
  #mypageMenu ul li {
    padding-bottom: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f2f2f2;
    background-image: -webkit-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -moz-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -o-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -ms-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: linear-gradient(to right, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    -webkit-background-size: 10px 1px;
    -moz-background-size: 10px 1px;
    background-size: 10px 1px;
  }
  #mypageMenu ul li:last-child {
    padding: 0;
    background-image: none;
  }
  #mypageMenu ul li a {
    display: block;
    position: relative;
    padding: 14px 10px;
    text-decoration: none;
    background-color: #f2f2f2;
  }
  #mypageMenu ul li a span {
    color: #4c4c4c;
    font-size: 15px;
    line-height: 1;
    padding-left: 9px;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #mypageMenu ul li a:before {
    display: inline-block;
    width: 24px;
    text-align: center;
    font-size: 17px;
    color: #4c4c4c;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #mypageMenu ul li a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 11px;
    color: #999;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  #mypageMenu ul li a:hover span,
  #mypageMenu ul li a:hover:before,
  #mypageMenu ul li a:hover:after {
    color: #ed1350;
  }
  #mypageMenu ul li.icon-store a:before {
    font-family: icomoon;
    content: '\e925';
    font-weight: normal;
  }
  #mypageMenu ul li.icon-history a:before {
    font-family: icomoon;
    content: '\e906';
    font-weight: normal;
  }
  #mypageMenu ul li.icon-favorite a:before {
    font-family: icomoon;
    content: '\e905';
    font-weight: normal;
  }
  #mypageMenu ul li.icon-edit a:before {
    font-family: icomoon;
    content: '\e904';
    font-weight: normal;
    font-size: 19px;
  }
  #mypageMenu ul li.icon-user a:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
    font-size: 19px;
  }
  #mypageMenu ul li.icon-memberno a:before {
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
    font-size: 15px;
  }
  #mypageMenu ul li.icon-present a:before {
    font-family: icomoon;
    content: '\e909';
    font-weight: normal;
    font-size: 19px;
  }
  #mypageMenu ul li.icon-guide a:before {
    font-family: icomoon;
    content: '\e902';
    font-weight: normal;
    font-size: 19px;
  }
  #mypageMenu ul li.icon-mail a:before {
    font-family: icomoon;
    content: '\e907';
    font-weight: normal;
    font-size: 15px;
  }
  #mypageMenu ul li.icon-question a:before {
    font-family: icomoon;
    content: '\e90a';
    font-weight: normal;
  }
  .newItemList {
    overflow: hidden;
    margin: 0 -30px;
    padding-bottom: 50px;
  }
  .newItemList a {
    text-decoration: none;
  }
  .newItemList .contentTitle {
    margin: 0 30px 10px;
  }
  .newItemList .itemList {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .newItemList .itemList >li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0 30px;
    margin-bottom: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
  }
  .newItemList .itemList >li .image {
    padding-bottom: 20px;
  }
  .newItemList .itemList >li .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .newItemList .itemList >li .image a img {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .newItemList .itemList >li .image a:hover img {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .newItemList .itemList >li .tagList {
    padding-bottom: 7px;
  }
  .newItemList .itemList >li .name {
    font-size: 15px;
    line-height: 1.4;
  }
  .newItemList .itemList >li .name a {
    color: #161616;
  }
  .newItemList .itemList >li .name a:hover {
    text-decoration: underline;
  }
  .newItemList .itemList >li .price1 {
    text-align: right;
    padding: 25px 0;
  }
  .newItemList .itemList >li .price1 .regularPrice {
    font-size: 12px;
    line-height: 1.4;
    color: #808080;
    margin-bottom: 5px;
  }
  .newItemList .itemList >li .price1 .salePrice {
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
    color: #4c4c4c;
  }
  .newItemList .itemList >li .price1 .salePrice span {
    color: #ed1350;
  }
  .newItemList .itemList >li .price2 {
    text-align: right;
    padding: 25px 0;
  }
  .newItemList .itemList >li .price2 .regularPrice {
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
    color: #161616;
    margin-bottom: 5px;
  }
  .newItemList .itemList >li .price2 .excluded {
    font-size: 12px;
    line-height: 1.4;
    color: #ed1350;
  }
  .newItemList .itemList >li:nth-child(4n) {
    border-right: none;
  }
  .newsList {
    padding-bottom: 40px;
  }
  .newsList .newsTitle {
    padding: 35px 0;
  }
  .newsList .newsTitle .titleText {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .newsList .newsTitle .titleText span {
    font-size: 24px;
    color: #161616;
    font-weight: bold;
    padding: 0 30px;
  }
  .newsList .newsTitle .titleText:before,
  .newsList .newsTitle .titleText:after {
    content: '';
    display: block;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
    height: 2px;
    background-image: -webkit-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -moz-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -o-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -ms-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: linear-gradient(to right, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
  }
  .newsList .newsWrap {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 10px 35px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 300px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .newsList dl dt {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .newsList dl dt span {
    color: #4c4c4c;
    font-size: 14px;
    font-family: 'Open Sans';
    padding-right: 10px;
  }
  .newsList dl dt:after {
    content: '';
    border-top: 1px dashed #dcdcdc;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
  }
  .newsList dl dd ul li {
    color: #161616;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 10px 0;
  }
  .newsList dl dd ul li:before {
    content: '\30fb';
    font-size: 13px;
    line-height: 1.4;
  }
  .newsList dl dd ul li a {
    color: #161616;
    font-size: 13px;
    line-height: 1.4;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .newsList dl dd ul li a:hover {
    color: #adadad;
  }
  .newsList .more {
    text-align: right;
    margin-top: 20px;
  }
  .newsList .more:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 10px;
    color: #999;
  }
  .newsList .more a {
    font-size: 12px;
    color: #161616;
    padding-right: 5px;
  }
  .page-entry {
    padding-bottom: 48px;
    overflow: hidden;
  }
  .page-entry * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-feature-settings: 'palt';
  }
  .page-entry .contentHeader {
    padding-bottom: 62px;
  }
  .page-entry .title1 >.wrap {
    padding-bottom: 19px;
    margin-bottom: 0;
  }
  .page-entry .submitBtn1 {
    width: 300px;
    padding: 33px 0;
  }
  .page-entry .errorWrap {
    display: none;
    margin: 0 0 8px;
    color: #f00;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }
  .page-entry .errorWrap.show {
    display: block;
  }
  .page-entry input[type='checkbox'] + span {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }
  .page-entry form {
    padding-top: 10px;
  }
  .page-entry section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: 30px 0;
  }
  .page-entry section + section {
    border-top: 1px dashed #ccc;
  }
  .page-entry section:first-child {
    padding-top: 0;
  }
  .page-entry section >.title {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 374px;
    -ms-flex: 0 1 374px;
    flex: 0 1 374px;
  }
  .page-entry section >.title >span {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 1.5px;
    color: #161616;
    vertical-align: middle;
    padding: 5px 0;
  }
  .page-entry section >.title >span small {
    font-size: 11px;
    line-height: 1.2;
  }
  .page-entry section >.wrap {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .page-entry section.required >.title >span,
  .page-entry section.optional >.title >span {
    padding-right: 54px;
    position: relative;
  }
  .page-entry section.required >.title >span:after,
  .page-entry section.optional >.title >span:after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    padding: 6px 8px;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.9px;
  }
  .page-entry section.required >.title >span:after {
    content: '必須';
    background-color: #ed1350;
  }
  .page-entry section.optional >.title >span:after {
    content: '任意';
    background-color: #abb1d9;
  }
  .page-entry section >.wrap .row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 -12px;
  }
  .page-entry section >.wrap .row + .row {
    margin-top: 16px;
  }
  .page-entry section >.wrap .row >label,
  .page-entry section >.wrap .row >.rowIn {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    padding: 0 12px;
  }
  .page-entry section >.wrap .row >label .itemName,
  .page-entry section >.wrap .row >.rowIn .itemName {
    color: #161616;
    display: inline-block;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.1em;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 110px;
    -ms-flex: 0 1 110px;
    flex: 0 1 110px;
  }
  .page-entry section >.wrap .row >label .inputWrap,
  .page-entry section >.wrap .row >.rowIn .inputWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .page-entry section >.wrap .row >label .inputWrap .hyphen,
  .page-entry section >.wrap .row >.rowIn .inputWrap .hyphen {
    padding: 0 5px;
  }
  .page-entry section >.wrap .row >label .notes,
  .page-entry section >.wrap .row >.rowIn .notes {
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 300px;
    -ms-flex: 0 1 300px;
    flex: 0 1 300px;
    font-size: 12px;
    line-height: 1.3;
    padding: 0 20px;
  }
  .page-entry section >.wrap .row.flexItemAuto label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .page-entry section >.wrap .row.flexItemColumn2 {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-entry section >.wrap .row.flexItemColumn2 label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    padding-top: 9px;
    padding-bottom: 8px;
  }
  .page-entry section >.wrap .row.typeText1 label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .page-entry section >.wrap .row.typeText1 label .itemName {
    font-size: 13px;
    white-space: nowrap;
  }
  .page-entry section.secName >.wrap .row .itemName {
    -webkit-flex-basis: 70px;
    flex-basis: 70px;
  }
  .page-entry section.secAddress >.wrap .row .inputWrap {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 44%;
    -ms-flex: 0 1 44%;
    flex: 0 1 44%;
  }
  .page-entry section.secAddress >.wrap .row .inputWrap >label:nth-of-type(1) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 70%;
    -ms-flex: 0 1 70%;
    flex: 0 1 70%;
  }
  .page-entry section.secAddress >.wrap .row .inputWrap >label:nth-of-type(2) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .page-entry section.secPhoneNumber >.wrap .row .inputWrap {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 72%;
    -ms-flex: 0 1 72%;
    flex: 0 1 72%;
  }
  .page-entry section.secPhoneNumber >.wrap .row .inputWrap .phone_number:nth-of-type(1) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
  }
  .page-entry section.secPhoneNumber >.wrap .row .inputWrap .phone_number:nth-of-type(2),
  .page-entry section.secPhoneNumber >.wrap .row .inputWrap .phone_number:nth-of-type(3) {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2 1 100%;
    -ms-flex: 2 1 100%;
    flex: 2 1 100%;
  }
  .page-entry section.secBirthday >.wrap .row {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-entry section.secBirthday >.wrap .row label {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .page-entry section.secBirthday >.wrap .row label:nth-child(1) .selectWrap {
    width: 108px;
  }
  .page-entry section.secBirthday >.wrap .row label:nth-child(2) .selectWrap {
    width: 80px;
  }
  .page-entry section.secBirthday >.wrap .row label:nth-child(3) .selectWrap {
    width: 80px;
  }
  .page-entry section.secBirthday >.wrap .row .selectWrap + span {
    padding-left: 10px;
  }
  .page-entry section.secPassword >.wrap .row label {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-entry section.secPassword >.wrap .row label .itemName {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-bottom: 10px;
  }
  .page-entry section.secPasswordHint >.wrap .row .itemName {
    font-size: 15px;
    -webkit-flex-basis: 66px;
    flex-basis: 66px;
  }
  .page-entry section.secPasswordHint >.wrap .row .selectWrap {
    width: 100%;
  }
  .page-entry section.secLikeGenre >.wrap .row label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .page-entry section.secLecturerGenre >.wrap .row label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .page-entry section.secLecturerGenre >.wrap .row.typeText1 label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .page-entry section.secIndustry >.wrap .row .selectWrap {
    width: 100%;
  }
  .page-entry section.secMailMagazine >.wrap .row label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .page-login {
    width: 100%;
    min-width: 1100px;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
  }
  .page-login >.wrap {
    width: 800px;
    margin: 0 auto;
    padding-bottom: 72px;
    position: relative;
  }
  .page-login >.wrap >.content >.wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 37px;
  }
  .page-login >.wrap .errorWrap {
    margin: 15px 0;
  }
  .page-login >.wrap .errorWrap p {
    color: #f00;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0.7em 0;
  }
  .page-login p {
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: 0.07em;
    margin: 3px 0;
  }
  .page-login p a {
    color: #0071bc;
    text-decoration: underline;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .page-login p a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    text-decoration: none;
  }
  .page-login .btn1,
  .page-login .btn2 {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-login .form dl {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-login .form dl + dl {
    margin-top: 20px;
  }
  .page-login .form dl dt {
    color: #161616;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.08em;
    width: 8em;
    padding-right: 20px;
  }
  .page-login .form dl dd {
    width: 100%;
  }
  .page-login .save {
    margin: 25px 0;
    text-align: center;
  }
  .page-login .save label span {
    font-size: 13px;
    padding-left: 32px;
    letter-spacing: 0.05em;
    margin-left: -12px;
  }
  .page-login .main {
    width: 390px;
  }
  .page-login .main .text {
    margin: 20px 0;
  }
  .page-login .sub {
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 36px;
    width: 370px;
  }
  .page-login .sub .title {
    border-bottom: 1px dashed #161616;
    color: #161616;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.01em;
    text-align: center;
    padding-bottom: 17px;
  }
  .page-login .sub >p {
    margin: 20px 0;
  }
  .page-login .sub .btn2 {
    margin-top: 24px;
    margin-bottom: 25px;
  }
  .page-login .sub .subLink {
    text-align: center;
  }
  .page-login .sub .subLink a {
    color: #161616;
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0.09em;
    padding: 0 17px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    position: relative;
  }
  .page-login .sub .subLink a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #999;
    font-size: 9px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-login .sub .subLink a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    text-decoration: none;
  }
  .pager {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 27px;
  }
  .pager .prev {
    min-width: 82px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .pager .prev >a {
    position: relative;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .pager .prev >a span.txt {
    display: inline-block;
    padding: 10px 18px 10px 34px;
  }
  .pager .prev >a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 10px;
    color: #b3b3b3;
    text-decoration: none;
    position: absolute;
    top: 50%;
    left: 13px;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
  .pager .prev >a:hover {
    color: #ed1350;
  }
  .pager .prev >a:hover:after {
    color: #ed1350;
  }
  .pager .notes {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .pager .notes p {
    padding: 0 20px;
    font-size: 17px;
    font-weight: bold;
    margin: auto;
  }
  .pager .next {
    min-width: 82px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .pager .next >a {
    position: relative;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .pager .next >a:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    font-size: 10px;
    color: #b3b3b3;
    text-decoration: none;
    position: absolute;
    top: 50%;
    right: 13px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .pager .next >a span.txt {
    display: inline-block;
    padding: 10px 34px 10px 18px;
  }
  .pager .next >a:hover {
    color: #ed1350;
  }
  .pager .next >a:hover:after {
    color: #ed1350;
  }
  .title1 + .pager {
    padding-top: 7px;
  }
  .popularItemList {
    margin: 0 -25px;
    padding-bottom: 50px;
  }
  .popularItemList a {
    text-decoration: none;
  }
  .popularItemList .contentTitle {
    margin: 0 25px 30px;
  }
  .popularItemList .itemList {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .popularItemList .itemList >li {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 25px;
    margin-bottom: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
  }
  .popularItemList .itemList >li .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .popularItemList .itemList >li .image a img {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .popularItemList .itemList >li .image a:hover img {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .popularItemList .itemList >li .name {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 15px;
  }
  .popularItemList .itemList >li .name a {
    color: #161616;
  }
  .popularItemList .itemList >li .name a:hover {
    text-decoration: underline;
  }
  .popularItemList .itemList >li .category {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .popularItemList .itemList >li .category .title {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    font-size: 14px;
    line-height: 1;
    color: #4c4c4c;
    font-weight: bold;
    text-align: left;
    padding: 8px 0;
  }
  .popularItemList .itemList >li .category .title a:before {
    content: '';
    display: inline-block;
    border: 1px solid #161616;
    width: 35px;
    height: 35px;
    font-size: 26px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    padding-left: 1px;
  }
  .popularItemList .itemList >li .category .title a span {
    display: inline-block;
    text-decoration: underline;
    vertical-align: middle;
    padding-left: 5px;
  }
  .popularItemList .itemList >li .category.icon-cloth .title a:before {
    font-family: icomoon;
    content: '\e900';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-sewingTool .title a:before {
    font-family: icomoon;
    content: '\e901';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-sewingMaterial .title a:before {
    font-family: icomoon;
    content: '\e90d';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-sewingMachine .title a:before {
    font-family: icomoon;
    content: '\e90e';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-embroidery .title a:before {
    font-family: icomoon;
    content: '\e90f';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-leather .title a:before {
    font-family: icomoon;
    content: '\e910';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-flower .title a:before {
    font-family: icomoon;
    content: '\e911';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-patternsBooks .title a:before {
    font-family: icomoon;
    content: '\e912';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-resinClay .title a:before {
    font-family: icomoon;
    content: '\e913';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-silverClay .title a:before {
    font-family: icomoon;
    content: '\e914';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-beads .title a:before {
    font-family: icomoon;
    content: '\e915';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-deco .title a:before {
    font-family: icomoon;
    content: '\e916';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-knitting .title a:before {
    font-family: icomoon;
    content: '\e917';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-variousCrafts .title a:before {
    font-family: icomoon;
    content: '\e918';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-feltWool .title a:before {
    font-family: icomoon;
    content: '\e903';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-japaneseHandicraft .title a:before {
    font-family: icomoon;
    content: '\e91a';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-tolePaint .title a:before {
    font-family: icomoon;
    content: '\e91b';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-accessoryBracket .title a:before {
    font-family: icomoon;
    content: '\e91c';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-naturalStone .title a:before {
    font-family: icomoon;
    content: '\e91d';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category.icon-saleItems .title a:before {
    font-family: icomoon;
    content: '\e91e';
    font-weight: normal;
  }
  .popularItemList .itemList >li .category .text {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    font-size: 12px;
    line-height: 1;
    color: #999;
    text-align: right;
    vertical-align: middle;
  }
  .popularItemList .itemList >li .category .text:before {
    font-family: icomoon;
    content: '\e922';
    font-weight: normal;
    font-size: 22px;
    color: #b3b3b3;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
  }
  .popularItemList .itemList >li:nth-child(2n) {
    border-right: none;
  }
  .recipeItemList {
    margin: 0 -25px;
    padding-bottom: 100px;
  }
  .recipeItemList a {
    text-decoration: none;
  }
  .recipeItemList .contentTitle {
    margin: 0 25px 30px;
  }
  .recipeItemList .recipeItemSlider {
    width: 100%;
    margin-bottom: 60px;
  }
  .recipeItemList .recipeItemSlider .slick-list {
    width: 1010px !important;
    padding: 0 !important;
  }
  .recipeItemList .recipeItemSlider li {
    width: 331px !important;
    padding: 0 22px;
    border-right: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .recipeItemList .recipeItemSlider li:last-child {
    border-right: none;
  }
  .recipeItemList .recipeItemSlider li >.wrap {
    width: 290px;
  }
  .recipeItemList .recipeItemSlider li >.wrap .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .recipeItemList .recipeItemSlider li >.wrap .image a img {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .recipeItemList .recipeItemSlider li >.wrap .image a:hover img {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .recipeItemList .recipeItemSlider li >.wrap .detail .name {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 15px;
    font-weight: bold;
  }
  .recipeItemList .recipeItemSlider li >.wrap .detail .name a {
    color: #161616;
  }
  .recipeItemList .recipeItemSlider li >.wrap .detail .name a:hover {
    text-decoration: underline;
  }
  .recipeItemList .recipeItemSlider li >.wrap .detail .text {
    font-size: 13px;
    line-height: 1.4;
    color: #4c4c4c;
    margin-bottom: 10px;
  }
  .recipeItemList .recipeItemSlider li >.wrap .detail .via a {
    font-size: 12px;
    font-family: 'Open sans';
    color: #999;
  }
  .recipeItemList .recipeItemSlider li >.wrap .detail .via a:hover {
    text-decoration: underline;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-image: -webkit-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -moz-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -o-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: -ms-linear-gradient(left, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    background-image: linear-gradient(to right, #dcdcdc 0%, #dcdcdc 40%, rgba(220,220,220,0) 40%, rgba(220,220,220,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-bottom: 15px;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category .title {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    font-size: 14px;
    line-height: 1;
    color: #4c4c4c;
    font-weight: bold;
    text-align: left;
    padding: 10px 0;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category .title:before {
    content: '';
    display: inline-block;
    border: 1px solid #161616;
    width: 35px;
    height: 35px;
    font-size: 26px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    padding-left: 1px;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category .title span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-cloth .title:before {
    font-family: icomoon;
    content: '\e900';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-sewingTool .title:before {
    font-family: icomoon;
    content: '\e901';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-sewingMaterial .title:before {
    font-family: icomoon;
    content: '\e90d';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-sewingMachine .title:before {
    font-family: icomoon;
    content: '\e90e';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-embroidery .title:before {
    font-family: icomoon;
    content: '\e90f';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-leather .title:before {
    font-family: icomoon;
    content: '\e910';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-flower .title:before {
    font-family: icomoon;
    content: '\e911';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-patternsBooks .title:before {
    font-family: icomoon;
    content: '\e912';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-resinClay .title:before {
    font-family: icomoon;
    content: '\e913';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-silverClay .title:before {
    font-family: icomoon;
    content: '\e914';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-beads .title:before {
    font-family: icomoon;
    content: '\e915';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-deco .title:before {
    font-family: icomoon;
    content: '\e916';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-knitting .title:before {
    font-family: icomoon;
    content: '\e917';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-variousCrafts .title:before {
    font-family: icomoon;
    content: '\e918';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-feltWool .title:before {
    font-family: icomoon;
    content: '\e903';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-japaneseHandicraft .title:before {
    font-family: icomoon;
    content: '\e91a';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-tolePaint .title:before {
    font-family: icomoon;
    content: '\e91b';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-accessoryBracket .title:before {
    font-family: icomoon;
    content: '\e91c';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-naturalStone .title:before {
    font-family: icomoon;
    content: '\e91d';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category.icon-saleItems .title:before {
    font-family: icomoon;
    content: '\e91e';
    font-weight: normal;
  }
  .recipeItemList .recipeItemSlider li >.wrap .category .text {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    font-size: 12px;
    line-height: 1;
    color: #999;
    text-align: right;
    vertical-align: middle;
  }
  .recommended-workshop {
    padding: 30px 38px 48px;
    position: relative;
  }
  .recommended-workshop:before {
    content: '';
    display: block;
    background: url("/common/images/icons_pin.svg") left top no-repeat;
    -webkit-background-size: 40px 57px;
    -moz-background-size: 40px 57px;
    background-size: 40px 57px;
    width: 40px;
    height: 57px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -46%);
    -moz-transform: translate(-50%, -46%);
    -o-transform: translate(-50%, -46%);
    -ms-transform: translate(-50%, -46%);
    transform: translate(-50%, -46%);
  }
  .recommended-workshop >.title {
    color: #414e3d;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 26px;
    padding-left: 47px;
    position: relative;
  }
  .recommended-workshop >.title:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-59%);
    -moz-transform: translateY(-59%);
    -o-transform: translateY(-59%);
    -ms-transform: translateY(-59%);
    transform: translateY(-59%);
    color: #414e3d;
    font-family: icomoon;
    content: '\e94b';
    font-weight: normal;
    font-size: 40px;
    display: inline-block;
    margin-right: 5px;
  }
  .recommended-workshop a {
    display: block;
    text-decoration: none;
  }
  .recommended-workshop a:hover {
    text-decoration: underline;
  }
  .recommended-workshop a:hover .thumbnail {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .recommended-workshop .sliderWrap {
    width: 100%;
    position: relative;
  }
  .recommended-workshop .sliderWrap .slider {
    width: auto;
    min-width: auto;
    min-width: initial;
    overflow: hidden;
  }
  .recommended-workshop .sliderWrap .slider .slick-list {
    margin-right: -20px /* ガター分ネガティブマージン */;
  }
  .recommended-workshop .sliderWrap .slider .slick-slide {
    margin-right: 20px /* ガター */;
  }
  .recommended-workshop .sliderWrap .slider-prev,
  .recommended-workshop .sliderWrap .slider-next {
    display: block;
    position: absolute;
    top: 78px;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .recommended-workshop .sliderWrap .slider-prev {
    background: url("/common/images/icons_leftArrow_circle.svg") left top no-repeat;
    -webkit-background-size: 38px 38px;
    -moz-background-size: 38px 38px;
    background-size: 38px 38px;
    width: 38px;
    height: 38px;
    left: -3px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .recommended-workshop .sliderWrap .slider-prev:hover {
    left: -6px;
  }
  .recommended-workshop .sliderWrap .slider-next {
    background: url("/common/images/icons_rightArrow_circle.svg") left top no-repeat;
    -webkit-background-size: 38px 38px;
    -moz-background-size: 38px 38px;
    background-size: 38px 38px;
    width: 38px;
    height: 38px;
    right: -3px;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .recommended-workshop .sliderWrap .slider-next:hover {
    right: -6px;
  }
  .recommended-workshop article .thumbnail {
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .recommended-workshop article .thumbnail img {
    width: 100%;
    height: auto;
  }
  .recommended-workshop article .info {
    padding: 16px 0 0;
  }
  .recommended-workshop article .info >.title {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
  }
  .recommended-workshop article .info >.text {
    font-size: 12px;
    line-height: 1.4;
    padding-top: 3px;
  }
  .rightColumn1 {
    padding-top: 9px;
  }
  .rightColumn1 .bannerList2 {
    background-image: -webkit-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: -moz-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: -o-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: -ms-linear-gradient(left, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    background-image: linear-gradient(to right, #161616 0%, #161616 40%, rgba(22,22,22,0) 40%, rgba(22,22,22,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 1px;
    -moz-background-size: 6px 1px;
    background-size: 6px 1px;
    margin-top: 19px;
    padding: 40px 0 24px;
  }
  .rightColumn1 .bannerList2 ul {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .rightColumn1 .bannerList2 ul >li {
    -webkit-flex-basis: 77%;
    flex-basis: 77%;
    min-width: 77%;
    margin-bottom: 19px;
  }
  .rightColumn1 .bannerList2 ul >li .text {
    margin-top: 8px;
  }
  .searchArea .searchInput {
    width: 100%;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 21px;
    border: 1px solid #cacaca;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    position: relative;
  }
  .searchArea .searchInput:before {
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    top: 8px;
    left: 13px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOC40IiBoZWlnaHQ9IjM4LjMiIHZpZXdCb3g9IjAgMCAzOC40IDM4LjMiPjx0aXRsZT5zZWFyY2g8L3RpdGxlPjxnIGlkPSIxNzNjYmI5ZS0xNTViLTQ1ODQtODZhMy1lZmU4NTE4MWI4OGUiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSIyMjY0NTZmMS00MGVkLTQ5ZmQtODhhNi1lNDU5ZjViZDNkYmIiIGRhdGEtbmFtZT0iU1Bf6L+95b6TX+aknOe0ouWxlemWiyI+PHBhdGggZD0iTTM3LjUzLDMyLjA3YTcuMjEsNy4yMSwwLDAsMC0uNTEtLjU1bC01LjM2LTUuMzRDMzEsMjUuNDksMjguOCwyNCwyOC41MiwyM2MtLjMyLTEuMSwxLTMsMS4yNi00LjIzYTE1LjE5LDE1LjE5LDAsMCwwLTEtMTAsMTUuMTQsMTUuMTQsMCwwLDAtMjAtN0ExNS4wNywxNS4wNywwLDAsMCwuMzgsMTUuMTZjLS4wNywxMS43MiwxMi42MywxOCwyMi40OCwxM2w4LjM4LDguNDNBNC4zOCw0LjM4LDAsMCwwLDMzLDM3Ljg3YzEuNjMuNDYsMy0xLjgsNC0yLjcxQTIuNSwyLjUsMCwwLDAsMzgsMzMsMi4xLDIuMSwwLDAsMCwzNy41MywzMi4wN1ptLTE0LjQtOC45M2ExMS4zNCwxMS4zNCwwLDAsMS03LjgyLDMuMjVoLS4wN2ExMS4xMywxMS4xMywwLDAsMSwuMDctMjIuMjVoLjA3YTExLDExLDAsMCwxLDcuODUsMy4zMSwxMS4zMiwxMS4zMiwwLDAsMSwyLjE4LDEyLjQ5QTEwLjg2LDEwLjg2LDAsMCwxLDIzLjEzLDIzLjEzWiIgc3R5bGU9ImZpbGw6I2VkMTM1MDtzdHJva2U6I2VkMTM1MDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MC43NXB4Ii8+PC9nPjwvZz48L3N2Zz4=");
  }
  .searchArea .searchInput input {
    height: 34px;
    border: 0;
    padding: 0;
    margin: 0;
    outline: none;
  }
  .searchArea .searchInput input::-webkit-input-placeholder {
    color: #979797;
    font-size: 12px;
    letter-spacing: 0.09em;
  }
  .searchArea .searchInput input:-moz-placeholder {
    color: #979797;
    font-size: 12px;
    letter-spacing: 0.09em;
  }
  .searchArea .searchInput input::-moz-placeholder {
    color: #979797;
    font-size: 12px;
    letter-spacing: 0.09em;
  }
  .searchArea .searchInput input:-ms-input-placeholder {
    color: #979797;
    font-size: 12px;
    letter-spacing: 0.09em;
  }
  .searchArea .searchInput input[type=text] {
    background-color: #f0f0f0;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    padding: 0 15px 0 40px;
    font-size: 12px;
  }
  .searchArea .searchInput input[type=button],
  .searchArea .searchInput input[type=submit] {
    background-color: #ed1350;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0 17px;
    z-index: 1;
  }
  .searchArea .searchInput input[type=button]:hover,
  .searchArea .searchInput input[type=submit]:hover,
  .searchArea .searchInput input[type=button]:active,
  .searchArea .searchInput input[type=submit]:active {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .slider {
    width: 100%;
    min-width: 1100px;
  }
  .slider .slider-for .slick-slide {
    width: 960px !important;
    height: 540px !important;
  }
  .slider .slider-for li img {
    width: 100%;
    height: auto;
  }
  .slider .slider-for a {
    display: block;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .slider .slider-for a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .slider .slider-nav {
    padding: 17px 0;
  }
  .slider .slider-nav .slick-list {
    text-align: center;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
  .slider .slider-nav .slick-track {
    display: inline-block;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    width: auto !important;
  }
  .slider .slider-nav li {
    width: 63px !important;
    height: auto !important;
    margin: 0 8px;
    background-color: #41503d;
    border-radius: 2px;
    overflow: hidden;
  }
  .slider .slider-nav li.slick-current img {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .slider .slider-nav li img {
    width: 100%;
    height: auto;
    cursor: pointer;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    transition-duration: 400ms;
  }
  .slider .slider-nav li img:hover {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .slider .slider-history-pc {
    width: 64px;
    margin: 0 auto;
  }
  .slider .slider-history-pc li {
    width: 64px;
  }
  .slider .slider-history-pc li img {
    width: 100%;
    height: auto;
  }
  .slider .slider-history-pc li a {
    display: block;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .slider .slider-history-pc li a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .slick-dots {
    background-color: #333;
  }
  .submitBtn1 {
    margin-left: auto;
    margin-right: auto;
  }
  .submitBtn1 >span {
    display: block;
    position: relative;
  }
  .submitBtn1 >span:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .submitBtn1 >span input {
    display: block;
    background-color: #ed1350;
    border: 2px solid #ed1350;
    padding: 10px 0 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
  }
  .submitBtn1 >span input:hover {
    background-color: #f47196;
    border-color: #f47196;
    text-decoration: underline;
  }
  .tagList {
    font-size: 0;
    overflow: hidden;
  }
  .tagList >li {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 3px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
  }
  .tagList >li span {
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
  }
  .tagList >li.tagSale {
    border-color: #ed1350;
    background-color: #ed1350;
    color: #fff;
  }
  .tagList >li.tagNew {
    border-color: #faec21;
    background-color: #faec21;
    color: #4c4c4c;
  }
  .tagList >li.tagStock {
    border-color: #4c4c4c;
    background-color: #fff;
    color: #4c4c4c;
  }
  .tagList >li.tagOriginal {
    border-color: #ed1350;
    background-color: #fff;
    color: #4c4c4c;
  }
  .tagList >li.tagPopular {
    border-color: #ed1350;
    background-color: #fff;
    color: #ed1350;
  }
  .title1 >.wrap {
    line-height: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 39px;
    margin-bottom: 27px;
    position: relative;
  }
  .title1 >.wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(left, #414e3d 0%, #414e3d 50%, rgba(65,78,61,0) 50%, rgba(65,78,61,0) 100%);
    background-image: -moz-linear-gradient(left, #414e3d 0%, #414e3d 50%, rgba(65,78,61,0) 50%, rgba(65,78,61,0) 100%);
    background-image: -o-linear-gradient(left, #414e3d 0%, #414e3d 50%, rgba(65,78,61,0) 50%, rgba(65,78,61,0) 100%);
    background-image: -ms-linear-gradient(left, #414e3d 0%, #414e3d 50%, rgba(65,78,61,0) 50%, rgba(65,78,61,0) 100%);
    background-image: linear-gradient(to right, #414e3d 0%, #414e3d 50%, rgba(65,78,61,0) 50%, rgba(65,78,61,0) 100%);
    -webkit-background-size: 6px 4px;
    -moz-background-size: 6px 4px;
    background-size: 6px 4px;
    background-repeat: repeat-x;
    display: block;
    width: 100%;
    height: 4px;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
  }
  .title1 >.wrap .titleText {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #414e3d;
    font-size: 35px;
    font-weight: bold;
  }
  .title1 >.wrap .icon {
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 24px;
    text-align: center;
    width: 44px;
    height: 44px;
    margin-right: 25px;
  }
  .title1 >.wrap .icon:before {
    color: #414e3d;
    font-size: 25px;
  }
  .title1 >.wrap .icon.icon-left-icon-workshop:before {
    -webkit-transform: scale(3) translate(3px, -2px);
    -moz-transform: scale(3) translate(3px, -2px);
    -o-transform: scale(3) translate(3px, -2px);
    -ms-transform: scale(3) translate(3px, -2px);
    transform: scale(3) translate(3px, -2px);
  }
  .page-mypage .mypageContent {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 20px 0;
    margin-top: 35px;
  }
  .page-mypage .mypageContent .row {
    width: 560px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 auto;
  }
  .page-mypage .mypageContent .row:last-of-type {
    border-bottom: none;
  }
  .page-mypage .mypageContent .row .userName {
    position: relative;
    color: #161616;
    padding: 30px 25px;
  }
  .page-mypage .mypageContent .row .userName span {
    font-size: 19px;
  }
  .page-mypage .mypageContent .row .userName .name {
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
    padding-right: 10px;
    letter-spacing: 0.1em;
  }
  .page-mypage .mypageContent .row .userName .memberTag {
    position: absolute;
    top: 30px;
    right: 0;
    background-color: #fdeaef;
    text-align: center;
    padding: 5px 15px;
  }
  .page-mypage .mypageContent .row .userName .memberTag span {
    font-size: 14px;
    font-weight: bold;
    color: #ed1350;
  }
  .page-mypage .mypageContent .row dl {
    display: table;
  }
  .page-mypage .mypageContent .row dl dt {
    display: table-cell;
    vertical-align: middle;
    padding: 25px 25px 25px 0;
    white-space: nowrap;
  }
  .page-mypage .mypageContent .row dl dt span {
    font-size: 15px;
    font-weight: bold;
    color: #161616;
  }
  .page-mypage .mypageContent .row dl dt:before {
    font-size: 26px;
    color: #ed1350;
    width: 70px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
  }
  .page-mypage .mypageContent .row dl dt.icon-memberno:before {
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
    font-size: 18px;
  }
  .page-mypage .mypageContent .row dl dt.icon-point:before {
    font-family: icomoon;
    content: '\e919';
    font-weight: normal;
  }
  .page-mypage .mypageContent .row dl dt.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-mypage .mypageContent .row dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 25px 0;
    position: relative;
  }
  .page-mypage .mypageContent .row dl dd span {
    font-size: 15px;
    color: #161616;
  }
  .page-mypage .mypageContent .row dl dd .no {
    font-family: 'Open sans';
    font-weight: 400;
    color: #4c4c4c;
    font-size: 17px;
    letter-spacing: 0.1em;
  }
  .page-mypage .mypageContent .row dl dd .num {
    font-family: 'Open sans';
    font-weight: 600;
    color: #ed1350;
    font-size: 34px;
    display: inline-block;
    padding-right: 5px;
  }
  .page-mypage .mypageContent .row dl dd .date {
    font-family: 'Open sans';
    font-weight: 600;
    color: #161616;
    font-size: 28px;
    display: inline-block;
    padding-right: 5px;
  }
  .page-mypage .mypageContent .row dl dd .pt {
    font-family: 'Open sans';
    font-weight: 500;
    color: #161616;
    font-size: 18px;
  }
  .page-mypage .mypageContent .row >p {
    margin-left: 70px;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 1.4;
    color: #4c4c4c;
  }
  .page-mypage .mypageContent .row.purchaseBtnWrap {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .page-mypage .mypageContent .row.purchaseBtnWrap p {
    margin: 20px 0 0 0;
    font-size: 13px;
    color: #4c4c4c;
    text-align: center;
  }
  .page-mypage .backBtnWrap {
    margin: 50px 0;
  }
  .page-mypage .btn1,
  .page-mypage .btn2,
  .page-mypage .btn3 {
    width: 396px;
  }
  .page-favorite .title1 .icon:before {
    padding-top: 3px;
    height: 34px;
    font-size: 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-favorite .favorite-currentSituation {
    padding-top: 6px;
    margin-bottom: 35px;
  }
  .page-favorite .favorite-currentSituation >p {
    font-size: 16px;
    letter-spacing: 1.6px;
    color: #161616;
  }
  .page-favorite .favorite-currentSituation >p span.txt1 {
    font-weight: normal;
  }
  .page-favorite .favorite-currentSituation >p em.txt2 {
    font-style: normal;
    font-weight: bold;
    padding: 0 7px;
    color: #ed1350;
  }
  .page-favorite .favorite-currentSituation >p span.txt3 {
    font-weight: bold;
  }
  .page-favorite .favorite-currentSituation >p span.txt4 {
    font-weight: normal;
  }
  .page-favorite .favoriteList {
    padding-top: 17px;
    padding-bottom: 47px;
    width: 100%;
  }
  .page-favorite .favoriteList .favoriteWrap {
    overflow: hidden;
  }
  .page-favorite .favoriteList .favoriteWrap ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -22px -23px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li {
    width: 50%;
    padding: 0 22px 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listWrap {
    position: relative;
    padding-bottom: 23px;
    background-image: -webkit-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -moz-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -o-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -ms-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: linear-gradient(to right, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 10px 1px;
    -moz-background-size: 10px 1px;
    background-size: 10px 1px;
    background-position: left bottom;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .thumbnail {
    width: 153px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .thumbnail img {
    width: 100%;
    height: auto;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    padding-left: 25px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .name {
    padding-bottom: 40px;
    font-size: 15px;
    line-height: 1.466;
    letter-spacing: 0.35px;
    color: #161616;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price1 {
    position: absolute;
    right: 0;
    bottom: 10px;
    padding: 0 0 0 25px;
    text-align: right;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price1 .regularPrice {
    font-size: 12px;
    line-height: 1.4;
    color: #808080;
    margin-bottom: 5px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price1 .salePrice {
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
    color: #ed1350;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price1 .salePrice span {
    color: #ed1350;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price2 {
    position: absolute;
    right: 0;
    bottom: 10px;
    padding: 0 0 0 25px;
    text-align: right;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price2 .regularPrice {
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
    color: #161616;
    margin-bottom: 5px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .listHead .txtBox .price2 .excluded {
    font-size: 12px;
    line-height: 1.4;
    color: #ed1350;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin-top: 22px;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn2 {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn2 > a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 12px;
    padding-right: 10px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn2 > a span {
    font-size: 12px;
    letter-spacing: 1.3px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn2 > a:after {
    font-size: 10px;
    right: 11px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn4 {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 26px;
    width: 130px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn4 > a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    padding-top: 11px;
    padding-bottom: 12px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn4 > a span {
    letter-spacing: 1.3px;
  }
  .page-favorite .favoriteList .favoriteWrap ul li .btnBlock .btn4 > a:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin-right: 11px;
  }
  .page-orderhistory-detail .title1 .wrap {
    margin-bottom: 32px;
  }
  .page-orderhistory-detail .title1 .wrap .icon {
    padding: 1px 0 0 0;
  }
  .page-orderhistory-detail .title1 .wrap .icon:before {
    font-size: 22px;
    padding: 0 2px 0 0;
    height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-orderhistory-detail .orderhistoryDetail1 {
    margin-bottom: 43px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail {
    padding: 7px 25px 8px;
    overflow: hidden;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail {
    margin: 0 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap {
    word-break: break-all;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: -webkit-linear-gradient(left, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -moz-linear-gradient(left, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -o-linear-gradient(left, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: -ms-linear-gradient(left, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    background-image: linear-gradient(to right, #ccc 0%, #ccc 40%, rgba(204,204,204,0) 40%, rgba(204,204,204,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 10px 1px;
    -moz-background-size: 10px 1px;
    background-size: 10px 1px;
    background-position: left bottom;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row:last-child {
    border-bottom: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name {
    width: 145px;
    font-size: 0;
    position: relative;
    padding: 16px 2px 16px 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name .txt {
    font-size: 15px;
    font-weight: bold;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name:before {
    font-size: 22px;
    color: #ed1350;
    width: 33px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 12px;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name.icon-cart:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name.icon-user:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row > .name:after {
    content: ':';
    font-size: 15px;
    color: #4c4c4c;
    position: absolute;
    right: 0;
    top: 19px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    font-size: 15px;
    color: #4c4c4c;
    letter-spacing: 1.6px;
    padding: 19px 0 16px 35px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .deliveryTargetName {
    font-size: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .deliveryTargetName .name1 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1.8px;
    display: inline-block;
    padding-right: 7px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .deliveryTargetName .name2 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1.8px;
    display: inline-block;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .deliveryTargetName .honorifics {
    font-size: 15px;
    display: inline-block;
    padding-left: 7px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .addressBlock {
    margin-top: 20px;
    font-size: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .addressBlock .postalCode {
    display: block;
    font-size: 15px;
    letter-spacing: 1.8px;
    line-height: 1.3;
    color: #4c4c4c;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .addressBlock .address1 {
    display: block;
    font-size: 15px;
    letter-spacing: 1.8px;
    line-height: 1.3;
    padding-top: 9px;
    color: #4c4c4c;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row .item .addressBlock .address2 {
    display: block;
    font-size: 15px;
    letter-spacing: 1.8px;
    line-height: 1.3;
    padding-top: 9px;
    color: #4c4c4c;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .orderhistoryInfo .orderhistoryWrap .detail .historyDetail > .wrap .row:first-child {
    padding-top: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation {
    width: 325px;
    margin-left: 12px;
    border-radius: 4px;
    background-color: #f5f5f5;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .listHead {
    padding: 24px 24px 24px 24px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .listHead .listTitle {
    padding-bottom: 15px;
    border-bottom: 1px dotted #b3b3b3;
    font-size: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .listHead .listTitle .txt1 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #161616;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .listHead .listTitle:before {
    font-size: 22px;
    color: #ed1350;
    width: 30px;
    display: inline-block;
    padding-right: 10px;
    text-align: left;
    vertical-align: middle;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .listHead .listTitle.icon-yen:before {
    font-family: icomoon;
    content: '\e920';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail {
    padding: 0 25px 18px 24px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li {
    margin-top: 20px;
    padding-top: 13px;
    border-top: 1px solid #e5e5e5;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable {
    overflow: hidden;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner {
    margin: -8px 0;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap {
    display: table;
    width: 100%;
    border-spacing: 0 9px;
    border-collapse: separate;
    word-break: break-all;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row {
    display: table-row;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .name {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .name .txt {
    font-size: 13px;
    color: #4c4c4c;
    letter-spacing: 1.1px;
    text-align: left;
    vertical-align: middle;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item {
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item .txt1 {
    font-size: 14px;
    font-weight: bold;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    display: inline-block;
    text-align: right;
    vertical-align: bottom;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item .unit {
    font-size: 12px;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    display: inline-block;
    text-align: right;
    vertical-align: bottom;
    padding-left: 8px;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item.red .txt1,
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item.red .txt2,
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable .historyDetailTableInner > .wrap .row .item.red .unit {
    color: #ed1350;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable.tableStyle2 .historyDetailTableInner > .wrap .row .name .txt {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.7px;
    color: #4c4c4c;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable.tableStyle2 .historyDetailTableInner > .wrap .row .item .txt1 {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    vertical-align: bottom;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable.tableStyle2 .historyDetailTableInner > .wrap .row .item .unit {
    vertical-align: bottom;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable.tableStyle3 .historyDetailTableInner > .wrap .row .name .txt {
    font-weight: bold;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable.tableStyle3 .historyDetailTableInner > .wrap .row .item .txt2 {
    font-size: 18px;
    font-weight: bold;
  }
  .page-orderhistory-detail .orderhistoryDetail1 .paymentInformation .detail > .wrap ul li .historyDetailTable.tableStyle3 .historyDetailTableInner > .wrap .row .item .unit {
    padding-left: 13px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title {
    margin-bottom: 49px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title .txt {
    font-size: 22px;
    font-weight: bold;
    color: #161616;
    letter-spacing: 0.7px;
    text-align: left;
    vertical-align: middle;
    padding-right: 22px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title:before {
    font-size: 27px;
    color: #ed1350;
    width: 35px;
    text-align: center;
    vertical-align: middle;
    padding-right: 20px;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title.icon-cart:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title.icon-user:before {
    font-family: icomoon;
    content: '\e926';
    font-weight: normal;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .sec-title:after {
    content: '';
    width: auto;
    height: 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    background-image: -webkit-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -moz-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -o-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: -ms-linear-gradient(left, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    background-image: linear-gradient(to right, #4c4c4c 0%, #4c4c4c 40%, rgba(76,76,76,0) 40%, rgba(76,76,76,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 10px 1px;
    -moz-background-size: 10px 1px;
    background-size: 10px 1px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList {
    padding-bottom: 23px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap {
    overflow: hidden;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul {
    margin: -23px 0;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li {
    margin: 23px 0;
    border-top: 1px dotted #e5e5e5;
    padding-top: 21px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-decoration: none;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    width: 100%;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a .thumbnail {
    width: 106px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a .thumbnail img {
    width: 100%;
    height: auto;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a .txtBox {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    padding-left: 18px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a .txtBox .name {
    font-size: 16px;
    line-height: 1.375;
    letter-spacing: 0.009em;
    color: #0071bc;
    text-decoration: underline;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a .txtBox .itemPrice {
    padding-top: 15px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.9px;
    color: #ed1350;
    text-decoration: none;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo1 a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    text-decoration: none;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 {
    width: 325px;
    margin-left: 12px;
    background-color: #f5f2e6;
    border-radius: 4px;
    padding: 7px 24px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner {
    margin: -8px 0;
    width: 100%;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap {
    display: table;
    width: 100%;
    border-spacing: 0 8px;
    border-collapse: separate;
    word-break: break-all;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row {
    display: table-row;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .name {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: 110px;
    white-space: nowrap;
    font-size: 0;
    position: relative;
    padding-right: 8px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .name .txt {
    font-size: 14px;
    color: #161616;
    letter-spacing: 0.7px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .name:after {
    content: ':';
    font-size: 14px;
    color: #4c4c4c;
    position: absolute;
    right: 0;
    top: 0;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .item {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    padding-left: 19px;
    font-size: 15px;
    color: #4c4c4c;
    letter-spacing: 0.7px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .item em {
    font-style: normal;
    font-weight: bold;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .item .priceTxt1 {
    font-size: 15px;
    color: #161616;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row .item .unit {
    font-size: 12px;
    padding-left: 8px;
  }
  .page-orderhistory-detail .orderhistoryDetail2 .purchasedProductsList > .wrap ul li .listWrap .productsInfo2 .productsInfo2Inner > .wrap .row:first-child {
    padding-top: 0;
  }
  .page-orderhistory .title1 .icon {
    padding: 1px 0 0 0;
  }
  .page-orderhistory .title1 .icon:before {
    font-size: 22px;
    padding: 0 2px 0 0;
    height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-orderhistory .orderhistoryContent {
    padding-bottom: 47px;
    width: 100%;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap {
    overflow: hidden;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px -16px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li {
    width: 50%;
    padding: 0 8px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead {
    background-color: #f5f2e6;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle {
    padding: 17px 18px 17px 18px;
    font-size: 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle .txt1 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #161616;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle .txt2 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.11em;
    color: #161616;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-left: 3px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle:before {
    font-size: 21px;
    color: #ed1350;
    width: 36px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 8px;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
    font-size: 21px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle.icon-point:before {
    font-family: icomoon;
    content: '\e919';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .listHead .listTitle.icon-clock:before {
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail {
    padding: 17px 21px 15px;
    overflow: hidden;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail {
    margin: -9px 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap {
    display: table;
    width: 100%;
    border-spacing: 0 9px;
    border-collapse: separate;
    word-break: break-all;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row {
    display: table-row;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: 116px;
    white-space: nowrap;
    font-size: 0;
    position: relative;
    padding-right: 8px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name .txt {
    font-size: 15px;
    color: #161616;
    letter-spacing: 0.7px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name:before {
    font-size: 18px;
    color: #ed1350;
    width: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 12px;
    font-family: icomoon;
    content: '\e908';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name.icon-cart:before {
    font-family: icomoon;
    content: '\e921';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name.icon-yen:before {
    font-family: icomoon;
    content: '\e920';
    font-weight: normal;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name.icon-card:before {
    font-family: icomoon;
    content: '\e90b';
    font-weight: normal;
    font-size: 12px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .name:after {
    content: ':';
    font-size: 15px;
    color: #4c4c4c;
    position: absolute;
    right: 0;
    top: 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row .item {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-left: 19px;
    font-size: 15px;
    color: #4c4c4c;
    letter-spacing: 0.7px;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .historyDetail .wrap .row:first-child {
    padding-top: 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .subLink {
    text-align: right;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .subLink a {
    display: block;
    color: #161616;
    padding: 4px 0 0;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .subLink a span.txt {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0.09em;
    text-decoration: underline;
    position: relative;
    padding: 0 17px 0 0;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .subLink a span.txt:after {
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
    color: #999;
    font-size: 9px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
  }
  .page-orderhistory .orderhistoryContent .orderhistoryWrap ul li .listWrap .detail .subLink a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    text-decoration: none;
  }
  .page-prize .titleBlock {
    position: relative;
  }
  .page-prize .titleBlock >.wrap {
    border-bottom: 2px solid #ed1350;
    line-height: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 27px;
    margin-bottom: 45px;
  }
  .page-prize .titleBlock >.wrap .titleText {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 30px;
    font-weight: bold;
  }
  .page-prize .titleBlock >.wrap .icon {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #ed1350;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 24px;
    padding: 5px;
    margin-right: 18px;
    width: 44px;
    height: 44px;
  }
  .page-prize .titleBlock >.wrap .icon:before {
    color: #fff;
    font-size: 19px;
    padding-top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-prize .contentTitle.titlePickup {
    padding: 0 0 0;
  }
  .page-prize .contentTitle.titlePickup .titleText:after {
    display: none;
  }
  .page-prize .contentTitle.titlePickup .titleText .icon-clock {
    padding-right: 15px;
  }
  .page-prize .contentTitle.titlePickup .titleText .icon-clock:before {
    font-size: 26px;
    color: #f0054b;
    width: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 4px;
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-prize .contentTitle.titlePickup .titleText .icon-done {
    padding-right: 15px;
  }
  .page-prize .contentTitle.titlePickup .titleText .icon-done:before {
    font-size: 26px;
    color: #b3b3b3;
    width: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 4px;
    font-family: icomoon;
    content: '\e946';
    font-weight: normal;
  }
  .page-prize .contentTitle.titlePickup .titleText >span {
    font-size: 22px;
  }
  .page-prize .prizeList + .contentTitle {
    margin-top: 43px;
  }
  .page-prize .content > section {
    padding-bottom: 23px;
  }
  .page-prize .content .title1 >.wrap {
    margin-bottom: 45px;
  }
  .page-prize .prizeList {
    margin-top: 32px;
  }
  .page-prize .prizeList .prizeWrap {
    overflow: hidden;
  }
  .page-prize .prizeList .prizeWrap > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: top;
    -moz-box-align: top;
    -o-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px -23px;
  }
  .page-prize .prizeList .prizeWrap > ul > li {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%;
    padding: 0 8px 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 25px 24px 33px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title {
    overflow: hidden;
    padding-right: 10px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title .term_title_inner1 {
    position: relative;
    padding: 0 24px 0 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title .term_title_inner1:after {
    position: absolute;
    right: 0;
    top: 50%;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 57.5px 0 57.5px 48px;
    border-color: transparent transparent transparent #f0054b;
    margin-top: -57px;
    z-index: -1;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title .term_title_inner1 .term_title_inner2 {
    background-color: #f0054b;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 3px 6px 9px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title .term_title_inner1 .term_title_inner2:before {
    font-size: 18px;
    color: #fff;
    width: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 8px;
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .term_title .term_title_inner1 .term_title_inner2 > span {
    font-size: 12px;
    display: inline-block;
    letter-spacing: 0.1em;
    vertical-align: middle;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .text {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    padding: 0 2px 0 15px;
    vertical-align: middle;
    text-align: right;
    letter-spacing: 0.1em;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .text .txt1 {
    font-size: 15px;
    letter-spacing: 0.02em;
    color: #f0054b;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .text .txt2 {
    font-size: 15px;
    letter-spacing: 0.03em;
    color: #f0054b;
    padding: 0 3px 0 3px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term .text .txt3 {
    font-size: 15px;
    letter-spacing: 0.02em;
    color: #f0054b;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term.done .term_title .term_title_inner1:after {
    border-color: transparent transparent transparent #b3b3b3;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term.done .term_title .term_title_inner2 {
    background-color: #b3b3b3;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term.done .text .txt1 {
    color: #b3b3b3;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term.done .text .txt2 {
    color: #b3b3b3;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .implementation_term.done .text .txt3 {
    color: #b3b3b3;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .thumbnailWrap {
    margin-top: 20px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .thumbnailWrap .thumbnail {
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: block;
    width: 100%;
    padding-top: 56.333%;
    border-radius: 3px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .text_members_only {
    margin-top: 17px;
    font-size: 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .text_members_only:before {
    font-size: 34px;
    color: #ed1350;
    width: 49px;
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
    padding-right: 11px;
    font-family: icomoon;
    content: '\e945';
    font-weight: normal;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .text_members_only span {
    display: inline-block;
    vertical-align: bottom;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.07em;
    color: #ed1350;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .itemName {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.263;
    letter-spacing: 0.04em;
    color: #161616;
    padding: 18px 0 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .itemDetail {
    font-size: 13px;
    line-height: 1.384;
    letter-spacing: 0.05em;
    color: #808080;
    padding: 21px 0 0;
    margin-top: 19px;
    background-image: -webkit-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -moz-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -o-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: -ms-linear-gradient(left, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    background-image: linear-gradient(to right, #b3b3b3 0%, #b3b3b3 40%, rgba(179,179,179,0) 40%, rgba(179,179,179,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 1px;
    -moz-background-size: 6px 1px;
    background-size: 6px 1px;
    background-position: left top;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .category {
    margin-top: 21px;
    padding: 16px 13px 16px;
    background-color: #f4f2e6;
    border-radius: 3px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .category > ul > li {
    font-size: 12px;
    line-height: 1.333;
    letter-spacing: 0.1em;
    text-indent: -1em;
    margin: 6px 0 0 1em;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .category > ul > li:before {
    content: '・';
    display: inline;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .category > ul > li:first-child {
    margin-top: 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 25px 41px 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn2 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn2 a {
    padding: 6px 6px 10px 0;
    background-color: #ed1350;
    border: 2px solid #ed1350;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn2 a:before {
    margin-right: 6px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn2 a:hover {
    background-color: #f47196;
    border-color: #f47196;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn2 a span {
    font-size: 14px;
    letter-spacing: 1.3px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn5 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .btn5 a span {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.3px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .dummy_btn {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .dummy_btn > p {
    padding: 11px 0 14px;
  }
  .page-prize .prizeList .prizeWrap > ul > li .listWrap .btnBlock .dummy_btn > p span {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.3px;
  }
  .page-school_search {
    margin-top: -58px;
  }
  .page-school_search .colmun-history {
    padding: 56px 0;
  }
  .page-school_search .content >section + section {
    margin-top: 58px;
  }
  .page-school_search #searchArea {
    padding: 48px 40px 68px;
    position: relative;
  }
  .page-school_search #searchArea:before {
    content: '';
    display: block;
    background: url("/common/images/icons_clip.svg") left top no-repeat;
    -webkit-background-size: 59px 59px;
    -moz-background-size: 59px 59px;
    background-size: 59px 59px;
    width: 59px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -43%);
    -moz-transform: translate(-50%, -43%);
    -o-transform: translate(-50%, -43%);
    -ms-transform: translate(-50%, -43%);
    transform: translate(-50%, -43%);
  }
  .page-school_search .aboutArea {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 46px;
    padding-left: 14px;
  }
  .page-school_search .aboutArea >div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 62%;
    -ms-flex: 1 0 62%;
    flex: 1 0 62%;
    max-width: 62%;
  }
  .page-school_search .aboutArea >.aboutMyShopLink {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 27%;
    -ms-flex: 1 0 27%;
    flex: 1 0 27%;
    max-width: 27%;
  }
  .page-school_search .aboutArea >.aboutMyShopLink a {
    display: inline-block;
    padding-left: 44px;
    position: relative;
    text-decoration: none;
  }
  .page-school_search .aboutArea >.aboutMyShopLink a:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 27px;
    line-height: 1;
  }
  .page-school_search .aboutArea >.aboutMyShopLink a span {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-decoration: underline;
  }
  .page-school_search .aboutArea >.aboutMyShopLink a:hover span {
    text-decoration: none;
  }
  .page-school_search .aboutArea .btn1 a:before {
    font-size: 19px;
  }
  .page-school_search #searchByArea {
    border-top: 1px solid #e5e5e5;
    padding: 50px 0 0;
    margin-top: 50px;
  }
  .page-school_search #searchByArea >.title {
    font-size: 15px;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
  }
  .page-school_search #searchByArea .selectWrap {
    display: block;
  }
  .page-school_search #searchByArea dl {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 10px;
  }
  .page-school_search #searchByArea dl dt {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 33%;
    -ms-flex: 1 0 33%;
    flex: 1 0 33%;
    max-width: 33%;
  }
  .page-school_search #searchByArea dl dt span {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
  }
  .page-school_search #searchByArea dl.required dt span {
    position: relative;
    padding-right: 60px;
  }
  .page-school_search #searchByArea dl.required dt span:after {
    content: '必須';
    position: absolute;
    top: -3px;
    right: 0;
    background-color: #ed1350;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 6px 9px;
  }
  .page-school_search #searchByArea dl dd {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2 0 67%;
    -ms-flex: 2 0 67%;
    flex: 2 0 67%;
    max-width: 67%;
  }
  .page-school_search #searchByArea dl dd > p.errorTxt {
    display: none;
  }
  .page-school_search #searchByArea dl.error {
    position: relative;
    margin-top: 12px;
  }
  .page-school_search #searchByArea dl.error dt {
    padding-top: 23px;
  }
  .page-school_search #searchByArea dl.error dd {
    padding-top: 23px;
  }
  .page-school_search #searchByArea dl.error dd >p.errorTxt {
    position: absolute;
    top: 0;
    left: 33%;
    padding-bottom: 9px;
    display: block;
    font-size: 12px;
    letter-spacing: 1.5px;
    color: #f00;
  }
  .page-school_search .searchBtnArea {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 85%;
    margin: 35px auto 0;
  }
  .page-school_search .searchBtnArea >div:nth-of-type(1) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 72%;
    -ms-flex: 1 0 72%;
    flex: 1 0 72%;
    max-width: 72%;
    margin: 0;
  }
  .page-school_search .searchBtnArea >div:nth-of-type(2) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 24%;
    -ms-flex: 1 0 24%;
    flex: 1 0 24%;
    max-width: 24%;
    margin: 0;
  }
  .page-school_search .searchBtnArea .btn2 a {
    padding: 12px 0 11px;
  }
  .page-school_search .searchBtnArea .btn2 a > span {
    font-size: 16px;
  }
  .page-school_search .searchBtnArea .btn4 a {
    padding: 12px 0 12px;
  }
  .page-school_search .searchBtnArea .btn4 a > span {
    font-size: 15px;
  }
  .page-school_search .searchBtnArea .btn4 a:before {
    font-size: 12px;
  }
  .page-school_search #searchByGenre {
    border-top: 1px solid #e5e5e5;
    padding: 50px 0 0;
    margin-top: 54px;
  }
  .page-school_search #searchByGenre >.wrap {
    border-radius: 3px;
    overflow: hidden;
  }
  .page-school_search #searchByGenre >.wrap >.title {
    background-color: #4c4c4c;
    border: 1px solid #4c4c4c;
    display: block;
    text-align: center;
    padding: 13px 30px 12px;
    cursor: pointer;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -ms-transition: opacity 200ms;
    transition: opacity 200ms;
    position: relative;
  }
  .page-school_search #searchByGenre >.wrap >.title:after {
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-school_search #searchByGenre >.wrap >.title.open:after {
    font-family: icomoon;
    content: '\e931';
    font-weight: normal;
  }
  .page-school_search #searchByGenre >.wrap >.title:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .page-school_search #searchByGenre >.wrap >.title span {
    color: #fff;
    font-size: 14px;
    padding-left: 28px;
    position: relative;
  }
  .page-school_search #searchByGenre >.wrap >.title span:before {
    font-family: icomoon;
    content: '\e948';
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: -6px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-school_search #searchByGenre >.wrap >.wrap {
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 35px 36px;
  }
  .page-school_search #searchByGenre >.wrap >.wrap >p {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 24px;
  }
  .page-school_search #searchByGenre >.wrap >.wrap input[type='checkbox'] + span {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt';
    padding: 0 0 0 40px;
  }
  .page-school_search #searchByGenre >.wrap >.wrap .checkboxWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 230px;
  }
  .page-school_search #searchByGenre >.wrap >.wrap .checkboxWrap label {
    padding-top: 7px;
    padding-bottom: 6px;
    width: 35%;
  }
  .page-school_search #searchByGenre >.wrap >.wrap .searchBtnArea {
    margin-top: 29px;
    width: 94%;
  }
  .page-school_search #searchResult {
    padding: 58px 0 0;
  }
  .page-school_search #searchResult >.title {
    border-bottom: 2px solid #414e3d;
    color: #414e3d;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1em;
    margin-bottom: 25px;
    padding: 0 0 26px 47px;
    position: relative;
  }
  .page-school_search #searchResult >.title:before {
    position: absolute;
    top: 0.6em;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #414e3d;
    font-family: icomoon;
    content: '\e923';
    font-weight: normal;
    font-size: 30px;
    display: inline-block;
    margin-right: 5px;
  }
  .page-school_search #searchResult >.title .num {
    color: #4c4c4c;
    font-size: 24px;
    padding: 0 4px 0 17px;
  }
  .page-school_search #searchResult >.title .unit {
    font-size: 18px;
  }
  .page-school_search #searchResult .optionArea dl {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-school_search #searchResult .optionArea dl dt {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 5.6em;
    -ms-flex: 1 0 5.6em;
    flex: 1 0 5.6em;
    max-width: 5.6em;
  }
  .page-school_search #searchResult .optionArea dl dt span {
    font-size: 16px;
    font-weight: bold;
  }
  .page-school_search #searchResult .optionArea dl dd {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2 0 auto;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
    max-width: none;
  }
  .page-school_search #searchResult .optionArea dl dd .selectWrap {
    min-width: 26%;
  }
  .page-school_search #searchResult .articleList {
    padding-top: 24px;
  }
  .page-school_search #searchResult .moreBtnWrap {
    margin: 46px 0 0;
  }
  .page-school_search #searchResult .moreBtnWrap .moreBtn {
    background-color: #4c4c4c;
    border-radius: 3px;
    display: block;
    text-align: center;
    padding: 13px 30px 12px;
    cursor: pointer;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -ms-transition: opacity 200ms;
    transition: opacity 200ms;
  }
  .page-school_search #searchResult .moreBtnWrap .moreBtn:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .page-school_search #searchResult .moreBtnWrap .moreBtn span {
    color: #fff;
    font-size: 14px;
    padding-left: 40px;
    letter-spacing: 0.08em;
    position: relative;
  }
  .page-school_search #searchResult .moreBtnWrap .moreBtn span:before {
    font-family: icomoon;
    content: '\e94a';
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-school_search #searchResult .searchErrorWrap >p {
    font-size: 15px;
    line-height: 1.8;
    margin: 36px 0;
    letter-spacing: 0.03em;
  }
  .page-school_search #searchResult .searchErrorWrap >.btnMore {
    margin-top: 54px;
  }
  .page-school_search_detail {
    margin-top: -58px;
  }
  .page-school_search_detail .colmun-history {
    padding: 56px 0 104px;
  }
  .page-school_search_detail .side-history {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .page-school_search_detail .content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .page-school_search_detail .content >section.schoolInfo {
    position: relative;
    padding: 33px 39px 66px 40px;
  }
  .page-school_search_detail .content >section.schoolInfo:before {
    width: 56px;
    height: 60px;
    content: '';
    position: absolute;
    left: 50%;
    top: -24px;
    background-image: url("/common/images/icons_clip.svg");
    background-repeat: no-repeat;
    -webkit-background-size: 56px 59px;
    -moz-background-size: 56px 59px;
    background-size: 56px 59px;
    margin-left: -28px;
  }
  .page-school_search_detail .content >section.schoolInfo .head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category:before {
    font-size: 45px;
    color: #4c4c4c;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category span {
    color: #4c4c4c;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.1em;
    padding-left: 5px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-resinClay:before {
    font-family: icomoon;
    content: '\e93f';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-campaign:before {
    font-family: icomoon;
    content: '\e935';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-flyer:before {
    font-family: icomoon;
    content: '\e938';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-knitting:before {
    font-family: icomoon;
    content: '\e93a';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-media:before {
    font-family: icomoon;
    content: '\e93b';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category.cat-news:before {
    font-family: icomoon;
    content: '\e93c';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2 {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 5px;
    margin-top: -12px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2:before {
    font-size: 42px;
    color: #c9c9c9;
    display: inline-block;
    vertical-align: middle;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2 span {
    color: #999;
    font-size: 15px;
    font-feature-settings: 'palt';
    line-height: 1.5;
    letter-spacing: 0.05em;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 0 0 5px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-movie:before {
    font-size: 19px;
    font-family: icomoon;
    content: '\e944';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-movie span {
    padding-left: 11px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-book:before {
    font-size: 19px;
    font-family: icomoon;
    content: '\e943';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-book span {
    padding-left: 11px;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-productInformation:before {
    font-family: icomoon;
    content: '\e93e';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-workshop:before {
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .head .category2.cat2-notification:before {
    font-family: icomoon;
    content: '\e93d';
    font-weight: normal;
  }
  .page-school_search_detail .content >section.schoolInfo .schoolName {
    position: relative;
    padding-top: 20px;
    padding-bottom: 34px;
  }
  .page-school_search_detail .content >section.schoolInfo .schoolName h1 {
    font-size: 35px;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #41503d;
  }
  .page-school_search_detail .content >section.schoolInfo .schoolName:after {
    position: absolute;
    bottom: 0;
    content: '';
    width: 100%;
    height: 4px;
    background-image: -webkit-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -moz-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -o-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -ms-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: linear-gradient(to right, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 4px;
    -moz-background-size: 6px 4px;
    background-size: 6px 4px;
    background-position: left bottom;
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList {
    margin-top: 28px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto {
    width: 570px;
    margin-right: 20px;
    position: relative;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto:after {
    content: '';
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    bottom: 22px;
    right: 22px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/common/images/icon_zoom.svg");
    pointer-events: none;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul {
    position: relative;
    width: 100%;
    padding-top: 56.1%;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li a {
    display: block;
    overflow: hidden;
    position: relative;
    height: 320px;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li a > .image,
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li .image {
    position: relative;
    display: block;
    height: 100%;
    text-align: center;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li a > .image img,
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .mainPhoto ul li .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    max-height: 100%;
    vertical-align: top;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 167px;
    margin: 0 auto auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner {
    overflow: hidden;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner > ul {
    font-size: 0;
    margin: -10px -8px;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner > ul > li {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 8px;
    vertical-align: top;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner > ul > li:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner > ul > li div.listInner {
    border: 2px solid transparent;
    border-radius: 3px;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner > ul > li div.listInner > .image {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 100%;
    padding-top: 56.1%;
  }
  .page-school_search_detail .content >section.schoolInfo .thumbnailList .listWrap .inner > ul > li.imgCurrent div.listInner {
    border: 2px solid #414e3d;
  }
  .page-school_search_detail .content >section.schoolInfo .textBlock {
    padding-top: 26px;
  }
  .page-school_search_detail .content >section.schoolInfo .textBlock > p {
    font-size: 15px;
    line-height: 1.8;
    color: #4c4c4c;
  }
  .page-school_search_detail .content >section.schoolInfo .textBlock > p + p {
    padding-top: 13px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList {
    margin: 46px 0 54px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list .infoTitle {
    width: 150px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list .infoTitle .wrap:before {
    padding-right: 14px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list .infoTitle .wrap > span {
    letter-spacing: 1px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list .detail .detailInner {
    padding: 22px 34px 21px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list .detail .detailInner .row .name {
    width: 73px;
    padding: 7px 2px 7px 0;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list .detail .detailInner .row .item {
    padding: 7px 12px 7px 25px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list.schoolTime .detail .detailInner {
    padding: 22px 34px 21px 37px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list.schoolTime .detail .detailInner .row .item {
    letter-spacing: 3px;
    font-feature-settings: 'palt';
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list.shopAddress .detail .detailInner {
    padding: 24px 34px 28px 37px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list.staff .infoTitle span.wrap:before {
    padding-right: 20px;
    font-size: 21px;
    padding-left: 5px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list.staff .detail .detailInner {
    padding: 23px 34px 23px 37px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list.price .detail .detailInner {
    padding: 22px 34px 21px 37px;
  }
  .page-school_search_detail .content >section.schoolInfo .informationList .list.price .detail .detailInner .row .item .txt1 {
    letter-spacing: 3px;
  }
  .page-school_search_detail .content >section.schoolInfo .btnMore {
    margin-top: 25px;
    width: 446px;
  }
  .page-school_search_detail .content >section.schoolInfo .btnMore > a {
    padding-bottom: 16px;
  }
  .page-shop_search {
    margin-top: -58px;
  }
  .page-shop_search .colmun-history {
    padding: 56px 0 101px;
  }
  .page-shop_search .content >section + section {
    margin-top: 58px;
  }
  .page-shop_search #searchArea {
    padding: 48px 40px 68px;
    position: relative;
  }
  .page-shop_search #searchArea:before {
    content: '';
    display: block;
    background: url("/common/images/icons_clip.svg") left top no-repeat;
    -webkit-background-size: 59px 59px;
    -moz-background-size: 59px 59px;
    background-size: 59px 59px;
    width: 59px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -43%);
    -moz-transform: translate(-50%, -43%);
    -o-transform: translate(-50%, -43%);
    -ms-transform: translate(-50%, -43%);
    transform: translate(-50%, -43%);
  }
  .page-shop_search #searchArea >.title1 >.wrap .icon {
    margin-left: -4px;
  }
  .page-shop_search #searchArea >.title1 >.wrap .icon:before {
    font-size: 30px;
  }
  .page-shop_search #searchArea >.title1 >.wrap .titleText {
    letter-spacing: 0.1em;
  }
  .page-shop_search #searchByArea {
    margin-top: 42px;
  }
  .page-shop_search #searchByArea >.title {
    font-size: 15px;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
  }
  .page-shop_search #searchByArea .selectWrap {
    display: block;
  }
  .page-shop_search #searchByArea dl {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 10px;
  }
  .page-shop_search #searchByArea dl dt {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 33%;
    -ms-flex: 1 0 33%;
    flex: 1 0 33%;
    max-width: 33%;
  }
  .page-shop_search #searchByArea dl dt span {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
  }
  .page-shop_search #searchByArea dl.required dt span {
    position: relative;
    padding-right: 60px;
  }
  .page-shop_search #searchByArea dl.required dt span:after {
    content: '必須';
    position: absolute;
    top: -3px;
    right: 0;
    background-color: #ed1350;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 6px 9px;
  }
  .page-shop_search #searchByArea dl dd {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2 0 67%;
    -ms-flex: 2 0 67%;
    flex: 2 0 67%;
    max-width: 67%;
  }
  .page-shop_search #searchByArea dl dd > p.errorTxt {
    display: none;
  }
  .page-shop_search #searchByArea dl.error {
    position: relative;
    margin-top: 12px;
  }
  .page-shop_search #searchByArea dl.error dt {
    padding-top: 23px;
  }
  .page-shop_search #searchByArea dl.error dd {
    padding-top: 23px;
  }
  .page-shop_search #searchByArea dl.error dd >p.errorTxt {
    position: absolute;
    top: 0;
    left: 33%;
    padding-bottom: 9px;
    display: block;
    font-size: 12px;
    letter-spacing: 1.5px;
    color: #f00;
  }
  .page-shop_search .searchBtnArea {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 85%;
    margin: 40px auto 0;
  }
  .page-shop_search .searchBtnArea >div:nth-of-type(1) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 72%;
    -ms-flex: 1 0 72%;
    flex: 1 0 72%;
    max-width: 72%;
    margin: 0;
  }
  .page-shop_search .searchBtnArea >div:nth-of-type(2) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 24%;
    -ms-flex: 1 0 24%;
    flex: 1 0 24%;
    max-width: 24%;
    margin: 0;
  }
  .page-shop_search .searchBtnArea .btn2 a {
    padding: 12px 0 11px;
  }
  .page-shop_search .searchBtnArea .btn2 a > span {
    font-size: 16px;
  }
  .page-shop_search .searchBtnArea .btn4 a {
    padding: 12px 0 12px;
  }
  .page-shop_search .searchBtnArea .btn4 a > span {
    font-size: 15px;
  }
  .page-shop_search .searchBtnArea .btn4 a:before {
    font-size: 12px;
  }
  .page-shop_search #searchByConditions {
    border-top: 1px solid #e5e5e5;
    padding: 50px 0 0;
    margin-top: 50px;
  }
  .page-shop_search #searchByConditions >.wrap {
    border-radius: 3px;
    overflow: hidden;
  }
  .page-shop_search #searchByConditions >.wrap >.title {
    background-color: #4c4c4c;
    border: 1px solid #4c4c4c;
    display: block;
    text-align: center;
    padding: 13px 30px 12px;
    cursor: pointer;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -ms-transition: opacity 200ms;
    transition: opacity 200ms;
    position: relative;
  }
  .page-shop_search #searchByConditions >.wrap >.title:after {
    font-family: icomoon;
    content: '\e930';
    font-weight: normal;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-shop_search #searchByConditions >.wrap >.title.open:after {
    font-family: icomoon;
    content: '\e931';
    font-weight: normal;
  }
  .page-shop_search #searchByConditions >.wrap >.title:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .page-shop_search #searchByConditions >.wrap >.title span {
    color: #fff;
    font-size: 14px;
    padding-left: 28px;
    position: relative;
  }
  .page-shop_search #searchByConditions >.wrap >.title span:before {
    font-family: icomoon;
    content: '\e948';
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: -6px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-shop_search #searchByConditions >.wrap >.wrap {
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 35px 36px 40px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap >p {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 24px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap input[type='checkbox'] + span {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt';
    padding: 0 0 0 40px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap >.title,
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap >.title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 26px;
    letter-spacing: 0.07em;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap {
    background-color: #f7f7f7;
    border: 1px solid #efefef;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap + .checkboxWrap {
    margin-top: 10px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap label {
    padding: 11px 19px;
    width: 100%;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap label input[type="checkbox"] + span {
    padding-left: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap label input[type="checkbox"] + span:before,
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap label input[type="checkbox"] + span:after {
    top: 50%;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap label input[type="checkbox"] + span:before {
    background-color: #fff;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    vertical-align: middle;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 83px;
    -ms-flex: 0 1 83px;
    flex: 0 1 83px;
    padding: 0 0 0 28px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span:nth-child(2),
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span:nth-child(3) {
    -webkit-flex-basis: 69px;
    flex-basis: 69px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span:nth-child(4) {
    -webkit-flex-basis: 86px;
    flex-basis: 86px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span.logo_st-toremu {
    -webkit-flex-basis: 120px;
    flex-basis: 120px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchTypeWrap .checkboxWrap .logoWrap >span img {
    width: 100%;
    height: auto;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap {
    background-image: -webkit-linear-gradient(left, #e5e5e5 0%, #e5e5e5 40%, rgba(229,229,229,0) 40%, rgba(229,229,229,0) 100%);
    background-image: -moz-linear-gradient(left, #e5e5e5 0%, #e5e5e5 40%, rgba(229,229,229,0) 40%, rgba(229,229,229,0) 100%);
    background-image: -o-linear-gradient(left, #e5e5e5 0%, #e5e5e5 40%, rgba(229,229,229,0) 40%, rgba(229,229,229,0) 100%);
    background-image: -ms-linear-gradient(left, #e5e5e5 0%, #e5e5e5 40%, rgba(229,229,229,0) 40%, rgba(229,229,229,0) 100%);
    background-image: linear-gradient(to right, #e5e5e5 0%, #e5e5e5 40%, rgba(229,229,229,0) 40%, rgba(229,229,229,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 1px;
    -moz-background-size: 6px 1px;
    background-size: 6px 1px;
    margin-top: 30px;
    padding-top: 30px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap >.title {
    margin-bottom: 17px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap label {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 47%;
    -ms-flex: 1 0 47%;
    flex: 1 0 47%;
    max-width: 47%;
    margin: 11px 0;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap label:nth-of-type(odd) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 51.8%;
    -ms-flex: 1 0 51.8%;
    flex: 1 0 51.8%;
    max-width: 51.8%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 38px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap label input[type="checkbox"] + span:before,
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap label input[type="checkbox"] + span:after {
    top: 50%;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap .icon {
    display: block;
    padding-left: 45px;
    position: relative;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchFeatureWrap .checkboxWrap .icon:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 31px;
  }
  .page-shop_search #searchByConditions >.wrap >.wrap .searchBtnArea {
    margin-top: 29px;
    width: 94%;
  }
  .page-shop_search #searchResult {
    padding: 58px 0 0;
    position: relative;
  }
  .page-shop_search #searchResult >.title {
    border-bottom: 2px solid #414e3d;
    color: #414e3d;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1em;
    margin-bottom: 25px;
    padding: 0 0 26px 47px;
    position: relative;
  }
  .page-shop_search #searchResult >.title:before {
    position: absolute;
    top: 0.6em;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #414e3d;
    font-family: icomoon;
    content: '\e923';
    font-weight: normal;
    font-size: 30px;
    display: inline-block;
    margin-right: 5px;
  }
  .page-shop_search #searchResult >.title .num {
    color: #4c4c4c;
    font-size: 24px;
    padding: 0 4px 0 17px;
  }
  .page-shop_search #searchResult >.title .unit {
    font-size: 18px;
  }
  .page-shop_search #searchResult >.title .Attention {
    font-size: 14px;
    color:#e5001f;
  }
  .page-shop_search #searchResult .iconHelp {
    position: absolute;
    top: 72px;
    right: 0;
  }
  .page-shop_search #searchResult .iconHelp a {
    display: inline-block;
    padding-left: 42px;
    position: relative;
    text-decoration: none;
  }
  .page-shop_search #searchResult .iconHelp a:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 29px;
    line-height: 1;
  }
  .page-shop_search #searchResult .iconHelp a span {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.05em;
    font-feature-settings: 'palt';
    text-decoration: underline;
  }
  .page-shop_search #searchResult .iconHelp a:hover span {
    text-decoration: none;
  }
  .page-shop_search #searchResult .articleList {
    padding-top: 19px;
  }
  .page-shop_search #searchResult .moreBtnWrap {
    margin: 37px 0 0;
  }
  .page-shop_search #searchResult .moreBtnWrap .moreBtn {
    background-color: #4c4c4c;
    border-radius: 3px;
    display: block;
    text-align: center;
    padding: 13px 30px 12px;
    cursor: pointer;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -ms-transition: opacity 200ms;
    transition: opacity 200ms;
  }
  .page-shop_search #searchResult .moreBtnWrap .moreBtn:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  .page-shop_search #searchResult .moreBtnWrap .moreBtn span {
    color: #fff;
    font-size: 14px;
    padding-left: 40px;
    letter-spacing: 0.08em;
    position: relative;
  }
  .page-shop_search #searchResult .moreBtnWrap .moreBtn span:before {
    font-family: icomoon;
    content: '\e94a';
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-shop_search #searchResult .searchErrorWrap >p {
    font-size: 15px;
    line-height: 1.8;
    margin: 36px 0;
    letter-spacing: 0.03em;
  }
  .page-shop_search #searchResult .searchErrorWrap >.btnMore {
    margin-top: 54px;
  }
  .page-shop_search_detail {
    margin-top: -58px;
  }
  .page-shop_search_detail .colmun-history {
    padding: 56px 0 106px;
  }
  .page-shop_search_detail .side-history {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .page-shop_search_detail .content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .page-shop_search_detail .content .sectionTtl {
    padding-bottom: 10px;
    border-bottom: 2px solid #414e3d;
  }
  .page-shop_search_detail .content .sectionTtl > h2 {
    position: relative;
    padding: 10px 35px 10px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-shop_search_detail .content .sectionTtl > h2.icon-news:before {
    content: '';
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    padding-right: 10px;
    width: 34px;
    height: 26px;
    background-image: url("/common/images/icon_news.svg");
    background-repeat: no-repeat;
    -webkit-background-size: 34px 26px;
    -moz-background-size: 34px 26px;
    background-size: 34px 26px;
  }
  .page-shop_search_detail .content .sectionTtl > h2.icon-workshop:before {
    content: '';
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    padding-right: 10px;
    width: 22px;
    height: 26px;
    font-family: icomoon;
    content: '\e942';
    font-weight: normal;
    font-size: 29px;
    color: #4c4c4c;
    -webkit-transform: scale(1.3) translateY(-7px) translateX(-4px);
    -moz-transform: scale(1.3) translateY(-7px) translateX(-4px);
    -o-transform: scale(1.3) translateY(-7px) translateX(-4px);
    -ms-transform: scale(1.3) translateY(-7px) translateX(-4px);
    transform: scale(1.3) translateY(-7px) translateX(-4px);
  }
  .page-shop_search_detail .content .sectionTtl > h2.icon-recruitment:before {
    content: '';
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    padding-right: 7px;
    font-size: 31px;
    color: #414e3d;
    background-repeat: no-repeat;
    font-family: icomoon;
    content: '\e954';
    font-weight: normal;
  }
  .page-shop_search_detail .content .sectionTtl > h2 > .txt {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    font-size: 24px;
    font-weight: bold;
    color: #414e3d;
  }
  .page-shop_search_detail .content .sectionTtl > h2 .arrow {
    display: none;
  }
  .page-shop_search_detail .content >section.shopInfo {
    padding: 0 41px 68px 39px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead {
    position: relative;
    margin: 0 0 0;
    padding: 30px 0 0;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead:before {
    width: 59px;
    height: 60px;
    content: '';
    position: absolute;
    left: 50%;
    top: -24px;
    background-image: url("/common/images/icons_clip.svg");
    background-repeat: no-repeat;
    -webkit-background-size: 59px 59px;
    -moz-background-size: 59px 59px;
    background-size: 59px 59px;
    margin-left: -29.5px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .shopLogo {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: 95px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .shopLogo img {
    width: 100%;
    height: auto;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .btn1 {
    margin-right: 0;
    margin-left: 0;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .btn1 > a {
    padding: 6px 17px 8px 18px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .btn1 > a > span {
    font-size: 12px;
    letter-spacing: 0.7px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .btn1 > a:before {
    font-size: 12px;
    margin-right: 7px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .head .btn1 > a:after {
    display: none;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .shopName {
    position: relative;
    padding-top: 20px;
    padding-bottom: 34px;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .shopName .wrap {
    font-size: 35px;
    font-weight: bold;
    letter-spacing: -0.04em;
    line-height: 1.2;
    color: #41503d;
  }
  .page-shop_search_detail .content >section.shopInfo .infoHead .shopName:after {
    position: absolute;
    bottom: 0;
    content: '';
    width: 100%;
    height: 4px;
    background-image: -webkit-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -moz-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -o-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: -ms-linear-gradient(left, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    background-image: linear-gradient(to right, #41503d 0%, #41503d 40%, rgba(65,80,61,0) 40%, rgba(65,80,61,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 6px 4px;
    -moz-background-size: 6px 4px;
    background-size: 6px 4px;
    background-position: left bottom;
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
  }
  .page-shop_search_detail .content >section.shopInfo .overview {
    padding-top: 26px;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner {
    word-break: break-all;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 102px;
    font-size: 0;
    position: relative;
    padding: 7px 2px 7px 0;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name:before {
    font-size: 22px;
    color: #4b4b4b;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    width: 25px;
    padding-right: 7px;
    font-family: icomoon;
    content: '\e90c';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name.icon-clock2:before {
    font-family: icomoon;
    content: '\e955';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name.icon-event2:before {
    font-family: icomoon;
    content: '\e956';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name.icon-shop_phone:before {
    font-size: 20px;
    font-family: icomoon;
    content: '\e953';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name:after {
    content: ':';
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    margin-top: -3px;
    font-size: 14px;
    font-weight: bold;
    color: #4c4c4c;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .name .txt {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    font-size: 14px;
    line-height: 1.468;
    font-weight: bold;
    color: #4c4c4c;
    letter-spacing: 0.7px;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    font-size: 14px;
    line-height: 1.468;
    color: #4c4c4c;
    letter-spacing: 0.7px;
    padding: 7px 0 7px 19px;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    font-feature-settings: 'normal';
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item .openTime1 {
    padding: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item .closedText1 {
    padding: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item .closedText2 {
    padding: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item.phone {
    padding-top: 3px;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item.phone .pc .phoneNum {
    font-size: 26px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item.phone .sp {
    display: block;
    text-decoration: none;
  }
  .page-shop_search_detail .content >section.shopInfo .overview .overviewInner .row .item.phone .sp .phoneNum {
    font-size: 26px;
    line-height: 1;
    font-weight: bold;
    color: #c8c367;
    letter-spacing: 0.1em;
  }
  .page-shop_search_detail .content >section.shopInfo .map {
    margin-top: 14px;
  }
  .page-shop_search_detail .content >section.shopInfo .map #mapField {
    width: 100%;
    height: 326px;
  }
  .page-shop_search_detail .content >section.shopInfo .map #mapField2 {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
  }
  .page-shop_search_detail .content >section.shopInfo .map #mapField2 iframe,
  .page-shop_search_detail .content >section.shopInfo .map #mapField2 object,
  .page-shop_search_detail .content >section.shopInfo .map #mapField2 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 20px 0 0;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps {
    display: none;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps p {
    display: inline-block;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps p a {
    display: block;
    font-size: 0;
    text-decoration: none;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps p a:before {
    font-size: 17px;
    color: #41503d;
    width: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 7px;
    font-family: icomoon;
    content: '\e950';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps p a > span {
    font-size: 12px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .mapApps p a:after {
    font-size: 10px;
    color: #ccc;
    width: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-left: 5px;
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 15px;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap p {
    display: inline-block;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap p a {
    display: block;
    font-size: 0;
    text-decoration: none;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap p a:before {
    font-size: 23px;
    color: #41503d;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-right: 9px;
    font-family: icomoon;
    content: '\e94f';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap p a > span {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    text-decoration: underline;
    letter-spacing: -0.3px;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap p a:after {
    font-size: 10px;
    color: #ccc;
    width: 7px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-left: 13px;
    font-family: icomoon;
    content: '\e933';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .map .mapDetail .showDetailmap p a:hover span {
    text-decoration: none;
  }
  .page-shop_search_detail .content >section.shopInfo .informationList {
    margin: 25px 0 57px;
  }
  .page-shop_search_detail .content >section.shopInfo .informationList .list.storeDetail .infoTitle {
    width: 146px;
    padding: 26px 16px 26px 16px;
  }
  .page-shop_search_detail .content >section.shopInfo .informationList .list.storeDetail .infoTitle span.wrap {
    letter-spacing: 1.7px;
  }
  .page-shop_search_detail .content >section.shopInfo .informationList .list.storeDetail .infoTitle span.wrap:before {
    padding-right: 15px;
    font-size: 21px;
  }
  .page-shop_search_detail .content >section.shopInfo .informationList .list.storeDetail .infoTitle.icon-store span.wrap:before {
    font-size: 17px;
  }
  .page-shop_search_detail .content >section.shopInfo .informationList .list.access .infoTitle {
    width: 146px;
    padding: 26px 16px 26px 16px;
  }
  .page-shop_search_detail .content >section.shopInfo .informationList .list.access .detail .detailInner {
    padding: 23px 20px 25px 35px;
  }
  .page-shop_search_detail .content >section.shopInfo .informationList .list.storeDetail .detail .detailInner {
    padding: 20px 20px 13px 36px;
  }
  .page-shop_search_detail .content >section.shopInfo .informationList .list.storeDetail .detail .detailInner .row .name {
    width: 86px;
  }
  .page-shop_search_detail .content >section.shopInfo .informationList .list.storeDetail .detail .detailInner .row .item .txt {
    letter-spacing: 1.2px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .sectionTtl {
    padding-bottom: 26px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .sectionTtl > h2.icon-news {
    padding: 9px 35px 10px 0;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .sectionTtl > h2.icon-news:before {
    padding-right: 15px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .sectionTtl > h2.icon-news .txt {
    letter-spacing: 2px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail {
    padding: 40px 0 42px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner {
    border: 1px solid #e5e5e5;
    background-color: #fff;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock {
    overflow-y: scroll;
    padding: 26px 26px 27px 20px;
    height: 228px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li {
    margin-top: 34px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li:first-child {
    margin-top: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .date {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .date >span {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    font-size: 15px;
    line-height: 1.2;
    font-weight: bold;
    font-feature-settings: 'palt';
    color: #4c4c4c;
    padding: 0 20px 0 6px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .date:before {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    content: '';
    display: block;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    flex-shrink: 2;
    height: 2px;
    background-image: -webkit-linear-gradient(left, #eee 0%, #eee 40%, rgba(238,238,238,0) 40%, rgba(238,238,238,0) 100%);
    background-image: -moz-linear-gradient(left, #eee 0%, #eee 40%, rgba(238,238,238,0) 40%, rgba(238,238,238,0) 100%);
    background-image: -o-linear-gradient(left, #eee 0%, #eee 40%, rgba(238,238,238,0) 40%, rgba(238,238,238,0) 100%);
    background-image: -ms-linear-gradient(left, #eee 0%, #eee 40%, rgba(238,238,238,0) 40%, rgba(238,238,238,0) 100%);
    background-image: linear-gradient(to right, #eee 0%, #eee 40%, rgba(238,238,238,0) 40%, rgba(238,238,238,0) 100%);
    -webkit-background-size: 8px 2px;
    -moz-background-size: 8px 2px;
    background-size: 8px 2px;
    background-repeat: repeat-x;
    -webkit-background-size: 8px 1px;
    -moz-background-size: 8px 1px;
    background-size: 8px 1px;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .textBlock {
    margin-top: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .textBlock:before {
    content: '・';
    font-size: 16px;
    line-height: 1.3;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .textBlock .inner {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .textBlock .inner .ttl {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.3;
    font-weight: bold;
    color: #414e3d;
  }
  .page-shop_search_detail .content >section.shopInfo .shopNews .detail .detailInner .newsBlock ul li .textBlock .inner .newsTxt {
    padding-top: 5px;
    font-size: 14px;
    line-height: 1.571;
    letter-spacing: 0.04em;
    color: #4c4c4c;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .sectionTtl {
    padding-bottom: 20px;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .sectionTtl > h2.icon-workshop {
    padding-left: 7px;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .sectionTtl > h2.icon-workshop:before {
    padding-right: 10px;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner {
    padding: 43px 0 50px;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .listLayout4 .listArticle3 .head .category2 span {
    padding-top: 10px;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList {
    margin-top: 52px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #4c4c4c;
    border: 2px solid #4c4c4c;
    padding: 9px 0 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList a.icon:before {
    color: #fff;
    margin-right: 15px;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    font-size: 19px;
    font-family: icomoon;
    content: '\e94a';
    font-weight: normal;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList a >span {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.07em;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList a:hover {
    background-color: #949494;
    border-color: #949494;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList a:hover.icon:before {
    color: #fff;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList a:hover:after,
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMoreList a:hover >span {
    color: #fff;
  }
  .page-shop_search_detail .content >section.shopInfo .workshop .detail .detailInner .btnMore {
    margin-top: 24px;
    width: 446px;
  }
  .page-shop_search_detail .content >section.shopInfo .recruitment {
    padding-top: 37px;
    border-top: 1px solid #e5e5e5;
  }
  .page-shop_search_detail .content >section.shopInfo .recruitment .sectionTtl {
    padding-bottom: 21px;
  }
  .page-shop_search_detail .content >section.shopInfo .recruitment .detail {
    padding: 35px 3px 58px;
  }
  .page-shop_search_detail .content >section.shopInfo .recruitment .detail .detailInner p {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.01em;
    color: #4c4c4c;
  }
  .page-shop_search_detail .content >section.shopInfo .recruitment .btnMore {
    margin-top: 25px;
    width: 446px;
  }
}
/* for IE 11 */
@media all and (-ms-high-contrast: none) {
  ul,
  ol {
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  }
}
@media all and (-ms-high-contrast: none) and (max-width: 768px) {
  #header .headContent .wrap .headLogo {
    -webkit-flex-basis: 65px;
    flex-basis: 65px;
  }
  #header .headContent .wrap .loginArea {
    -webkit-flex-basis: 85px;
    flex-basis: 85px;
  }
}
/* for edge */
_:-ms-lang(x) ul,
_::-webkit-meter-bar ul,
#mypageHeader ul,
#fixedHeader ul,
_:-ms-lang(x) ol,
_::-webkit-meter-bar ol,
#mypageHeader ol,
#fixedHeader ol {
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}