@charset "UTF-8";
/*
 * Base Styles
 * Date: 2016-04-08
 */
/*
 * Date: 2015-08-10
 */
/* ---------------------------------------------------------------------
  reset
 --------------------------------------------------------------------- */
html {
  overflow-y: scroll;
  font-size: 10px;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
small,
code,
em,
i,
b,
img,
q,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  outline: 0;
  font-style: normal;
  font-weight: normal;
  -webkit-appearance: none;
}

main,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

ol li,
ul li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

blockquote,
q {
  quotes: none;
}

a,
img,
fieldset {
  border: 0;
}

img,
input,
textarea {
  vertical-align: middle;
}

input,
button {
  outline: none;
  font-family: inherit;
}

button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}

/* ------------------------------------------------------------ typography */
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
dt,
dd,
th,
td,
pre,
caption,
small,
button {
  line-height: 1.5;
  font-size: 10px;
}

p input,
p select,
p textarea,
li p,
li li,
li dt,
li dd,
li input,
li select,
li textarea,
dd p,
dd li,
dd dt,
dd dd,
dd input,
dd select,
dd textarea,
th p,
th li,
th dt,
th dd,
th input,
th select,
th textarea,
td p,
td li,
td dt,
td dd,
td input,
td select,
td textarea {
  font-size: 100%;
}

th {
  text-align: left;
}

/* ------------------------------------------------------------ link */
a:link, a:visited {
  text-decoration: none;
}

@media only screen and (min-width: 993px) {
  a:hover, a:active {
    text-decoration: underline;
  }
}

/* ---------------------------------------------------------------------
  layout
 --------------------------------------------------------------------- */
.container {
  margin: 0 auto;
  box-sizing: border-box;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

.container {
  *zoom: 1;
}

@media only screen and (min-width: 993px) {
  .container {
    padding: 0 16px;
    max-width: 992px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .container {
    padding: 0 24px;
  }
}

@media only screen and (max-width: 767px) {
  .container {
    padding: 0 10px;
  }
}

/* header fixed用のpadding */
header + .container,
header + .articleSummary-keyVisual,
header + .notification,
header + .authorProfileWrapper,
header + .authorProfileWrapper-bg {
  margin-top: 51px;
}

/* .header_mypage fixed用のpadding */
.header_mypage + .container {
  margin-top: 51px;
}

/* 2カラムの最初に見出しが来た場合の指定 */
@media only screen and (min-width: 993px) {
  .mainColumn .firstHeading:first-child {
    margin-top: 0;
  }
}

/*
.drawer_body,
aside.sideNav,
aside.sideNav_searchResultDrawer {
  display: none;
}
*/


.drawer_btn {
  z-index:120;
  position: fixed;
  bottom: 10px;
  left: 10px;
  width:98px;
  -webkit-transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  -moz-transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  -o-transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
  transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000);

  -webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);
  -moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);
  -o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000); 
  transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);
}

.sideNav_drawer {
  display:block;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  aside.sideNav,
  aside.sideNav_searchResultDrawer {
    display: block;
  }
}

@media only screen and (min-width: 993px) {
  .mainColumn.withNav {
    float: right;
    width: 75%;
  }
  .mainColumn.withAside {
    float: left;
    width: 66.6666%;
  }
  nav.sideNav,
  nav.sideNav_searchResultDrawer
   {
    float: left;
    width: 25%;
  }
  .drawer_body {
    display: block;
  }
  aside.sideNav,
  aside.sideNav_searchResultDrawer {
    display: block;
    float: right;
    width: 33.3333%;
  }
  header + .container,
  header + .articleSummary-keyVisual,
  header + .notification,
  header + .authorProfileWrapper,
  header + .authorProfileWrapper-bg  {
    margin-top: 70px;
  }
  .drawer_btn {
    display: none;
  }
}

/* ------------------------------------------------------------ col */
.row {
  clear: both;
}

.col01,
.col02,
.col03,
.col04,
.col05,
.col06,
.col07,
.col08,
.col09,
.col10,
.col11 {
  float: left;
  box-sizing: border-box;
}

.col01 {
  width: 8.3333%;
}

.col02 {
  width: 16.6666%;
}

.col03 {
  width: 25%;
}

.col04 {
  width: 33.3333%;
}

.col05 {
  width: 41.6666%;
}

.col06 {
  width: 50%;
}

.col07 {
  width: 58.3333%;
}

.col08 {
  width: 66.6666%;
}

.col09 {
  width: 75%;
}

.col10 {
  width: 83.3333%;
}

.col11 {
  width: 91.6666%;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .col01 {
    width: 11.1111%;
  }
  .col02 {
    width: 16.6666%;
  }
  .col03 {
    width: 25%;
  }
  .col04 {
    width: 33.3333%;
  }
  .col05 {
    width: 41.6666%;
  }
  .col06 {
    width: 50%;
  }
  .col07 {
    width: 58.3333%;
  }
  .col08 {
    width: 66.6666%;
  }
  .col09 {
    width: 75%;
  }
  .col10 {
    width: 83.3333%;
  }
  .col11 {
    width: 91.6666%;
  }
}

.mainColumn.withNav .col01 {
  width: 11.1111%;
}

.mainColumn.withNav .col02 {
  width: 22.2222%;
}

.mainColumn.withNav .col03 {
  width: 33.3333%;
}

.mainColumn.withNav .col04 {
  width: 44.4444%;
}

.mainColumn.withNav .col05 {
  width: 55.5555%;
}

.mainColumn.withNav .col06 {
  width: 66.6666%;
}

.mainColumn.withNav .col07 {
  width: 77.7777%;
}

.mainColumn.withNav .col08 {
  width: 88.8888%;
}

.mainColumn.withAside .col01 {
  width: 12.5%;
}

.mainColumn.withAside .col02 {
  width: 25%;
}

.mainColumn.withAside .col03 {
  width: 37.5%;
}

.mainColumn.withAside .col04 {
  width: 50%;
}

.mainColumn.withAside .col05 {
  width: 62.5%;
}

.mainColumn.withAside .col06 {
  width: 75%;
}

.mainColumn.withAside .col07 {
  width: 87.5%;
}

@media only screen and (max-width: 767px) {
  .col01-sp {
    width: 50%;
  }
  .col02-sp {
    width: 100%;
  }
  .mainColumn.withNav .col01-sp {
    width: 50%;
  }
  .mainColumn.withNav .col02-sp,
  .mainColumn.withNav .col01,
  .mainColumn.withNav .col02,
  .mainColumn.withNav .col03,
  .mainColumn.withNav .col04,
  .mainColumn.withNav .col05,
  .mainColumn.withNav .col06,
  .mainColumn.withNav .col07,
  .mainColumn.withNav .col08 {
    width: 100%;
  }
  .mainColumn.withAside .col01-sp {
    width: 50%;
  }
  .mainColumn.withAside .col02-sp,
  .mainColumn.withAside .col01,
  .mainColumn.withAside .col02,
  .mainColumn.withAside .col03,
  .mainColumn.withAside .col04,
  .mainColumn.withAside .col05,
  .mainColumn.withAside .col06,
  .mainColumn.withAside .col07 {
    width: 100%;
  }
}

nav.sideNav .col01 {
  width: 33.3333%;
}

nav.sideNav .col02 {
  width: 66.6666%;
}

aside.sideNav .col01 {
  width: 25%;
}

aside.sideNav .col02 {
  width: 50%;
}

aside.sideNav .col03 {
  width: 75%;
}

/* ------------------------------------------------------------ clearfix */
.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.row {
  *zoom: 1;
}

/* ------------------------------------------------------------ common */
.hide {
  display: none !important;
}

@media only screen and (min-width: 993px) {
  .forTab,
  .forSp,
  .forNotPc {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .forPc,
  .forSp,
  .forNotTab {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .forPc,
  .forTab,
  .forNotSp {
    display: none !important;
  }
}

/* ---------------------------------------------------------------------
  elements
 --------------------------------------------------------------------- */
html {
  background-color: #333;
}

@media only screen and (max-width: 767px) {
  html {
    background-color: transparent;
  }
}

body {
  color: #333;
  background-color: #FFF;
}

/* heading */
h1,
.titleXL {
  padding: 0;
  line-height: 1.3;
  border: none;
  font-weight: bold;
  background-color: transparent;
  margin: 40px 10px 20px;
  font-size: 3rem;
}

h2,
.titleL {
  padding: 0;
  line-height: 1.3;
  border: none;
  font-weight: bold;
  background-color: transparent;
  margin: 50px 10px 30px;
  padding: 30px 0 0;
  border-top: solid 4px #9BA9AB;
  font-size: 2.1rem;
}

@media only screen and (max-width: 767px) {
  h2,
  .titleL {
    margin-right: -10px;
    margin-left: -10px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

h3,
.titleM {
  padding: 0;
  line-height: 1.3;
  border: none;
  font-weight: bold;
  background-color: transparent;
  margin: 30px 10px 20px;
  padding: 10px;
  border-left: solid 4px #9BA9AB;
  font-size: 1.8rem;
  background-color: #FAFAFA;
}

h4,
.titleS {
  padding: 0;
  line-height: 1.3;
  border: none;
  font-weight: bold;
  background-color: transparent;
  margin: 0 10px 10px;
  font-size: 1.6rem;
}

h5,
.titleXS {
  padding: 0;
  line-height: 1.3;
  border: none;
  font-weight: bold;
  background-color: transparent;
  margin: 0 10px 10px;
  font-size: 1.4rem;
}

h6,
.titleXXS {
  padding: 0;
  line-height: 1.3;
  border: none;
  font-weight: bold;
  background-color: transparent;
  margin: 0 10px 10px;
  font-size: 1.2rem;
}

.firstHeading {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .firstHeading {
    margin-top: 0;
  }
}

p,
li,
dt,
dd,
th,
td,
pre,
caption,
small,
button {
  font-size: 1.4rem;
}

p {
  margin: 0 10px 20px;
}

/* links */
a {
  color: #007CA0;
}

a:hover {
  color: #008FB8;
  text-decoration: underline;
}

a:hover img {
  opacity: 0.8;
}

.bulletLink {
  padding-left: 8px;
  line-height: 1.3;
  background-image: url("../images/bullet_link.svg");
  background-repeat: no-repeat;
  background-position: left center;
}

/* text */
strong {
  font-weight: bold;
}

strong * {
  font-weight: bold;
}

.errorText {
  line-height: 1.3;
  color: #D73839;
}

.emphasizeText {
  font-weight: bold;
  color: #D73839;
}

.catchCopyM {
  font-size: 1.4rem;
  font-weight: bold;
  color: #15637A;
}

.catchCopyL {
  font-size: 1.8rem;
  font-weight: bold;
  color: #15637A;
}

.paragraph {
  margin-bottom: 40px;
  line-height: 1.8;
  font-size: 1.8rem;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.leadText {
  font-size: 1.4rem;
}

.commentText {
  font-size: 1.2rem;
}

.caption, .articleSummary_authorName, .productTable_authorName {
  line-height: 1.3;
  font-size: 1.2rem;
  color: #767676;
}

.caption-s, .articleSummary_updateDate, .productTable_updateDate {
  line-height: 1.3;
  font-size: 1rem;
  color: #767676;
}

blockquote {
  margin: 0 10px 20px;
  padding: 60px 80px;
  background: #F6F6F6 url(../images/bg_blockquote_apo.png) no-repeat 20px 20px;
}

blockquote p {
  font-size: 2.1rem;
  font-style: italic;
  color: #767676;
  line-height: 1.8;
}

blockquote cite {
  display: block;
  text-align: right;
}

blockquote cite a {
  font-size: 1.2rem;
  color: #999;
}

@media only screen and (max-width: 767px) {
  blockquote {
    padding: 20px 30px;
    background-size: 25px;
    background-position: 10px 10px;
  }
}

/* lists */
ul.items,
ol.items {
  margin: 10px 10px 20px;
}

ul.items li,
ol.items li {
  margin-bottom: 10px;
}

ul.items li {
  padding-left: 28px;
  background-image: url("../images/bullet_ul.svg");
  background-repeat: no-repeat;
  background-position: left 0.4em;
}

ol.items {
  counter-reset: orderedList;
}

ol.items li {
  counter-increment: orderedList;
}

ol.items li:before {
  content: counter(orderedList) ".";
  margin-right: 15px;
  color: #9BA9AB;
}

ol.items li li {
  margin-left: 25px;
}

/* table */
.tableWrapper {
  margin: 0 10px 20px;
}

@media only screen and (max-width: 767px) {
  .tableWrapper {
    overflow: auto;
  }
}

table {
  width: 100%;
  border-collapse: collapse;
}

td, th {
  padding: 10px 10px;
  border: solid 1px #E5E5E5;
  vertical-align: top;
}

td:first-child, th:first-child {
  border-left: none;
}

td:last-child, th:last-child {
  border-right: none;
}

th {
  white-space: nowrap;
}

.listTable th {
  font-weight: bold;
  font-size: 1.2rem;
}

.listTable thead th {
  border-top: none;
}

.listTable th, .listTable td {
  border-right: none;
  border-left: none;
}

.listTable tr:hover td,
.listTable tr:hover th {
  background-color: #FAFAFA;
}

/* img */
.liquidImg {
  width: 100%;
  height: auto;
}

/* btns */
.btn-strong,
.btn-strong-ghost,
.btn-normal,
.btn-icon,
.btn-disable {
  display: block;
  width: 100%;
  padding: 10px 20px;
  text-align: center;
  box-sizing: border-box;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  white-space: nowrap;
}

.btn-strong:hover,
.btn-strong-ghost:hover,
.btn-normal:hover,
.btn-icon:hover,
.btn-disable:hover {
  text-decoration: underline;
}

.btn-strong,
.btn-strong-ghost,
.btn-disable {
  font-weight: bold;
}

.btn-strong {
  background-color: #007CA0;
  color: #FFF;
}

.btn-strong:hover {
  color: #FFF;
  background-color: #008FB8;
}

.btn-strong-ghost {
  border: solid 1px #007CA0;
  color: #007CA0;
}

.btn-strong-ghost:hover {
  color: #008FB8;
  border-color: #008FB8;
}

.btn-normal,
.btn-icon {
  border: solid 1px #E5E5E5;
  color: #007CA0;
  background-color: #FAFAFA;
}

.btn-normal:hover,
.btn-icon:hover {
  border-color: #CCC;
  color: #008FB8;
}

.btn-icon {
  min-height: 42px;
  padding-left: 40px;
  position: relative;
}

.btn-icon .icon {
  position: absolute;
  top: 5px;
  left: 5px;
}

.btn-icon:hover .icon {
  opacity: 0.6;
}

.btn-icon:hover .icon.icon-link {
  opacity: 1.0;
}

.btn-disable {
  color: #FFF;
  background-color: #E5E5E5;
}

.btn-disable:hover {
  color: #FFF;
  text-decoration: none;
}

.btn-small {
  font-size: 1.2rem;
  padding: 5px 10px;
}

.btn-icon.btn-small {
  min-height: 32px;
  padding-left: 30px;
}

.btn-compact {
  display: inline-block;
  width: auto;
}

@media only screen and (max-width: 767px) {
  .btn-strong,
  .btn-strong-ghost,
  .btn-normal,
  .btn-icon,
  .btn-disable {
    padding: 15px 20px;
  }
  .btn-small {
    padding: 7px 10px;
  }
}

.btnSet {
  margin: 0 10px 20px;
}

.btnSet:before, .btnSet:after {
  content: " ";
  display: table;
}

.btnSet:after {
  clear: both;
}

.btnSet {
  *zoom: 1;
}

.btnSet li {
  float: left;
  border: solid 1px #E5E5E5;
  border-left: none;
}

.btnSet li:first-child {
  border-left: solid 1px #E5E5E5;
}

.btnSet a {
  display: block;
  padding: 10px 20px;
  text-align: center;
  background-color: #FAFAFA;
}

.btnSet a.current {
  background-color: #E5E5E5;
  color: #333;
  font-weight: bold;
}

.btnSet a.current:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .btnSet {
    margin-right: -10px;
    margin-left: -10px;
    border-top: solid 1px #E5E5E5;
  }
  .btnSet li {
    width: 50%;
    box-sizing: border-box;
    border-top: none;
  }
  .btnSet a {
    width: auto;
    padding: 15px 20px;
  }
}

/* tab */
.tabSet {
  margin: 0 10px 20px;
  border-bottom: solid 1px #E5E5E5;
}

.tabSet:before, .tabSet:after {
  content: " ";
  display: table;
}

.tabSet:after {
  clear: both;
}

.tabSet {
  *zoom: 1;
}

.tabSet li {
  float: left;
}

.tabSet a {
  display: block;
  min-width: 5em;
  padding: 10px 20px 14px;
  font-weight: bold;
  text-align: center;
}

.tabSet a.current {
  padding-bottom: 10px;
  border-bottom: solid 4px #007CA0;
  color: #333;
}

@media only screen and (max-width: 767px) {
  .tabSet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .tabSet li {
    -webkit-box-flex: 1.0;
        -ms-flex: 1.0 1.0 auto;
            flex: 1.0 1.0 auto;
  }
  .tabSet a {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

/* form */
input,
label {
  vertical-align: middle;
}

label.input-s,
select.input-s option {
  font-size: 1.2rem;
}

input[type=text],input[type=passward],
textarea {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 1.6rem;
  border: solid 1px #CCC;
  border-radius: 0;
  box-shadow: inset 0 2px 0 0 transparent;
}

input[type=text]:focus,
textarea:focus {
  border-color: #CCC;
}

input[type=text].input-s,
textarea.input-s {
  font-size: 1.2rem;
}

@media only screen and (max-width: 767px) {
  input[type=text].input-s,
  textarea.input-s {
    font-size: 1.6rem;
  }
}

input[type=text].input-l,
textarea.input-l {
  font-size: 2.1rem;
}

input[type=text].input-error,
textarea.input-error,
input:invalid,
textarea:invalid {
  border: solid 2px #D73839;
}

textarea {
  height: 5em;
}

.formItems {
  margin: 0 10px 20px;
  border-top: solid 1px #E5E5E5;
}

.formItems dt {
  margin: 20px 0 10px;
  font-size: 1.2rem;
  font-weight: bold;
}

.formItems .require {
  font-weight: bold;
  color: #D73839;
}

.formItems dd {
  border-bottom: solid 1px #E5E5E5;
}

.formItems dd p {
  margin-right: 0;
  margin-left: 0;
}

.formItems .errorText {
  margin-top: -10px;
}

.inputWrapper,
.inputWrapper-s,
.inputWrapper-m,
.inputWrapper-l {
  display: inline-block;
}

.inputWrapper {
  width: 300px;
}

.inputWrapper-s {
  width: 140px;
}

.inputWrapper-m {
  width: 220px;
}

.inputWrapper-l {
  width: 480px;
}

.formBtns {
  text-align: center;
  margin: 0 auto 40px;
  direction: rtl;
}

.formBtns li {
  display: inline-block;
  width: 220px;
  margin: 0 10px;
}

@media only screen and (max-width: 767px) {
  .inputWrapper,
  .inputWrapper-m,
  .inputWrapper-l {
    width: 100%;
  }
  .inputWrapper-s {
    width: 50%;
  }
  .formBtns {
    margin-right: 10px;
    margin-left: 10px;
    direction: ltr;
  }
  .formBtns li {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
}

/* hr */
.mainBorder {
  border-top: solid 1px #E5E5E5;
}

.subBorder {
  border-top: dashed 1px #E5E5E5;
}

/* icon */
.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -500px;
  opacity: 0.4;
  background-image: url(../images/icon_all.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

a:hover > .icon,
button:hover > .icon,
.tag:hover > .icon {
  opacity: 0.6;
}

.icon-disable {
  opacity: 0.1;
}

.icon-s {
  width: 20px;
  height: 20px;
}

.icon-xl {
  width: 90px;
  height: 90px;
}

.icon-xs {
  width: 15px;
  height: 15px;
}

.icon-white {
  background-image: url(../images/icon_all_white.svg);
}

a:hover > .icon-white,
button:hover > .icon-white,
.tag:hover > .icon-white {
  opacity: 1.0;
}

.icon-white.icon-disable {
  opacity: 0.2;
}

.icon-link {
  background-image: url(../images/icon_all_link.svg);
  opacity: 1.0;
}

a:hover > .icon-link,
button:hover > .icon-link,
.tag:hover > .icon-link {
  opacity: 1.0;
  background-image: url(../images/icon_all_hover.svg);
}

.icon-user {
  background-position: 0px 0;
}

.icon-cart {
  background-position: -40px 0;
}

.icon-star {
  background-position: -80px 0;
}

.icon-article {
  background-position: -120px 0;
}

.icon-balloon {
  background-position: -160px 0;
}

.icon-userPlus {
  background-position: -200px 0;
}

.icon-roupe {
  background-position: -240px 0;
}

.icon-edit {
  background-position: -280px 0;
}

.icon-share {
  background-position: -320px 0;
}

.icon-box {
  background-position: -360px 0;
}

.icon-trash {
  background-position: -400px 0;
}

.icon-mail {
  background-position: -440px 0;
}

.icon-download {
  background-position: -480px 0;
}

.icon-book {
  background-position: -520px 0;
}

.icon-setting {
  background-position: -560px 0;
}

.icon-filter {
  background-position: -600px 0;
}

.icon-facebook {
  background-position: -640px 0;
}

.icon-twitter {
  background-position: -680px 0;
}

.icon-googlePlus {
  background-position: -720px 0;
}

.icon-hatenaBookmark {
  background-position: -760px 0;
}

.icon-csv {
  background-position: -800px 0;
}

.icon-clip {
  background-position: -840px 0;
}

.icon-windowPlus {
  background-position: -880px 0;
}

.icon-clock {
  background-position: -920px 0;
}

.icon-history {
  background-position: -960px 0;
}

.icon-flag {
  background-position: -1000px 0;
}

.icon-thumbnailView {
  background-position: -1040px 0;
}

.icon-detailView {
  background-position: -1080px 0;
}

.icon-close {
  background-position: -1120px 0;
}

.icon-plusBorder {
  background-position: -1160px 0;
}

.icon-minusBorder {
  background-position: -1200px 0;
}

.icon-plus {
  background-position: -1240px 0;
}

.icon-minus {
  background-position: -1280px 0;
}

.icon-arrowDown {
  background-position: -1320px 0;
}

.icon-global {
  background-position: -1360px 0;
}

.icon-list {
  background-position: -1400px 0;
}

.icon-yahoo {
  background-position: -1440px 0;
}

.icon-external {
  background-position: -1480px 0;
}

.icon-copy {
  background-position: -1520px 0;
}

.icon-youtube {
  background-position: -1560px 0;
}

.icon-building {
  background-position: -1600px 0;
}

.icon-info {
  background-position: -1640px 0;
}

.icon-s.icon-user {
  background-position: 0px 0;
}

.icon-s.icon-cart {
  background-position: -26.66667px 0;
}

.icon-s.icon-star {
  background-position: -53.33333px 0;
}

.icon-s.icon-article {
  background-position: -80px 0;
}

.icon-s.icon-balloon {
  background-position: -106.66667px 0;
}

.icon-s.icon-userPlus {
  background-position: -133.33333px 0;
}

.icon-s.icon-roupe {
  background-position: -160px 0;
}

.icon-s.icon-edit {
  background-position: -186.66667px 0;
}

.icon-s.icon-share {
  background-position: -213.33333px 0;
}

.icon-s.icon-box {
  background-position: -240px 0;
}

.icon-s.icon-trash {
  background-position: -266.66667px 0;
}

.icon-s.icon-mail {
  background-position: -293.33333px 0;
}

.icon-s.icon-download {
  background-position: -320px 0;
}

.icon-s.icon-book {
  background-position: -346.66667px 0;
}

.icon-s.icon-setting {
  background-position: -373.33333px 0;
}

.icon-s.icon-filter {
  background-position: -400px 0;
}

.icon-s.icon-facebook {
  background-position: -426.66667px 0;
}

.icon-s.icon-twitter {
  background-position: -453.33333px 0;
}

.icon-s.icon-googlePlus {
  background-position: -480px 0;
}

.icon-s.icon-hatenaBookmark {
  background-position: -506.66667px 0;
}

.icon-s.icon-csv {
  background-position: -533.33333px 0;
}

.icon-s.icon-clip {
  background-position: -560px 0;
}

.icon-s.icon-windowPlus {
  background-position: -586.66667px 0;
}

.icon-s.icon-clock {
  background-position: -613.33333px 0;
}

.icon-s.icon-history {
  background-position: -640px 0;
}

.icon-s.icon-flag {
  background-position: -666.66667px 0;
}

.icon-s.icon-thumbnailView {
  background-position: -693.33333px 0;
}

.icon-s.icon-detailView {
  background-position: -720px 0;
}

.icon-s.icon-close {
  background-position: -746.66667px 0;
}

.icon-s.icon-plusBorder {
  background-position: -773.33333px 0;
}

.icon-s.icon-minusBorder {
  background-position: -800px 0;
}

.icon-s.icon-plus {
  background-position: -826.66667px 0;
}

.icon-s.icon-minus {
  background-position: -853.33333px 0;
}

.icon-s.icon-arrowDown {
  background-position: -880px 0;
}

.icon-s.icon-global {
  background-position: -906.66667px 0;
}

.icon-s.icon-list {
  background-position: -933.33333px 0;
}

.icon-s.icon-yahoo {
  background-position: -960px 0;
}

.icon-s.icon-external {
  background-position: -986.66667px 0;
}

.icon-s.icon-copy {
  background-position: -1013.33333px 0;
}

.icon-s.icon-youtube {
  background-position: -1040px 0;
}

.icon-s.icon-building {
  background-position: -1066.66667px 0;
}

.icon-s.icon-info {
  background-position: -1093.33333px 0;
}

.icon-xl.icon-user {
  background-position: 0px 0;
}

.icon-xl.icon-cart {
  background-position: -120px 0;
}

.icon-xl.icon-star {
  background-position: -240px 0;
}

.icon-xl.icon-article {
  background-position: -360px 0;
}

.icon-xl.icon-balloon {
  background-position: -480px 0;
}

.icon-xl.icon-userPlus {
  background-position: -600px 0;
}

.icon-xl.icon-roupe {
  background-position: -720px 0;
}

.icon-xl.icon-edit {
  background-position: -840px 0;
}

.icon-xl.icon-share {
  background-position: -960px 0;
}

.icon-xl.icon-box {
  background-position: -1080px 0;
}

.icon-xl.icon-trash {
  background-position: -1200px 0;
}

.icon-xl.icon-mail {
  background-position: -1320px 0;
}

.icon-xl.icon-download {
  background-position: -1440px 0;
}

.icon-xl.icon-book {
  background-position: -1560px 0;
}

.icon-xl.icon-setting {
  background-position: -1680px 0;
}

.icon-xl.icon-filter {
  background-position: -1800px 0;
}

.icon-xl.icon-facebook {
  background-position: -1920px 0;
}

.icon-xl.icon-twitter {
  background-position: -2040px 0;
}

.icon-xl.icon-googlePlus {
  background-position: -2160px 0;
}

.icon-xl.icon-hatenaBookmark {
  background-position: -2280px 0;
}

.icon-xl.icon-csv {
  background-position: -2400px 0;
}

.icon-xl.icon-clip {
  background-position: -2520px 0;
}

.icon-xl.icon-windowPlus {
  background-position: -2640px 0;
}

.icon-xl.icon-clock {
  background-position: -2760px 0;
}

.icon-xl.icon-history {
  background-position: -2880px 0;
}

.icon-xl.icon-flag {
  background-position: -3000px 0;
}

.icon-xl.icon-thumbnailView {
  background-position: -3120px 0;
}

.icon-xl.icon-detailView {
  background-position: -3240px 0;
}

.icon-xl.icon-close {
  background-position: -3360px 0;
}

.icon-xl.icon-plusBorder {
  background-position: -3480px 0;
}

.icon-xl.icon-minusBorder {
  background-position: -3600px 0;
}

.icon-xl.icon-plus {
  background-position: -3720px 0;
}

.icon-xl.icon-minus {
  background-position: -3840px 0;
}

.icon-xl.icon-arrowDown {
  background-position: -3960px 0;
}

.icon-xl.icon-global {
  background-position: -4080px 0;
}

.icon-xl.icon-list {
  background-position: -4200px 0;
}

.icon-xl.icon-yahoo {
  background-position: -4320px 0;
}

.icon-xl.icon-external {
  background-position: -4440px 0;
}

.icon-xl.icon-copy {
  background-position: -4560px 0;
}

.icon-xl.icon-youtube {
  background-position: -4680px 0;
}

.icon-xl.icon-building {
  background-position: -4800px 0;
}

.icon-xl.icon-info {
  background-position: -4920px 0;
}

.icon-xs.icon-balloon {
  background-position: -80px 0;
}

.icon-xs.icon-roupe {
  background-position: -120px 0;
}

.icon-xs.icon-share {
  background-position: -160px 0;
}

.icon-textCheck {
  display: inline-block;
  font-size: 1.6rem;
}

/* loading */
.loadImg {
  -webkit-animation: loadImgRotation 1.5s linear infinite;
          animation: loadImgRotation 1.5s linear infinite;
}

@-webkit-keyframes loadImgRotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loadImgRotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* steps */
.steps {
  margin: 0 0 20px;
  max-width: 640px;
  background: no-repeat top center;
  background-size: contain;
}

.steps:before, .steps:after {
  content: " ";
  display: table;
}

.steps:after {
  clear: both;
}

.steps {
  *zoom: 1;
}

.steps li {
  float: left;
  box-sizing: border-box;
  text-align: center;
  background: no-repeat top center;
  background-image: url(../images/bg_step.svg);
  padding-top: 32px;
}

.steps li.checked {
  background-image: url(../images/bg_step_checked.svg);
}

.steps li.current {
  background-image: url(../images/bg_step_current.svg);
}

.steps.steps2 li {
  width: 50%;
}

.steps.steps2 li:first-child {
  padding-right: 25%;
  padding-left: 5px;
}

.steps.steps2 li:last-child {
  padding-right: 5px;
  padding-left: 25%;
}

.steps.steps3 li {
  width: 33.3333%;
  padding-right: 26px;
  padding-left: 26px;
}

.steps.steps3 li:first-child {
  padding-right: 9%;
  padding-left: 5px;
}

.steps.steps3 li:last-child {
  padding-right: 5px;
  padding-left: 9%;
}

.steps.steps4 li {
  width: 25%;
  padding-right: 5px;
  padding-left: 5px;
}

.steps li:first-child {
  background-image: url(../images/bg_step_first.svg);
  background-position: top left;
}

.steps li:first-child.checked {
  background-image: url(../images/bg_step_first_checked.svg);
}

.steps li:first-child.current {
  background-image: url(../images/bg_step_first_current.svg);
}

.steps li:last-child {
  background-image: url(../images/bg_step_last.svg);
  background-position: top right;
}

.steps li:last-child.checked {
  background-image: url(../images/bg_step_last_checked.svg);
}

.steps li:last-child.current {
  background-image: url(../images/bg_step_last_current.svg);
}

/* progress bar */
.progressBar {
  max-width: 480px;
  height: 10px;
  text-indent: 480px;
  overflow: hidden;
  background: url(../images/bg_progressbar.svg) no-repeat center center;
  border-radius: 5px;
}

.progressBar-10 {
  background: -webkit-linear-gradient(left, #007CA0 0%, #007CA0 10%, transparent 10%, transparent 100%), url(../images/bg_progressbar.svg);
  background: linear-gradient(to right, #007CA0 0%, #007CA0 10%, transparent 10%, transparent 100%), url(../images/bg_progressbar.svg);
}

.progressBar-20 {
  background: -webkit-linear-gradient(left, #007CA0 0%, #007CA0 20%, transparent 20%, transparent 100%), url(../images/bg_progressbar.svg);
  background: linear-gradient(to right, #007CA0 0%, #007CA0 20%, transparent 20%, transparent 100%), url(../images/bg_progressbar.svg);
}

.progressBar-30 {
  background: -webkit-linear-gradient(left, #007CA0 0%, #007CA0 30%, transparent 30%, transparent 100%), url(../images/bg_progressbar.svg);
  background: linear-gradient(to right, #007CA0 0%, #007CA0 30%, transparent 30%, transparent 100%), url(../images/bg_progressbar.svg);
}

.progressBar-40 {
  background: -webkit-linear-gradient(left, #007CA0 0%, #007CA0 40%, transparent 40%, transparent 100%), url(../images/bg_progressbar.svg);
  background: linear-gradient(to right, #007CA0 0%, #007CA0 40%, transparent 40%, transparent 100%), url(../images/bg_progressbar.svg);
}

.progressBar-50 {
  background: -webkit-linear-gradient(left, #007CA0 0%, #007CA0 50%, transparent 50%, transparent 100%), url(../images/bg_progressbar.svg);
  background: linear-gradient(to right, #007CA0 0%, #007CA0 50%, transparent 50%, transparent 100%), url(../images/bg_progressbar.svg);
}

.progressBar-60 {
  background: -webkit-linear-gradient(left, #007CA0 0%, #007CA0 60%, transparent 60%, transparent 100%), url(../images/bg_progressbar.svg);
  background: linear-gradient(to right, #007CA0 0%, #007CA0 60%, transparent 60%, transparent 100%), url(../images/bg_progressbar.svg);
}

.progressBar-70 {
  background: -webkit-linear-gradient(left, #007CA0 0%, #007CA0 70%, transparent 70%, transparent 100%), url(../images/bg_progressbar.svg);
  background: linear-gradient(to right, #007CA0 0%, #007CA0 70%, transparent 70%, transparent 100%), url(../images/bg_progressbar.svg);
}

.progressBar-80 {
  background: -webkit-linear-gradient(left, #007CA0 0%, #007CA0 80%, transparent 80%, transparent 100%), url(../images/bg_progressbar.svg);
  background: linear-gradient(to right, #007CA0 0%, #007CA0 80%, transparent 80%, transparent 100%), url(../images/bg_progressbar.svg);
}

.progressBar-90 {
  background: -webkit-linear-gradient(left, #007CA0 0%, #007CA0 90%, transparent 90%, transparent 100%), url(../images/bg_progressbar.svg);
  background: linear-gradient(to right, #007CA0 0%, #007CA0 90%, transparent 90%, transparent 100%), url(../images/bg_progressbar.svg);
}

.progressBar-100 {
  background: #007CA0;
}

/* rating */
.rating {
  display: inline-block;
  width: 113px;
  height: 20px;
  overflow: hidden;
  text-indent: 113px;
  background: url(../images/bg_rating.svg) no-repeat;
  background-size: 228px;
}

.rating-s {
  width: 63px;
  height: 12px;
  background-size: 127px;
}

.rating50 {
  background-position: 0px 0px;
}

.rating50.rating-s {
  background-position: 0px 0px;
}

.rating45 {
  background-position: 0px -30px;
}

.rating45.rating-s {
  background-position: 0px -18px;
}

.rating40 {
  background-position: -23px 0px;
}

.rating40.rating-s {
  background-position: -13px 0px;
}

.rating35 {
  background-position: -23px -30px;
}

.rating35.rating-s {
  background-position: -13px -18px;
}

.rating30 {
  background-position: -46px 0px;
}

.rating30.rating-s {
  background-position: -26px 0px;
}

.rating25 {
  background-position: -46px -30px;
}

.rating25.rating-s {
  background-position: -26px -18px;
}

.rating20 {
  background-position: -69px 0px;
}

.rating20.rating-s {
  background-position: -39px 0px;
}

.rating15 {
  background-position: -69px -30px;
}

.rating15.rating-s {
  background-position: -39px -18px;
}

.rating10 {
  background-position: -92px 0px;
}

.rating10.rating-s {
  background-position: -52px 0px;
}

.rating05 {
  background-position: -92px -30px;
}

.rating05.rating-s {
  background-position: -52px -18px;
}

.rating00 {
  background-position: -115px 0px;
}

.rating00.rating-s {
  background-position: -65px 0px;
}

/* badge */
.badge {
  font-size: 1.2rem;
  line-height: 1.0;
  padding: 2px 7px;
  border: solid 1px #E5E5E5;
  border-radius: 0.8em;
  background-color: #FAFAFA;
  font-weight: bold;
  color: #666;
  font-family: Arial;
}

.badge-strong {
  border: none;
  color: #FFF;
  background-color: #D73839;
}

/* tags */
.tag {
  display: inline-block;
  padding: 3px 10px;
  border: solid 1px #E5E5E5;
  border-radius: 2px;
  line-height: 1.0;
  font-size: 1rem;
  font-weight: bold;
  background-color: #FAFAFA;
  color: #999;
  white-space: nowrap;
}

.tag:hover {
  text-decoration: underline;
}

.tag .icon-close {
  margin-top: -3px;
}

.tag-l {
  font-size: 1.2rem;
}

.tag-search {
  background-color: #FFF;
  border: none;
  padding: 3px 8px 3px 3px;
}

.tag-search:hover {
  text-decoration: none;
}

.tag-search:hover .icon {
  opacity: 0.4;
}

.tag-new {
  color: #D73839;
}

.tag-close:hover {
  text-decoration: none;
}

.tag-fill-g {
  color: #FFF;
  background-color: #138286;
  border-color: #138286;
}

.tag-border-g {
  color: #138286;
  background-color: transparent;
  border-color: #138286;
}

.tag-text-g {
  padding-left: 0;
  border: none;
  color: #138286;
  background-color: transparent;
}

.tag-fill-r {
  color: #FFF;
  background-color: #D73839;
  border-color: #D73839;
}

.tag-border-r {
  color: #D73839;
  background-color: transparent;
  border-color: #D73839;
}

.tag-text-r {
  padding-left: 0;
  border: none;
  color: #D73839;
  background-color: transparent;
}

.tag-fill-y {
  color: #FFF;
  background-color: #FFC457;
  border-color: #FFC457;
  color: #6F4D1F;
}

.tag-border-y {
  color: #FFC457;
  background-color: transparent;
  border-color: #FFC457;
  color: #6F4D1F;
}

.tag-text-y {
  padding-left: 0;
  border: none;
  color: #FFC457;
  background-color: transparent;
  color: #6F4D1F;
}

.tag-fill-b {
  color: #FFF;
  background-color: #007CA0;
  border-color: #007CA0;
}

.tag-border-b {
  color: #007CA0;
  background-color: transparent;
  border-color: #007CA0;
}

.tag-text-b {
  padding-left: 0;
  border: none;
  color: #007CA0;
  background-color: transparent;
}

.userIcon,
.companyIcon {
  width: 60px;
  height: 60px;
}

.userIcon-l,
.companyIcon-l {
  width: 110px;
  height: 110px;
}

.userIcon-s,
.companyIcon-s {
  width: 30px;
  height: 30px;
}

.userIcon-xs,
.companyIcon-xs {
  width: 15px;
  height: 15px;
}

.userIcon {
  border-radius: 50%;
}

/* share button */
.shareBtns {
  display: inline-block;
}

.shareBtns li {
  position: relative;
  float: left;
  margin: 0 18px;
}

.shareBtns_balloon {
  display: none;
  position: absolute;
  top: -80px;
  left: -120px;
  height: 72px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.9);
}

li:hover .shareBtns_balloon {
  display: block;
}

.shareBtns_balloon:after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  bottom: -12px;
  left: 50%;
  margin-left: -6px;
  border: solid 6px transparent;
  border-top-color: rgba(0, 0, 0, 0.9);
}

.shareBtns_clip .shareBtns_balloon {
  width: 262px;
}

.shareBtns_clip li {
  width: 80px;
  margin: 10px 0;
  text-align: center;
  font-size: 1.2rem;
}

.shareBtns_clip li a {
  display: block;
  color: #999;
}

.shareBtns_clip li a .icon {
  display: block;
  margin: 0 auto;
}

.shareBtns_clip li a:hover {
  color: #FFF;
  text-decoration: none;
}

.shareBtns_snsCount {
  font-size: 3rem;
  color: #666;
  font-weight: bold;
  line-height: 1.0;
  font-family: Arial;
}

.shareBtns_snsCount .shareBtns_balloon {
  width: 272px;
  padding: 10px;
}

.shareBtns_snsCount li {
  padding: 10px 15px;
  margin: 0;
  font-size: 1.2rem;
}

/* toolTip */
.toolTipWrapper {
  position: relative;
  display: inline-block;
}

.toolTip {
  position: absolute;
  z-index: 2;
  display: none;
  opacity: 0;
  padding: 5px 10px;
  border-radius: 5px;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.toolTip p {
  font-size: 1.2rem;
  margin: 0;
}

.toolTipWrapper:hover .toolTip {
  display: block;
  opacity: 1.0;
}

.toolTip:after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  border: solid 6px transparent;
}

.toolTip-t {
  top: -40px;
  left: -20px;
}

.toolTip-t:after {
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-top: solid 6px rgba(0, 0, 0, 0.9);
}

.toolTip-b {
  bottom: -40px;
  left: -20px;
}

.toolTip-b:after {
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  border-bottom: solid 6px rgba(0, 0, 0, 0.9);
}

.toolTip-l {
  top: 0;
  left: -80px;
}

.toolTip-l:after {
  top: 50%;
  left: 100%;
  margin-top: -6px;
  border-left: solid 6px rgba(0, 0, 0, 0.9);
}

.toolTip-r {
  top: 0;
  right: -80px;
}

.toolTip-r:after {
  top: 50%;
  right: 100%;
  margin-top: -6px;
  border-right: solid 6px rgba(0, 0, 0, 0.9);
}

/* balloon */
.balloon {
  position: relative;
  width: 220px;
  box-sizing: border-box;
  padding-top: 10px;
  border-radius: 4px;
  border: 1px solid #CCC;
  background-color: #FFF;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.balloon:after {
  display: block;
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #FFF;
  border: 1px solid transparent;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
}

.balloon-t:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  bottom: -6px;
  left: 24px;
}

.balloon-b:after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  top: -6px;
  left: 24px;
}

.balloon-l:after {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
  top: 15px;
  right: -6px;
}

.balloon-r:after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  top: 15px;
  left: -6px;
}

.balloon_title p {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.balloon_body {
  margin-bottom: -10px;
}

.balloon_body p {
  font-size: 1.2rem;
  color: #666;
  line-height: 16px;
}

/* breadCrumb */
.breadCrumb {
  margin: 20px 10px;
}

@media screen and (max-width:767px) {
  #breadCrumb {
    border-bottom: solid 1px #E5E5E5;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px;
  }
}

.breadCrumb li {
  display: inline-block;
  margin-right: 10px;
  font-size: 1.2rem;
}

.breadCrumb li:after {
  content: "›";
  margin-left: 10px;
  font-size: 1.6rem;
  color: #999;
}

.breadCrumb li:last-child:after {
  content: "";
  margin-left: 0;
}

.breadCrumb a {
  color: #767676;
}

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

  #breadCrumb {
    position:relative;
    height:39px;
    overflow-x: hidden;
  }

  .breadCrumb {
    background-color: #FFF;
    margin: 0 -10px;
    white-space: nowrap;
    /*border-bottom: solid 1px #E5E5E5;*/
    text-align: right;
    position:absolute;
  }

  .breadCrumb li {
    margin-right: 0;
  }
  .breadCrumb li:last-child {
    padding: 10px;
  }
  .breadCrumb li:after {
    content: "";
    margin-left: 0;
    font-size: 1.2rem;
  }
  .breadCrumb a {
    display: block;
    padding: 10px 20px 10px 10px;
    background: url(../images/bg_breadcrumb_sp.svg) right center no-repeat;
  }
}

/* ---------------------------------------------------------------------
  modules
 --------------------------------------------------------------------- */
/* ------------------------------------------------------------ header */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 50px;
  border-top: solid 1px #CCC;
  background-color: #FFF;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
}

.header_mypage {
  height: 50px;
}

.header_mypage .header_logo_aperzaId {
  position: absolute;
  margin: 0;
  padding: 5px 20px;
  top: 0;
  left: 0;
  line-height: 1;
}

.header_mypage .header_logo_aperzaId img {
  width: 132px;
  height: 30px;
}

.header_logo,
.header_logo-ID,
.header_util {
  position: absolute;
}

.header_logo {
  margin: 0;
  padding: 5px 20px;
  top: 0;
  left: 0;
  line-height: 1;
}

.header_logo-ID {
  margin: 0;
  padding: 16px 20px;
  top: 0;
  left: 0;
  line-height: 1;
}

@media screen and (max-width:992px){
  .header_logo-ID {
    padding: 8px 20px;  
  }
}

.header_logo img {
  /*
  width: 89px;
  height: 33px;
*/
width: 124px;
height: 38px;
padding: 1px 0; 
}

.header_logo-ID img {
  width: 132px;
  height: 30px;
}

.header_searchBox {
  position: absolute;
  top: 50px;
  left: 0;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  border-top: solid 1px #E5E5E5;
}

.header_searchText.is-closeSp {
  display: none;
}

.header_searchText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin: 10px;
  padding: 7px 0 8px 7px;
  border: solid 1px #E5E5E5;
  box-sizing: border-box;
}

.header_searchText .icon {
  -ms-flex-preferred-size: 20px;
      flex-basis: 20px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-top: 3px;
}

.header_searchText input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  margin-left: 3px;
  padding: 0;
  border: none;
}

.header_searchBtn {
  display: none;
  margin: 0;
}

.header_searchBtnSp {
  display: block;
  position: absolute;
  top: -50px;
  right:40px;
  /*right: 140px;*/
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border-left: solid 1px #E5E5E5;
  border-bottom: solid 1px #FFF;
}

.header_searchBtnSp > a {
  display: block;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
}

.suggest_selected {
  background-color:#FAFAFA;
  text-decoration:none
}

.header_searchBtnSp.is-closeSp {
  border-bottom: none;
}

.header_searchSuggest,
.searchSuggest
 {
  clear: both;
  background: #FFF;
  border-bottom: solid 1px #E5E5E5;
}

.searchSuggest {
  box-sizing:border-box;
  max-width:590px;
  margin:0 auto;
  text-align: left;
}

.header_searchSuggest.is-close,
.searchSuggest.is-close
 {
  display: none;
}

.header_searchSuggestWordList a,
.searchSuggestWordList a {
  display: block;
  padding: 5px 20px;
  color: #333;
}

.header_searchSuggestWordList .header_searchSuggestCategory,
.searchSuggestWordList .searchSuggestCategory {
  font-size: 1rem;
  color: #767676;
  margin: 0 20px 5px;
}

.header_searchSuggestWordList .header_searchSuggestWord,
.searchSuggestWordList .searchSuggestWord {
  padding: 0 0 10px;
  margin: 0 20px 10px;
  border-bottom: solid 1px #E5E5E5;
}

.header_searchSuggestWordList .header_searchSuggestWord a,
.searchSuggestWordList .searchSuggestWord a  {
  padding: 0;
}

.header_searchSuggestLinks,
.searchSuggestLinks {
  margin: 5px 0;
}

.header_searchSuggestLinks li,
.searchSuggestLinks li {
  display: block;
  padding: 5px 0;
  font-weight: bold;
}

.header_searchSuggestLinks li .icon,
.searchSuggestLinks li .icon {
  margin-right: 3px;
}

.header_searchSuggestLinks li .header_searchSuggestAction,
.searchSuggestLinks li .searchSuggestAction {
  font-weight: bold;
}

.header_searchSuggestLinks li strong,
.searchSuggestLinks li strong {
  text-decoration: none;
  color: #333;
}

.header_searchSuggestLinks li a,
.searchSuggestLinks li a  {
  display: block;
  padding: 5px 20px;
}

.header_searchSuggestLinks li a:hover,
.searchSuggestLinks li a:hover {
  text-decoration: none;
}

.header_util {
  top: 0;
  right: 0;
}

.header_history,
.header_global,
.header_user {
  float: left;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border-left: solid 1px #E5E5E5;
}

.header_history,
.header_global {
  display:none;
}

div.reactroot > a,
.header_history > a,
.header_global > a,
.header_user > a {
  display: block;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}


.header_menuLoading {
  text-align: center;
}

.header_menuLoading > img {
  width:25px!important;
  height:25px!important;
}

.header_global {
  position: relative;
}

.header_global a {
  border-bottom: solid 1px #FFF;
}

.header_global.is-close a {
  border-bottom: none;
}

.header_globalMenu {
  position: absolute;
  width: 210px;
  top: 50px;
  right: -71px;
  border: solid 1px #E5E5E5;
  z-index: -1;
  background-color: #FFF;
}

.header_globalMenu a {
  display: block;
  margin: 5px 0;
  padding: 5px 20px 5px 48px;
  font-weight: bold;
  color: #333;
  background: no-repeat 20px center;
}

.header_globalMenu a:hover {
  background-color: #FAFAFA;
  text-decoration: none;
}

.header_globalMenu .header_globalMenu-japan a {
  background-image: url(../images/icon_japan.svg);
}

.header_globalMenu .header_globalMenu-taiwan a {
  background-image: url(../images/icon_taiwan.svg);
}

.header_globalMenu .header_globalMenu-global:before {
  content: " ";
  display: block;
  height: 1px;
  margin: 0 20px;
  border-top: solid 1px #E5E5E5;
}

.header_globalMenu .header_globalMenu-global a {
  padding-left: 20px;
}

.header_globalMenu.is-close {
  display: none;
}

.header_user {
  position: relative;
}

.header_user .badge {
  position: absolute;
  top: 2px;
  right: 2px;
}

.header_user a {
  border-bottom: solid 1px #FFF;
}

.header_user.is-close a {
  border-bottom: none;
}

.header_userMenu {
  position: absolute;
  width: 210px;
  top: 50px;
  right: -1px;
  z-index: -1;
  border: solid 1px #E5E5E5;
  background-color: #FFF;
}

.header_userMenu li {
  float: none;
  width: auto;
  height: auto;
  line-height: 1.5;
}

.header_userMenu dt {
  padding: 5px 0 5px;
  font-weight: bold;
}

.header_userMenu dt:after {
  content: " ";
  display: block;
  height: 1px;
  margin: 10px 0 0;
  border-top: solid 1px #E5E5E5;
}

.header_userMenu a {
  display: block;
  margin: 5px 0;
  padding: 5px 20px;
  font-weight: bold;
  color: #333;
  background: no-repeat 20px center;
}

.header_userMenu a:hover {
  background-color: #FAFAFA;
  text-decoration: none;
  color:#008FB8;
}

.header_userMenu .header_userMenu-logout:before {
  content: " ";
  display: block;
  height: 1px;
  margin: 0 20px;
  border-top: solid 1px #E5E5E5;
}

.header_userMenu.is-close {
  display: none;
}

.header_user a.header_userNoLogin img {
  height:50px;
  width:50px;
}

@media only screen and (min-width: 993px) {
  header {
    height: 70px;
  }
  .header_mypage {
    height: 50px;
  }
  .header_mypage .header_user {
    width: 50px;
    height: 50px;
  }
  .header_mypage .header_user > a {
    line-height: 50px;
  }
  .header_mypage .header_user .badge {
    top: 2px;
    right: 2px;
  }
  .header_user .badge {
    top: 5px;
    right: 5px;
  }
  .header_logo img {
    /*
    width: 142px;
    height: 53px;
    */
    width: 184px;
    height: 53px;
    padding: 2px 0;
  }

  .header_searchBox {
    position: relative;
    top: 0;
    left: 0;
    margin: 15px auto 0;
    width: 510px;
    border-top: none;
  }
  .header_searchText.is-closeSp {
    display: block;
  }
  .header_searchText {
    float: left;
    width: 420px;
    margin: 0;
    border-right: none;
  }
  .header_searchText input {
    width: 375px;
  }
  .header_searchBtn {
    display: block;
  }
  .header_searchBtn .btn-strong {
    float: left;
    font-size: 1.4rem;
    width: 90px;
    box-sizing: border-box;
  }
  .header_searchBtnSp {
    display: none;
  }
  .header_searchSuggest,
  .searchSuggest {
    border: solid 1px #E5E5E5;
  }

  .header_searchSuggest.is-close,
  .searchSuggest.is-close {
    display: none;
  }
  .header_searchSuggestWordList,
  .searchSuggestWordList {
    border-bottom: solid 1px #E5E5E5;
  }
  .header_searchSuggestWordList .header_searchSuggestCategory,
  .searchSuggestWordList .searchSuggestCategory {
    float: right;
    width: 70px;
    margin: 0;
    padding: 5px 20px 0 0;
    font-size: 1.2rem;
    text-align: right;
  }
  .header_searchSuggestWordList .header_searchSuggestWord,
  .searchSuggestWordList .searchSuggestWord {
    margin: 0;
    padding: 0;
    border-bottom: none;
  }
  .header_searchSuggestWordList .header_searchSuggestWord a,
  .searchSuggestWordList .searchSuggestWord a {
    display: block;
    padding: 5px 70px 5px 30px;
  }
  .header_searchSuggestWordList .header_searchSuggestWord a:hover,
  .searchSuggestWordList .searchSuggestWord a:hover {
    background-color: #FAFAFA;
    text-decoration: none;
  }
  .header_searchSuggestLinks li a,
  .searchSuggestLinks li a {
    padding: 5px 7px;
  }
  .header_searchSuggestLinks li a:hover,
  .searchSuggestLinks li a:hover  {
    background-color: #FAFAFA;
  }
  .header_history,
  .header_global,
  .header_user {
    width: 70px;
    height: 70px;
  }

  .header_history,
  .header_global{
    visibility:hidden;
  }

  div.reactroot > a,
  .header_history > a,
  .header_global > a,
  .header_user > a {
    line-height: 70px;
  }

  .header_user a.header_userNoLogin {
    line-height:69px!important;
  }

  .header_user a.header_userNoLogin img {
    height:60px;
    width:60px;
  }

  .header_user .badge {
    top: 5px;
    right: 5px;
  }
  .header_globalMenu,
  .header_userMenu {
    top: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .header_searchText input {
    font-size: 3rem;
  }
  .header_searchText .icon {
    margin-top: 7px;
    -ms-flex-preferred-size: 30px;
        flex-basis: 30px;
  }
}

/* ------------------------------------------------------------ footer */
footer,
footer#aperza-footer {
  margin-top: 40px;
}

@media screen and (max-width:767px) {
  footer#aperza-footer{
    margin-top:0;
  }
}

.footer_nav {
  padding: 40px 0;
  background: #FAFAFA url(../images/bg_logo_pattern.png) repeat top center;
  border-top: 1px solid #e5e5e5;
}

.footer_nav_product,
.footer_nav_others {
  float: left;
  width: 50%;
  margin-bottom: 30px;
}

.footer_nav_category {
  box-sizing: border-box;
}

.footer_nav_category:before, .footer_nav_category:after {
  content: " ";
  display: table;
}

.footer_nav_category:after {
  clear: both;
}

.footer_nav_category {
  *zoom: 1;
}

.footer_nav_others .footer_nav_category {
  float: left;
  width: 50%;
  padding: 0 10px;
  border-left: solid 1px #E5E5E5;
}

.footer_nav_title {
  margin: 0 10px 15px;
  font-size: 1.2rem;
}

.footer_nav_title a {
  font-weight: bold;
  color: #333;
}

.footer_nav_body {
  margin: 0 10px;
}

.footer_nav_links:before, .footer_nav_links:after {
  content: " ";
  display: table;
}

.footer_nav_links:after {
  clear: both;
}

.footer_nav_links {
  *zoom: 1;
}

.footer_nav_links li {
  float: left;
  width: 33.333%;
  font-size: 1.2rem;
  margin-bottom: 5px;
}

.footer_nav_links a {
  color: #999;
}

.footer_nav_util {
  clear: both;
}

.footer_nav_util:before, .footer_nav_util:after {
  content: " ";
  display: table;
}

.footer_nav_util:after {
  clear: both;
}

.footer_nav_util {
  *zoom: 1;
}

@media only screen and (min-width: 768px) {
  .footer_nav_util li {
    float: left;
    font-size: 1.2rem;
    line-height: 1.0;
    margin: 0 10px 0;
    padding-right: 20px;
  }
}

.footer_nav_util li:not(:last-child) {
  border-right: solid 1px #E5E5E5;
}

.footer_nav_util a {
  color: #999;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer_nav_product {
    width: 66.6666%;
  }
  .footer_nav_others {
    width: 33.3333%;
  }
  .footer_nav_others .footer_nav_category {
    float: none;
    width: 100%;
  }
  .footer_nav_links li {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer_nav_product {
    float: none;
    width: 100%;
    margin-bottom: 2px;
  }
  .footer_nav_others {
    float: none;
    width: 100%;
    margin-bottom: 2px;
    border-top: solid 1px #E5E5E5;
  }
  .footer_nav_others .footer_nav_category {
    float: none;
    width: 100%;
    padding: 0;
  }
  .footer_nav_title {
    font-size: 1.4rem;
  }
  .footer_nav_links li {
    float: none;
    width: 100%;
    font-size: 1.4rem;
  }
  .footer_nav_util {
    border-top: solid 1px #E5E5E5;
  }
}

.footer_groupLinks {
  padding: 20px 0;
  color: #999;
  background-color: #333;
}

.footer_groupLinks p, .footer_groupLinks small {
  font-size: 1.2rem;
}

.footer_groupLinks a {
  color: #767676;
}

.footer_groupLinks a:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer_groupLinks .col03 {
    width: 25%;
  }
}

.footer_companyLogo {
  height: 35px;
  text-align: center;
  line-height: 35px;
}

.footer_companyDescription {
  text-align: center;
}

.footer_copyright {
  margin: 0;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  footer .container {
    padding: 0;
  }
  .footer_nav {
    padding: 0;
    border-top: solid 1px #E5E5E5;
  }
  .footer_nav dt,
  .footer_nav dd,
  .footer_nav li {
    margin: 0;
    padding: 0;
  }
  .footer_nav dt a,
  .footer_nav dd a,
  .footer_nav li a {
    display: block;
    padding: 10px 20px;
  }
  .footer_nav dt,
  .footer_nav li {
    border-bottom: solid 1px #E5E5E5;
  }
  .footer_nav .col04:nth-child(2) .footer_nav_category {
    border-right: none;
  }
  .footer_nav_util {
    margin-top: 0;
  }
  .footer_nav_util li:not(:last-child) {
    border-right: none;
    border-bottom: solid 1px #E5E5E5;
  }
  .footer_companyLogo {
    margin-left: 0;
    margin-right: 0;
  }
  .footer_companyDescription {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
    border-bottom: solid 1px #2A2A2A;
  }
}

/*new common footer*/
footer {
  background-color:#333333;
}

.footerCommon-body {
  max-width:940px;
  margin: 0 auto;
  padding: 20px 0 0;
  color: #999;
  background-color: #333;
}

.footerCommon-serviceList,
.footerCommon-serviceList p,
.footerCommon-serviceList ul li {
  box-sizing: border-box;
}

.footerCommon-serviceList ul li img {
  margin-bottom:10px;
}

.footerCommon-serviceList {
  max-width:940px;
  margin:0 auto;
}

.footerCommon-serviceList ul {
  margin:0;
  padding:0;
}

.footerCommon-serviceList ul li {
  display:inline-block;
  width:20%;
  vertical-align:top;
}

.footerCommon-serviceList ul li p {
  text-align: center;
  font-size: 1rem;
}

@media screen and (max-width:768px) {
  .footerCommon-serviceList {
    width:100%;
  }

  .footerCommon-serviceList ul li {
    display:block;
    width:100%;
    text-align: center;
    border-bottom:1px solid #2A2A2A;
  }

  .footerCommon-serviceList ul li:not(:first-child){
    padding-top:20px;
  } 
}

.footerCommon-copyRight p {
  text-align: center;
}

.footerCommon-bottom {
  display: table;
  width:100%;
  margin:0 auto;
}

.footerCommon-copyRight,
.footerCommon-companyInfo {
  display: table-cell;
}

.footerCommon-copyRight p {
  font-size:1rem;
  text-align: left;
}

.footerCommon-copyRight {
  text-align: left;
}

.footerCommon-copyRight a,
.footeCommon-companyInfo a
 {
  color:#999999;
}

.link-gray {
  color:#999999;
}

.link-gray:hover {
  color:#999999;
  text-decoration:underline;
}

.footerCommon-companyInfo {
  text-align: right;
}

.footerCommon-companyInfo ul li {
  display: inline-block;
  border-right:1px solid #424242;
  padding:0 20px;
  font-size:1rem;
}

.footerCommon-companyInfo ul li:last-child {
  border-right:none;
}

@media screen and (max-width:768px) {
  .footerCommon-bottom {
    width:100%;
  }

  .footerCommon-copyRight,
  .footerCommon-companyInfo {
    display: block;
    width:100%;
    text-align: center;
    margin-top:10px;
  }

  .footerCommon-companyInfo ul li {
    display: inline-block;
    border-right:1px solid #424242;
    padding:0 20px;
    font-size:1rem;
  }

  .footerCommon-copyRight p {
    text-align: center;
  }

}

/* ------------------------------------------------------------ modules */
.drawer_btn {
  margin:0;
  padding: 15px 15px 10px;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  color: #999;
  background: rgba(0, 0, 0, 0.8);
  z-index: 120;
}

.drawer_btn:before {
  content: " ";
  display: block;
  width: 23px;
  height: 23px;
  margin: 0 auto 10px;
  opacity: 0.4;
  background-image: url(../images/icon_drawer_btn.svg);
}

.drawer_btn:hover {
  color: #CCC;
}

.drawer_btn:hover:before {
  opacity: 0.6;
}

/* modal */
#modal_overlay {
  z-index:200;
  display: none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:140%;
  box-sizing: border-box;
}

#modal_overlay-white {
  z-index:10;
  display: none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:140%;
  background-color: rgba(255,255,255,0.7);
  box-sizing: border-box;
}


.modal_wrapper {
  z-index:250;
  display:none;
  position: absolute;
  width:660px;
  max-height:90%;
  box-sizing: border-box;
}

@media screen and (min-width:701px){
  .modal_wrapper_bgGreen {
    width:500px!important;
  }
}

.modal {
  width: 100%;
  background: #FFF;
  border-radius: 4px;
  border: solid 1px #E5E5E5;
  box-sizing: border-box;
}

.modal_shortMessage .modal {
  width:300px;
  height:57px;
  margin:0 auto;
  border-radius: 4px;
  border: none;;
  background-color: rgba(0,0,0,0.9);
  box-sizing: border-box;
}

.modal_shortMessage .modal_body {
  padding: 13px 10px;
}

.modal_shortMessage .modal_body p {
  color:#FFFFFF;
}

body.noScroll{
  overflow: hidden;
}

.modal_col2 {
  box-sizing: border-box;
  width:50%;
  float:left;
}

.modal_col2:first-child {
  padding-right:10px;
}

.modal_col2:last-child {
  padding-left:10px;
}

@media screen and (max-width : 767px) {
  .modal_col2 {
    float:none;
    display: block;
    width:100%;
  }

  .modal_col2:first-child {
  padding-right:0;
  margin-bottom:0;
  }

  .modal_col2:last-child {
  padding-left:0;
  }

  .modal_wrapper {
    /*width:100%;*/
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal_shortMessage {
    padding: 0!important;
  }

  .modal,
  .modal_shortMessage .modal{
    width:100%;
  }
}


.modal_title {
  border-bottom: 1px solid #E5E5E5;
  position:relative;
  box-sizing: border-box;
}

.modal_title p:first-child {
  margin: 0;
  padding: 10px 30px 10px 20px;
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
}

.modal_address {
  padding: 10px 20px;
  border-bottom: solid 1px #E5E5E5;
}

.modal_address:before, .modal_address:after {
  content: " ";
  display: table;
}

.modal_address:after {
  clear: both;
}

.modal_address {
  *zoom: 1;
}

.modal_address dl {
  float: left;
  width: 75%;
}

.modal_address dt {
  font-size: 1.2rem;
  font-weight: bold;
  display: inline;
}

.modal_address dd {
  display: inline;
}

.modal_address .address_date {
  float: right;
  margin: 3px 00;
  width: 25%;
  text-align: right;
}

.modal_body {
  padding: 30px 40px 0;
}

@media screen and (max-width : 767px) {
  .modal_body {
    padding: 30px 20px 0;
  }
}

.modal_footer {
  padding: 10px 180px 20px;
}

.modal_footer p {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .modal_footer {
    padding: 10px 20px;
  }
}

.modal_closeBtn {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:0;
  padding:0 0 0 10px;
}

.modal_body .modal_closeBtn {
  top:10px;
  transform:none;
}

.modal_body dl {
  margin:0 10px 10px;
}

.modal_body dd {
  margin-bottom:10px;
}

.modal_closeBtn:hover {
  cursor: pointer;
}

.modal_closeBtn:hover .icon {
  opacity: 0.7;
}

.modal-s {
  max-width: 340px;
  margin:0 auto;;
}

.modal-s .modal_title p {
  font-size: 1.4rem;
}

.modal-s .modal_body {
  border-bottom: none;
}

.modal-s .modal_footer {
  padding: 0 20px 20px;
}

.modal-message {
  /*max-width: 500px;*/
  height:432px;
  border-radius: 4px;
  border: none;
}

.modal-message .modal_body {
  padding-top: 100px;
  background: #81ADAE;
  background-image: -webkit-linear-gradient(294deg, #138286 0%, #75A422 100%);
  background-image: linear-gradient(156deg, #138286 0%, #75A422 100%);
  border-radius: 4px 4px 0 0;
  text-align: center;
  position:relative;
  height:270px;
}

.modal-message .modal_body .modal_messageIcon {
  margin-bottom: 30px;
}

.modal-message .modal_body .modal_messageIcon .icon {
  opacity: 1.0;
}

.modal-message .modal_body .modal_messageText {
  margin-bottom: 70px;
  color: #FFF;
  font-size: 1.8rem;
}

.modal-message .modal_body .modal_pagination {
  margin-bottom: 20px;
}

.modal-message .modal_body .modal_pagination li {
  display: inline-block;
  margin: 0 3px;
  opacity: 0.4;
}

.modal-message .modal_body .modal_pagination li.current {
  opacity: 1.0;
}

.modal-message .modal_body .modal_pagination li a {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  font-size: 0;
  background-color: #FFF;
}

.modal-message .modal_footer {
  padding-top: 20px;
  padding-bottom: 20px;
}

.modal-message .modal_footer .modal_check {
  font-size: 1.2rem;
}

/* sign in */
.signInBg {
  background: #FAFAFA url(../images/bg_logo_pattern.svg) repeat 0 0;
  height: 480px;
  margin: 40px 0;
  padding: 20px;
}

.signIn {
  max-width: 660px;
  margin: 0 auto 40px;
  background: #FFF;
  border-radius: 4px;
  border: solid 1px #E5E5E5;
}

.signIn_title {
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 20px;
}

.signIn_title p {
  margin: 0;
  padding: 10px 20px;
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
}

.signIn_body {
  padding: 0 170px;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .signIn_body {
    padding: 0 10px;
  }
}

.modal_footer dl {
  margin-bottom:20px;
}

.signIn_body dt,
.modal_footer dt {
  font-weight: bold;
  margin: 0 10px 10px;
}

.signIn_body dd,
.modal_footer dd {
  margin: 0 10px 20px;
}

.signIn_btn {
  padding: 0 170px 0;
}

@media only screen and (max-width: 767px) {
  .signIn_btn {
    padding: 0 10px;
  }
}

.signIn_btn ul {
  margin-bottom: 10px;
}

.signIn_btn ul:before, .signIn_btn ul:after {
  content: " ";
  display: table;
}

.signIn_btn ul:after {
  clear: both;
}

.signIn_btn ul {
  *zoom: 1;
}

.signIn_btn li {
  float: right;
  width: 50%;
  box-sizing: border-box;
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  .signIn_btn li {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
}

.signIn_btn p {
  text-align: center;
}

/* article summary */
.articleSummary {
  margin: 0 10px 20px;
  border-bottom: solid 1px #E5E5E5;
}

.articleSummary:before, .articleSummary:after {
  content: " ";
  display: table;
}

.articleSummary:after {
  clear: both;
}

.articleSummary {
  *zoom: 1;
}

.articleSummary_image p {
  margin: 0 0 10px;
}

.articleSummary_image-floatL {
  float: right;
  width: 37.5%;
  margin-right: -10px;
  margin-left: 10px;
}

.articleSummary_image-floatL p {
  margin: 0 10px 20px;
}

.articleSummary_image-floatS {
  float: right;
  width: 80px;
  margin-left: 20px;
}

.articleSummary_title h1, .articleSummary_title h2 {
  margin: 0 0 5px;
  padding: 0;
  border: none;
  font-size: 1.8rem;
}

.articleSummary_title h1 a, .articleSummary_title h2 a {
  color: #333;
  font-weight: bold;
}

.articleSummary_title h1 a:hover, .articleSummary_title h2 a:hover {
  color: #008FB8;
}

.articleSummary_title .articleSummary_title-xxl {
  font-size: 4.8rem;
}

.articleSummary_title .articleSummary_title-xl {
  font-size: 3rem;
}

.articleSummary_title .articleSummary_title-xs {
  font-size: 1.4rem;
}

.articleSummary_tag {
  margin: 0 0 5px;
}

.articleSummary_author {
  margin-bottom: 5px;
}

.articleSummary_authorImage {
  float: left;
  margin: 2px 5px 0 0;
}

.articleSummary_authorName {
  margin: 0;
}

.articleSummary_updateDate {
  margin: 0;
}

.articleSummary_body p {
  margin: 0 0 5px;
}

.articleSummary_share p {
  margin: 0 0 10px;
  display: inline-block;
}

.articleSummary_commentCount,
.articleSummary_shareCount {
  font-size: 1.2rem;
  font-weight: bold;
  font-family: Arial;
  color: #999;
  vertical-align: middle;
}

.articleSummary_snsBtns {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.articleSummary_snsBtns div, .articleSummary_snsBtns iframe {
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .articleSummary_title h1,
  .articleSummary_title h2,
  .articleSummary_title .articleSummary_title-xxl,
  .articleSummary_title .articleSummary_title-xl {
    font-size: 1.8rem;
  }
  .articleSummary_image,
  .articleSummary_image-floatS,
  .articleSummary_image-floatL {
    float: right;
    width: 50%;
    margin-right: 0;
    margin-left: 20px;
  }
}

/* articleSummary キービジュアルあり */
.articleSummary-keyVisual {
  position: relative;
  margin: 0 0 20px;
}

.articleSummary-keyVisual p {
  margin: 0;
}

.articleSummary-keyVisual .articleSummary_image {
  margin: 0;
  overflow: hidden;
  max-height: 424px;
  box-sizing: border-box;
}

.articleSummary-keyVisual .articleSummary_image:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 424px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.8) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.8) 100%);
}

.articleSummary-keyVisual .articleSummary_image p {
  margin: 0 -500px;
  /* 背景サイズ調整用 */
  text-align: center;
  min-width: 1280px;
}

.articleSummary-keyVisual .articleSummary_image .liquidImg {
  width: auto;
}

.articleSummary-keyVisual .articleSummary_inner {
  position: absolute;
  bottom: 0;
  max-width: 992px;
  box-sizing: border-box;
}

.articleSummary-keyVisual .articleSummary_title {
  margin: 0 20px;
  color: #FFF;
}

.articleSummary-keyVisual .articleSummary_title a {
  color: #FFF;
  font-weight: bold;
}

.articleSummary-keyVisual .articleSummary_title a:hover {
  color: #FFF;
}

.articleSummary-keyVisual .articleSummary_authorName,
.articleSummary-keyVisual .articleSummary_updateDate,
.articleSummary-keyVisual .articleSummary_commentCount,
.articleSummary-keyVisual .articleSummary_shareCount {
  color: rgba(255, 255, 255, 0.4);
}

.articleSummary-keyVisual .articleSummary_author {
  margin-left: 20px;
}

.articleSummary-keyVisual .articleSummary_authorImage {
  margin: 0 5px 0 0;
}

.articleSummary-keyVisual .articleSummary_share {
  margin-left: 20px;
}

.articleSummary-keyVisual .articleSummary-keyVisual_leftArrow,
.articleSummary-keyVisual .articleSummary-keyVisual_rightArrow {
  width: 30px;
  height: 40px;
  overflow: hidden;
  background: url(../images/bg_slider_boxArrow.svg) no-repeat;
  text-indent: -500px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}

.articleSummary-keyVisual .articleSummary-keyVisual_leftArrow {
  background-position: 0 0;
  left: 0;
}

.articleSummary-keyVisual .articleSummary-keyVisual_leftArrow:hover {
  background-position: 0 -40px;
}

.articleSummary-keyVisual .articleSummary-keyVisual_rightArrow {
  background-position: -30px 0;
  right: 0;
}

.articleSummary-keyVisual .articleSummary-keyVisual_rightArrow:hover {
  background-position: -30px -40px;
}

@media only screen and (max-width: 767px) {
  .articleSummary-keyVisual .articleSummary_image {
    float: none;
    width: auto;
    height: 375px;
  }
  .articleSummary-keyVisual .articleSummary_image p {
    min-width: 1132px;
  }
  .articleSummary-keyVisual .articleSummary_inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  .articleSummary-keyVisual .articleSummary_title {
    position: relative;
    margin: 0 20px 0;
  }
  .articleSummary-keyVisual .articleSummary_title-xxl {
    font-size: 3rem;
  }
  .articleSummary-keyVisual .articleSummary_share {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .articleSummary-keyVisual .articleSummary_author {
    display: inline-block;
    margin-bottom: 35px;
  }
  .articleSummary-keyVisual .articleSummary_authorImage {
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
  .articleSummary-keyVisual .articleSummary_authorName,
  .articleSummary-keyVisual .articleSummary_updateDate {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
  }
  .articleSummary-keyVisual .articleSummary_share {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  .articleSummary-keyVisual {
    /* キービジュアル最大幅を超える場合 */
  }
  .articleSummary-keyVisual .articleSummary_image p {
    margin: 0;
    /* 背景サイズ調整用 */
  }
  .articleSummary-keyVisual .articleSummary_image .liquidImg {
    width: 100%;
  }
}

/* productTable */
.productTable th,
.productTable td {
  vertical-align: top;
}

.productTable th {
  white-space: nowrap;
}

td.productTable_date,
td.productTable_service {
  font-size: 1rem;
  color: #767676;
  white-space: nowrap;
}

.productTable_image {
  float: right;
}

.productTable_image p {
  margin: 0 0 0 20px;
}

.productTable_info h2 {
  font-size: 1.2rem;
  margin: 0 0 10px;
  padding: 0;
  border: none;
}

.productTable_info h2 a {
  color: #333;
  font-weight: bold;
}

.productTable_info h2 a:hover {
  color: #008FB8;
}

.productTable_author {
  margin-bottom: 5px;
}

.productTable_authorImage {
  float: left;
  margin: 2px 5px 0 0;
}

.productTable_authorName {
  margin: 0;
}

.productTable_updateDate {
  margin: 0;
}

.productTable_type .tag:hover {
  text-decoration: none;
}

td.productTable_util {
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
}

td.productTable_util li {
  display: inline;
}

td.productTable_util .icon {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .productTable {
    margin: 0 -10px 20px;
  }
  .productTable tr, .productTable td, .productTable th, .productTable thead, .productTable tfoot, .productTable tbody {
    display: block;
  }
  .productTable thead {
    display: none;
  }
  .productTable tr {
    position: relative;
    border-top: solid 1px #E5E5E5;
  }
  .productTable tr:hover td,
  .productTable tr:hover th {
    background: none;
    border-color: #E5E5E5;
  }
  .productTable .productTable_date,
  .productTable .productTable_service {
    float: left;
    padding-left: 20px;
    border: none;
  }
  .productTable .productTable_type {
    float: right;
    border: none;
    padding: 7px 20px;
  }
  .productTable .productTable_info,
  .productTable .productTable_activity,
  .productTable .productTable_history {
    clear: both;
    padding-right: 20px;
    padding-left: 20px;
    border-top: dashed 1px #E5E5E5;
    border-bottom: none;
  }
  .productTable .productTable_info:before, .productTable .productTable_info:after,
  .productTable .productTable_activity:before,
  .productTable .productTable_activity:after,
  .productTable .productTable_history:before,
  .productTable .productTable_history:after {
    content: " ";
    display: table;
  }
  .productTable .productTable_info:after,
  .productTable .productTable_activity:after,
  .productTable .productTable_history:after {
    clear: both;
  }
  .productTable .productTable_info,
  .productTable .productTable_activity,
  .productTable .productTable_history {
    *zoom: 1;
  }
  .productTable .productTable_util {
    position: absolute;
    vertical-align: middle;
    top: 0;
    right: 0;
    border: none;
  }
}

.productTable_type .tag {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  text-align: center;
}

td.productTable_activity,
td.productTable_history {
  font-size: 1.2rem;
  color: #767676;
}

/* carousel */
.carousel {
  position: relative;
}

.carouselInner {
  margin-right: 10px;
  overflow: hidden;
}

.carouselItems {
  width: 2000px;
}

.carouselItems:before, .carouselItems:after {
  content: " ";
  display: table;
}

.carouselItems:after {
  clear: both;
}

.carouselItems {
  *zoom: 1;
}

.carouselItem {
  float: left;
}

.carousel_leftArrow,
.carousel_rightArrow {
  width: 30px;
  height: 40px;
  overflow: hidden;
  background: url(../images/bg_slider_boxArrow.svg) no-repeat;
  text-indent: -500px;
  position: absolute;
  top: 35px;
}

.carousel_leftArrow {
  background-position: 0 0;
  left: 10px;
}

.carousel_leftArrow:hover {
  background-position: 0 -40px;
}

.carousel_rightArrow {
  background-position: -30px 0;
  right: 10px;
}

.carousel_rightArrow:hover {
  background-position: -30px -40px;
}

@media only screen and (max-width: 767px) {
  .carousel {
    margin-left: -10px;
    margin-right: -10px;
  }
  .carouselInner {
    margin-right: 0;
    padding-left: 10px;
  }
  .carousel_leftArrow {
    left: 0;
  }
  .carousel_rightArrow {
    right: 0;
  }
}

/* 記事概要カルーセル */
.carousel-article .carouselItem {
  width: 240px;
}

.carousel-article .carouselItem .articleSummary_image {
  float: none;
  width: auto;
  margin-right: 0;
  margin-left: 0;
}

.carousel-article .carousel_leftArrow,
.carousel-article .carousel_rightArrow {
  top: 53px;
}

/* 閲覧履歴カルーセル */
.carousel-s .carouselItem {
  width: 130px;
}

.carouselItem_image {
  margin-bottom: 10px;
}

.carouselItem_title {
  font-weight: bold;
  margin-bottom: 10px;
}

.carouselItem_title a {
  color: #333;
  font-weight: bold;
}

.carouselItem_title a:hover {
  color: #008FB8;
}

/* productSummary */
.productSummary {
  margin-bottom: 20px;
}

.productSummary:before, .productSummary:after {
  content: " ";
  display: table;
}

.productSummary:after {
  clear: both;
}

.productSummary {
  *zoom: 1;
}

.productSummary:after {
  border-bottom: solid 1px #E5E5E5;
  margin: 0 10px;
  display: block;
  width: auto;
}

.productSummary_image {
  float: left;
  width: 22.2222%;
}

.productSummary_tags {
  float: left;
  width: 77.7777%;
  margin: 0 0 10px;
  padding: 0 10px;
  box-sizing: border-box;
}

.productSummary_info {
  float: left;
  width: 55.5555%;
}

.productSummary_info .caption, .productSummary_info .articleSummary_authorName, .productSummary_info .productTable_authorName {
  margin-bottom: 5px;
}

.productSummary_name {
  margin-bottom: 10px;
}

.productSummary_name a {
  font-size: 1.6rem;
  font-weight: bold;
}

.productSummary_btn {
  float: left;
  width: 22.2222%;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.productSummary_btn p {
  margin-bottom: 0;
}

.productSummary_thumb {
  float: left;
  width: 77.7777%;
}

.productSummary_thumbTitle {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.productSummary_thumbList {
  margin: 0 10px;
  margin-bottom: 20px;
}

.productSummary_thumbList:before, .productSummary_thumbList:after {
  content: " ";
  display: table;
}

.productSummary_thumbList:after {
  clear: both;
}

.productSummary_thumbList {
  *zoom: 1;
}

.productSummary_thumbList li {
  float: left;
  margin-right: 3px;
}

.productSummary_thumbList li a:hover {
  color: #767676;
}

.productSummary_thumbList li .caption-s, .productSummary_thumbList li .articleSummary_updateDate, .productSummary_thumbList li .productTable_updateDate {
  margin: 0;
}

.productSummary_thumbList .toolTip {
  /* 実際はJSで調整 */
  top: auto;
  bottom: 95px;
  left: -10px;
}

.productSummary_thumbImage {
  border: solid 1px #E5E5E5;
  margin: 0 0 5px;
  padding: 0;
  font-size: 1.2rem;
  text-align: center;
}

.productSummary_thumbImage:last-child {
  width: 68px;
  height: 68px;
  line-height: 68px;
  margin-bottom: 20px;
}

.productSummary_number {
  font-size: 2.1rem;
  font-weight: bold;
  font-family: Arial;
}

@media only screen and (max-width: 767px) {
  .productSummary_image {
    min-width: 90px;
  }
  .productSummary_tags {
    float: none;
    width: 100%;
  }
  .productSummary_info {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .productSummary_btn {
    display: none;
  }
  .productSummary_thumb {
    display: none;
  }
}

.productSummary-compact .productSummary_image {
  float: left;
  width: auto;
}

.productSummary-compact .productSummary_info {
  width: 77.7777%;
  margin-right: -10px;
}

.productSummary-compact .productSummary_tags,
.productSummary-compact .productSummary_name,
.productSummary-compact .caption,
.productSummary-compact .articleSummary_authorName,
.productSummary-compact .productTable_authorName {
  margin-left: 90px;
  padding: 0;
  float: none;
}

.productSummary-compact .productSummary_tags .caption, .productSummary-compact .productSummary_tags .articleSummary_authorName, .productSummary-compact .productSummary_tags .productTable_authorName {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .productSummary-compact .productSummary_tags {
    margin-left: 0;
  }
  .productSummary-compact .productSummary_info {
    float: none;
    width: 100%;
  }
  .productSummary-compact .productSummary_info:before, .productSummary-compact .productSummary_info:after {
    content: " ";
    display: table;
  }
  .productSummary-compact .productSummary_info:after {
    clear: both;
  }
  .productSummary-compact .productSummary_info {
    *zoom: 1;
  }
  .productSummary-compact .productSummary_btn {
    display: block;
    float: none;
    margin: 0 10px;
    width: auto;
    border-top: dashed 1px #E5E5E5;
    padding-top: 10px;
    padding-left: 0;
  }
  .productSummary-compact .productSummary_btn:before, .productSummary-compact .productSummary_btn:after {
    content: " ";
    display: table;
  }
  .productSummary-compact .productSummary_btn:after {
    clear: both;
  }
  .productSummary-compact .productSummary_btn {
    *zoom: 1;
  }
  .productSummary-compact .productSummary_btn p {
    display: none;
  }
  .productSummary-compact .productSummary_btn .productSummary_store,
  .productSummary-compact .productSummary_btn .caption-s,
  .productSummary-compact .productSummary_btn .articleSummary_updateDate,
  .productSummary-compact .productSummary_btn .productTable_updateDate {
    display: block;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
  .productSummary-compact .productSummary_btn .caption-s, .productSummary-compact .productSummary_btn .articleSummary_updateDate, .productSummary-compact .productSummary_btn .productTable_updateDate {
    margin-left: 0;
    margin-top: 5px;
  }
  .productSummary-compact .productSummary_btn .productSummary_price {
    display: block;
    float: right;
    margin-right: 0;
  }
}

.productSummary_btn {
  padding-left: 10px;
}

.productSummary_btn .productSummary_store {
  margin-bottom: 0;
}

.productSummary_btn .productSummary_price {
  margin-bottom: 10px;
}

.productSummary_btn .productSummary_price,
.productSummary_btn .productSummary_store {
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  font-size: 1.4rem;
}

.productSummary_btn .caption-s, .productSummary_btn .articleSummary_updateDate, .productSummary_btn .productTable_updateDate {
  text-align: center;
  margin-bottom: 10px;
}

.productSummary-v .productSummary_tags {
  width: auto;
}

.productSummary-v .productSummary_image,
.productSummary-v .productSummary_info {
  float: none;
  width: auto;
}

.productSummary-v .productSummary_image .caption, .productSummary-v .productSummary_image .articleSummary_authorName, .productSummary-v .productSummary_image .productTable_authorName,
.productSummary-v .productSummary_info .caption,
.productSummary-v .productSummary_info .articleSummary_authorName,
.productSummary-v .productSummary_info .productTable_authorName {
  margin-bottom: 10px;
}

.productSummary-v .productSummary_image .productSummary_price,
.productSummary-v .productSummary_info .productSummary_price {
  margin-bottom: 20px;
}

.productSummary-v .productSummary_thumb {
  width: auto;
}

/* author info */
.authorProfileWrapper {
background: #FAFAFA url(../images/bg_logo_pattern.svg) repeat top center;
padding-top: 20px;	
}	
.authorProfileWrapper-bg {	
background: #FAFAFA url(../images/bg_logo_pattern.png) repeat top center ;	
padding-top: 20px;	
}
.authorProfile_image {
  float: left;
  width: 130px;
}

.authorProfile_header,
.authorProfile_body {
  margin-left: 130px;
}

.authorProfile_name {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
}

.authorProfile_shareCount {
  display: inline-block;
}

.authorProfile_shareCount li {
  display: inline-block;
  font-weight: bold;
  color: #999;
  font-family: Arial;
}

.authorProfile_tags {
  margin-bottom: 5px;
}

.authorProfile_info {
  margin: 0 10px 5px;
}

.authorProfile_info dt {
  display: inline;
  font-size: 1.2rem;
  font-weight: bold;
}

.authorProfile_info dd {
  display: inline;
  margin-right: 10px;
}

.authorProfile_sns {
  margin: -10px 10px 20px;
}

.authorProfile_sns li {
  display: inline-block;
  font-size: 1rem;
  color: #767676;
  margin-right: 10px;
}

.authorProfile_sns li img {
  vertical-align: middle;
}

.authorProfile_btn {
  margin-right: 10px;
}

.authorProfile_btn li {
  margin-bottom: 5px;
}

.authorProfile_btn li .btn-strong {
  min-height: 32px;
  padding: 7px 10px;
}

@media only screen and (max-width: 767px) {
  .authorProfile_image {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
  .authorProfile_header,
  .authorProfile_body {
    margin-left: 0;
  }
  .authorProfile_name {
    display: block;
    text-align: center;
  }
  .authorProfile_shareCount {
    text-align: center;
  }
  .authorProfile_shareCount {
    display: block;
    margin: 0 10px 5px;
  }
  .authorProfile_tags {
    text-align: center;
  }
  .authorProfile_btn {
    margin: 0 0 20px;
  }
  .authorProfile_btn:before, .authorProfile_btn:after {
    content: " ";
    display: table;
  }
  .authorProfile_btn:after {
    clear: both;
  }
  .authorProfile_btn {
    *zoom: 1;
  }
  .authorProfile_btn li {
    float: left;
  }
  .authorProfile-author .authorProfile_btn li {
    width: 50%;
  }
  .authorProfile-company .authorProfile_btn li {
    width: 33.3333%;
  }
  .authorProfile_btn a {
    margin: 0 10px;
    width: auto;
  }
}

/* quoteItem */
.quoteItem {
  margin: 0 10px 20px;
  padding: 20px 10px 0;
  border: solid 1px #E5E5E5;
}

.quoteItem:before, .quoteItem:after {
  content: " ";
  display: table;
}

.quoteItem:after {
  clear: both;
}

.quoteItem {
  *zoom: 1;
}

.quoteItem_image {
  float: right;
  margin-left: 20px;
}

.quoteItem_title {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.quoteItem_title a {
  font-weight: bold;
  color: #333;
}

.quoteItem_title a:hover {
  color: #008FB8;
}

@media only screen and (max-width: 767px) {
  .quoteItem-article .quoteItem_image img {
    width: 105px;
  }
  .quoteItem-product .quoteItem_image img {
    width: 80px;
  }
}

/* pagination */
.pagination {
  max-width: 450px;
  margin: 0 auto 20px;
  position: relative;
}

.pagination:before, .pagination:after {
  content: " ";
  display: table;
}

.pagination:after {
  clear: both;
}

.pagination {
  *zoom: 1;
}

.pagination li {
  float: left;
  width: 11.1111%;
  line-height: 40px;
  text-align: center;
}

.pagination a,
.pagination .current span {
  display: block;
  font-weight: bold;
  margin: 0 5px;
}

.pagination a {
  border: solid 1px #007CA0;
}

.pagination .current span {
  background-color: #F6F6F6;
  color: #333;
}

@media only screen and (max-width: 767px) {
  .pagination {
    max-width: 375px;
    padding: 0 7px;
  }
  .pagination li {
    width: 13.3333%;
  }
  .pagination .ommit {
    width: 6.6666%;
  }
  .pagination .ommit-s {
    width: 3.3333%;
    font-size: 1rem;
  }
  .pagination a,
  .pagination .current span {
    margin: 0 3px 0 2px;
  }
  /*
  .pagination .ommit + li:not(:last-child) {
    display: none;
  }*/

  .pagination .ommit.ommit-s + li {
    display: block;
  }
  /*
  .pagination li:nth-child(7) {
    display: none;
  }
  */
  .pagination li.ommit + li + li + li + li + li {
    display: block;
  }
}

.pagination_leftArrow,
.pagination_rightArrow {
  width: 14px;
  height: 24px;
  overflow: hidden;
  background: url(../images/bg_slider_arrow.svg) no-repeat;
  text-indent: -500px;
  position: absolute;
  top: 10px;
}

.pagination_leftArrow {
  background-position: 0 0;
  left: -32px;
}

.pagination_leftArrow:hover {
  background-position: 0 -30px;
}

.pagination_rightArrow {
  background-position: -20px 0;
  right: -32px;
}

.pagination_rightArrow:hover {
  background-position: -20px -30px;
}

@media only screen and (max-width: 767px) {
  .pagination_leftArrow,
  .pagination_rightArrow {
    display: none;
  }
}

/* タグ開閉 */
.tagAccordion {
  overflow: hidden;
  position: relative;
  margin: 0 10px 20px;
  padding-top: 5px;
  padding-right: 30px;
  height: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.tagAccordion .tagList-inline {
  margin: 0;
}

.tagAccordion.is-open {
  height: auto;
}

.tagAccordion_btn {
  position: absolute;
  margin: 0;
  top: 0;
  right: 0;
  cursor: pointer;
}

.tagAccordion_btn:hover .icon {
  opacity: 0.6;
}

@media only screen and (max-width: 767px) {
  .tagAccordion {
    border: solid 1px #E5E5E5;
    border-radius: 4px;
    padding: 10px 45px 10px 10px;
    height: 22px;
  }
  .tagAccordion .tagList-inline li {
    margin-bottom: 15px;
  }
  .tagAccordion.is-open .tagList-inline li {
    margin-bottom: 7px;
  }
  .tagAccordion_btn {
    top: 5px;
    right: 15px;
  }
}

/* タグ絞り込み */
.tagFilter {
  margin: 0 10px 20px;
  padding: 10px 20px 3px;
  border: solid 1px #E5E5E5;
  border-radius: 4px;
}

.tagFilter dl {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #E5E5E5;
}

.tagFilter dt, .tagFilter dd {
  display: inline;
}

.tagFilter dt {
  font-size: 1.2rem;
  font-weight: bold;
}

.tagFilter .tagList-inline {
  margin: 0;
}

.tagFilter .tagFilter_btn {
  display: none;
}

@media only screen and (max-width: 767px) {
  .tagFilter {
    position: relative;
    padding: 10px 45px 10px 10px;
  }
  .tagFilter dl {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }
  .tagFilter .tag {
    font-size: 1.2rem;
  }
  .tagFilter .tagList-inline {
    display: none;
  }
  .tagFilter.is-open dl {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #E5E5E5;
  }
  .tagFilter.is-open .tagList-inline {
    display: block;
  }
  .tagFilter .tagFilter_btn {
    position: absolute;
    display: block;
    margin: 0;
    top: 5px;
    right: 15px;
    cursor: pointer;
  }
  .tagFilter .tagFilter_btn:hover .icon {
    opacity: 0.6;
  }
}

/* カテゴリ開閉 */
.categoryAccordion {
  margin: 0 10px 20px;
  padding: 10px 10px 10px;
  border: solid 1px #E5E5E5;
  border-radius: 4px;
  position: relative;
}

.categoryAccordion:before, .categoryAccordion:after {
  content: " ";
  display: table;
}

.categoryAccordion:after {
  clear: both;
}

.categoryAccordion {
  *zoom: 1;
}

.categoryAccordion_title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0;
}

.is-open .categoryAccordion_title {
  margin-bottom: 10px;
}

.categoryAccordion_count {
  font-size: 1.4rem;
  color: #999;
  font-weight: bold;
  font-family: Arial;
}

.categoryAccordion_subCategory {
  float: left;
  width: 25%;
  position: relative;
  display: none;
}

.is-open .categoryAccordion_subCategory {
  display: block;
}

.categoryAccordion_subCategory dl {
  margin: 0 5px 10px;
  padding: 0;
  border: solid 1px #E5E5E5;
  background-color: #FAFAFA;
  border-radius: 4px;
}

.categoryAccordion_subCategory dt {
  font-weight: bold;
  padding: 10px 30px 10px 10px;
}

.categoryAccordion_subCategory dd {
  display: none;
  padding: 10px;
  font-size: 1.2rem;
  border-bottom: solid 1px #E5E5E5;
}

.categoryAccordion_subCategory dd:last-child {
  border: none;
}

.categoryAccordion_subCategory.is-open dt {
  border-bottom: solid 1px #E5E5E5;
}

.categoryAccordion_subCategory.is-open dd {
  display: block;
}

.categoryAccordion_subCategory .categoryAccordion_count {
  font-size: 1.2rem;
}

.categoryAccordion_btn {
  position: absolute;
  margin: 0;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.categoryAccordion_btn:hover .icon {
  opacity: 0.6;
}

.categoryAccordion_subCategory .categoryAccordion_btn {
  top: 5px;
  right: 10px;
}

@media only screen and (min-width: 993px) {
  .categoryAccordion_subCategory.is-open dl {
    padding-bottom: 5px;
  }
  .categoryAccordion_subCategory.is-open dt {
    border-bottom: none;
  }
  .categoryAccordion_subCategory dd {
    padding: 0 10px 5px;
    border: none;
  }
  .categoryAccordion_subCategory:nth-child(4n+2) {
    clear: both;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .categoryAccordion_subCategory {
    width: 33.3333%;
  }
  .categoryAccordion_subCategory:nth-child(3n+2) {
    clear: both;
  }
}

@media only screen and (max-width: 767px) {
  .categoryAccordion_subCategory {
    width: 100%;
    float: none;
  }
}

/* comment */
.comment {
  margin: 0 10px 20px;
  border-bottom: solid 1px #E5E5E5;
}

.comment_userIcon {
  width: 30px;
  float: left;
  box-sizing: border-box;
}

.comment_userIcon p {
  margin: 0;
}

.comment_container {
  margin-left: 30px;
}

.comment_inputArea {
  margin-bottom: 10px;
}

.comment_submitBtn {
  text-align: right;
}

.comment_submitBtn .btn-normal {
  display: inline-block;
  width: auto;
}

.comment_header {
  position: relative;
}

.comment_title {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.comment_authorName {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.comment_updateDate {
  font-size: 1rem;
  color: #767676;
  margin-bottom: 10px;
}

.comment_util {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.comment_header:hover .comment_util {
  display: block;
}

.comment_util li {
  display: inline-block;
  margin: 0 0 0 3px;
}

.comment_util .btn-normal {
  padding: 0;
}

.commentBody p,
.comment_reply {
  font-size: 1.2rem;
}

.comment_container .comment {
  margin-right: 0;
  padding-top: 20px;
  border-top: dashed 1px #E5E5E5;
  border-bottom: none;
}

.comment_attention {
  border-bottom: solid 1px #E5E5E5;
  margin: 0 0 20px;
}

.comment_attentionBox {
  margin: 0 10px 20px;
  padding: 20px 10px 10px;
  border: solid 1px #E5E5E5;
  background-color: #FAFAFA;
  text-align: center;
}

.comment_attentionBox p {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.comment_attentionBox .comment_btn {
  direction: rtl;
}

.comment_attentionBox .comment_btn li {
  display: inline-block;
  margin: 0 10px 10px;
  width: 140px;
}

.comment_rating .rating, .comment_rating .caption, .comment_rating .articleSummary_authorName, .comment_rating .productTable_authorName {
  display: inline-block;
  vertical-align: middle;
}

.review_average {
  margin: 0 10px 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #E5E5E5;
}

.review_average dt {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-right: 20px;
  vertical-align: middle;
}

.review_average dd {
  display: inline-block;
}

.review_average dd .rating {
  display: inline-block;
  vertical-align: middle;
}

.review_average dd .review_averageValue {
  display: inline-block;
  font-size: 2.1rem;
  font-weight: bold;
  vertical-align: middle;
}

/* 通知領域 */
.notification {
  position: relative;
  background-color: #FAFAFA;
  padding: 10px 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.notification:before, .notification:after {
  content: " ";
  display: table;
}

.notification:after {
  clear: both;
}

.notification {
  *zoom: 1;
}

.notification_title {
  font-weight: bold;
  margin-bottom: 10px;
}

.notification_text {
  margin-right: 60px;
  margin-bottom: 10px;
}

.notification_close {
  position: absolute;
  top: 5px;
  right: 0;
  cursor: pointer;
}

.notification_close:hover .icon {
  opacity: 0.6;
}

@media only screen and (min-width: 768px) {
  .notification_title {
    float: left;
    min-width: 140px;
  }
  .notification_title + .notification_text {
    margin-left: 160px;
  }
}

.notification-b {
  color: #00566F;
  background-color: #D2E3EC;
}

.notification-y {
  color: #7F612B;
  background-color: #FCF4DC;
}

.notification-r {
  color: #962727;
  background-color: #EFD9D7;
}

/* ------------------------------------- その他 */
.detailLink {
  font-size: 1.2rem;
  text-align: right;
}

.tagList-inline {
  margin: 0 10px;
}

.tagList-inline li {
  display: inline-block;
  margin-bottom: 7px;
}

/* news */
.newsSource {
  margin-left: 40px;
  font-size: 1.2rem;
  font-weight: bold;
}

.newsTable {
  margin-bottom: 10px;
}

.listTable .newsTable_date {
  font-weight: normal;
}

.newsTable .titleXS a {
  font-weight: bold;
  color: #333;
}

.newsTable .titleXS a:hover {
  color: #008FB8;
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .newsTable {
    margin: 0 -10px 20px;
  }
  .newsTable tr, .newsTable td, .newsTable th, .newsTable thead, .newsTable tfoot, .newsTable tbody {
    display: block;
  }
  .newsTable thead {
    display: none;
  }
  .newsTable .newsTable_date {
    border-bottom: none;
    padding-right: 20px;
    padding-left: 20px;
  }
  .newsTable td {
    border-top-style: dashed;
    border-bottom: none;
  }
}

/* 検索結果 */
.searchResult_header {
  margin-bottom: 20px;
}

.searchResult_count {
  float: left;
  font-weight: bold;
  margin-bottom: 5px;
}

.searchResult_util {
  float: right;
  margin: 0 10px 5px;
}

.searchResult_util:before, .searchResult_util:after {
  content: " ";
  display: table;
}

.searchResult_util:after {
  clear: both;
}

.searchResult_util {
  *zoom: 1;
}

.searchResult_util li {
  display: inline-block;
  margin-left: 5px;
}

.searchResult_util .searchResult_utilTypePhoto a,
.searchResult_util .searchResult_utilTypeList a {
  display: block;
  padding-right: 5px;
  font-size: 1.2rem;
  color: #999;
}

.searchResult_util .searchResult_utilTypePhoto a:hover,
.searchResult_util .searchResult_utilTypeList a:hover {
  text-decoration: underline;
}

.searchResult_util .searchResult_utilTypePhoto.current,
.searchResult_util .searchResult_utilTypeList.current {
  background-color: #F6F6F6;
  color: #767676;
}

.searchResult_tags {
  clear: both;
  margin: 0 10px 5px;
  padding: 10px;
  border-top: solid 1px #E5E5E5;
  background-color: #F6F6F6;
}

.searchResult_tags .searchResult_tagList {
  vertical-align:center;
}

.searchResult_tags .searchResult_tagList li {
  display: inline-block;
  height: 26px;
  vertical-align: middle;
}

.searchResult_tags .searchResult_tagList li input[type=text] {
  border: solid 1px #E5E5E5;
  margin-left: 10px;
}

.searchResult_tags .searchResult_tagList li:last-child {
  margin-left:10px;
}

.searchResult_tags .searchResult_tagList li a {
  height: 26px;
  line-height: 1.2;
  margin-left:-1px;
} 

/*.searchResult_tags .searchResult_tagList .btn-normal {
  height:26px;
  line-height:1.2;
.searchResult_tags .searchResult_tagList li:last-child {
  margin-left: 8px;
}
*/

.searchResult_tags .searchResult_tagList_keyword {
  margin-left: 8px;
}

.searchResult_tags input[type=text] {
  padding-top: 3px;
  padding-bottom: 3px;
}


.searchResult_tags .tag {
  display: inline-block;
  padding: 3px 10px;
  border: solid 1px #FFFFFF;
  border-radius: 2px;
  line-height: 1.0;
  font-size: 1rem;
  font-weight: bold;
  background-color: #FFFFFF;
  color: #999;
  white-space: nowrap;
}

.searchResult_tags .tag:hover {
  text-decoration:none;
}

.searchResult_keywords {
  margin: 0 10px;
}

.searchResult_keywords dt {
  display: inline;
  font-size: 1.2rem;
  color: #767676;
}

.searchResult_keywords dd {
  display: inline;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .searchResult_count,
  .searchResult_util {
    float: none;
  }
  .searchResult_util {
    padding-bottom: 10px;
    border-bottom: solid 1px #E5E5E5;
  }
  .searchResult_tags,
  .searchResult_keywords {
    display: none;
  }
}

/* サイドナビ絞り込み */
.sideNav_list {
  margin: 0 10px 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #E5E5E5;
}

.js_manufacturerList li:last-child {
  margin-bottom:10px;
}

.sideNav_title {
  position: relative;
}

.sideNav_list .sideNav_title a {
  display: block;
  font-weight: bold;
  padding: 10px 0 10px;
  /*background: url(../images/bullet_sidenav.svg) no-repeat left center;*/
  border-top: solid 1px #E5E5E5;
  color: #333;
}

.sideNav_list .sideNav_title .icon-plus,
.sideNav_list .sideNav_title .icon-minus {
  margin-left: -5px;
}

.sideNav_list .sideNav_title .sideNav_categoryName {
  color: #333;
  font-weight: bold;
}

.sideNav_list .sideNav_categoryCount {
  font-weight: bold;
  color: #999;
  font-size: 1rem;
}

.sideNav_list .current .sideNav_categoryName {
  font-weight: bold;
}

.sideNav_list .sideNav_title-backLink {
  font-size: 1.2rem;
}

.sideNav_list .sideNav_title-backLink .sideNav_categoryName,
.sideNav_list .sideNav_title-backLink .sideNav_categoryCount {
  font-size: 1.4rem;
}

.sideNav_list .sideNav_title-backLink a {
  color: #138286;
}

.sideNav_list .sideNav_title-noSubCategory {
  font-weight: bold;
  padding: 10px 0;
  border-top: solid 1px #E5E5E5;
}

.sideNav_list .sideNav_body {
  font-size: 1.2rem;
}

.sideNav_list .sideNav_viewAll {
  text-align: right;
  font-size: 1rem;
  margin-top: 10px;
}

.sideNav_list .sideNav_viewAll a {
  color: #767676;
}

.sideNav_list .sideNav_categoryNav {
  background-color: #FAFAFA;
  padding: 5px 15px;
}

.sideNav_list .sideNav_categoryNav li {
  margin: 0 0 5px 0;
}

.sideNav_list .sideNav_categoryNav ul {
  margin-top: 5px;
}

.sideNav_list .sideNav_categoryNav ul li,
.sideNav_list .sideNav_categoryNav li
 {
  position: relative;
  padding-left: 1.2rem;
}

.sideNav_list .sideNav_categoryNav ul li a,
.sideNav_list .sideNav_categoryNav li a,
.sideNav_list .sideNav_categoryNav ul li a:hover,
.sideNav_list .sideNav_categoryNav li a:hover {
  text-decoration: none;
}

.sideNav_list .sideNav_categoryNav ul li::before,
.sideNav_list .sideNav_categoryNav li::before {
  content:url(../images/icon_plus.svg);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  width:20px;
  height:20px;
}

.sideNav_list .sideNav_categoryNav li.categoryChild-open::before {
  content: url(../images/icon_minus.svg);
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
}

.sideNav_list .sideNav_categoryNav a {
  color: #333;
}

.categoryChild {
    display: none;
}

.sideNav_list .sideNav_makerNav li,
.sideNav_list .sideNav_dealerNav li,
.sideNav_list .sideNav_otherNav li {
  position: relative;
  padding-left: 1.8em;
}

.sideNav_list .sideNav_makerNav li input[type="checkbox"],
.sideNav_list .sideNav_dealerNav li input[type="checkbox"],
.sideNav_list .sideNav_otherNav li input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
}

.sideNav_list .sideNav_categoryNav li.categoryChild-end:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

/*絞込み解除ボタン*/
.clearNarrowing {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 1.2rem;
  display: block;
  border: solid 1px #E5E5E5;
  color: #007CA0!important;
  background-color: #FAFAFA;  
  font-weight: normal!important;
  padding:3px 5px!important;
}


/* 製品情報 */
.productInfo {
  margin-bottom: 40px;
}

.productInfo:before, .productInfo:after {
  content: " ";
  display: table;
}

.productInfo:after {
  clear: both;
}

.productInfo {
  *zoom: 1;
}

.productInfo_image {
  margin-top: 20px;
}

.productInfo_image p {
  margin-bottom: 10px;
}

.productInfo_thumbs {
  margin: 0 10px;
}

.productInfo_thumbs:before, .productInfo_thumbs:after {
  content: " ";
  display: table;
}

.productInfo_thumbs:after {
  clear: both;
}

.productInfo_thumbs {
  *zoom: 1;
}

.productInfo_thumbs li {
  float: left;
  box-sizing: border-box;
  overflow: hidden;
  width: 52px;
  height: 52px;
}

.productInfo_thumbs li:not(:last-child) {
  margin-right: 8px;
  margin-bottom: 8px;
}

.productInfo_thumbs li.current {
  border: solid 2px #007CA0;
}

.productInfo_name {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.productInfo_rating {
  float: left;
  margin-top: 3px;
  font-size: 1.2rem;
  font-family: Arial;
  font-weight: bold;
  color: #999;
}

.productInfo_spec {
  margin: 0 10px 20px;
}

.productInfo_spec dt {
  float: left;
  width: 5.5em;
  font-size: 1.2rem;
  font-weight: bold;
}

.productInfo_spec dd {
  font-size: 1.2rem;
  color: #767676;
  margin-bottom: 10px;
}

.productInfo_spec dd + dd {
  margin-top: -10px;
}

.productInfo_spec .productInfo_price {
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: -4px;
}

.productInfo_btn {
  margin: 0 10px 20px;
}

.productInfo_btn li {
  margin-bottom: 10px;
}

.productInfo_btn .btn-strong {
  line-height: 30px;
}

.productInfo_btn .btn-normal {
  font-weight: bold;
}

.productInfo_table {
  margin-bottom: 0;
}

.productInfo_table .listTable td, .productInfo_table .listTable th {
  font-size: 1.2rem;
  vertical-align: middle;
}

.productInfo_table th.productInfo_tableRank {
  width: 6.6666%;
}

.productInfo_table th.productInfo_tablePrice {
  width: 13.3333%;
}

.productInfo_table th.productInfo_tablePostage {
  width: 10%;
}

.productInfo_table th.productInfo_tableStock {
  width: 10%;
}

.productInfo_table th.productInfo_tableArea {
  width: 6.6666%;
}

.productInfo_table th.productInfo_tableStore {
  width: 16.6666%;
}

.productInfo_table th.productInfo_tableComment {
  width: 20%;
}

.productInfo_table th.productInfo_tableBtn {
  width: 16.6666%;
}

.productInfo_table-store th.productInfo_tablePrice {
  width: 20%;
}

.productInfo_table-store th.productInfo_tableStore {
  width: 36.6666%;
}

td.productInfo_tableRank {
  color: #999;
  font-weight: bold;
}

td.productInfo_tableRank1 {
  color: #FFC457;
  font-weight: bold;
}

.productInfo_tableRankNum {
  font-size: 1.8rem;
  font-weight: bold;
}

.productInfo_table .listTable td.productInfo_tablePrice {
  font-size: 1.6rem;
  font-weight: bold;
}

td.productInfo_tableBtn {
  white-space: nowrap;
}

td.productInfo_tableBtn .btn-strong-ghost {
  margin-right: 10px;
}

td.productInfo_tableBtn ul {
  white-space: nowrap;
}

td.productInfo_tableBtn ul:before, td.productInfo_tableBtn ul:after {
  content: " ";
  display: table;
}

td.productInfo_tableBtn ul:after {
  clear: both;
}

td.productInfo_tableBtn ul {
  *zoom: 1;
}

td.productInfo_tableBtn li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.productInfo_tableIndex {
  background-color: #FAFAFA;
}

.productInfo_tableIndex th {
  color: #767676;
}

@media only screen and (min-width: 768px) {
  .productInfo_image {
    float: left;
    width: 33.3333%;
    margin-top: 0;
  }
  .productInfo_info {
    float: left;
    width: 66.6666%;
  }
  .productInfo_btn li {
    display: inline-block;
    margin-right: 10px;
  }
  .productInfo_tableBtn .btn-strong,
  .productInfo_tableBtn .btn-strong-ghost,
  .productInfo_tableBtn .btn-disable {
    font-size: 1.2rem;
    padding: 5px 10px;
    display: inline-block;
    width: auto;
  }
  .productInfo_tableMore {
    margin-top: -1px;
  }
  .productInfo_tableMore .btn-normal {
    font-weight: bold;
  }
}

@media only screen and (max-width: 767px) {
  .productInfo_table-postage {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #E5E5E5;
  }
  .productInfo_table-postage table, .productInfo_table-postage tr, .productInfo_table-postage th, .productInfo_table-postage td, .productInfo_table-postage thead, .productInfo_table-postage tfoot, .productInfo_table-postage tbody {
    display: block;
    width: auto;
  }
  .productInfo_table-postage .listTable td {
    padding-right: 20px;
    padding-left: 20px;
    border-top-style: none;
    border-bottom-style: none;
  }
  .productInfo_table-postage .listTable tr:hover th,
  .productInfo_table-postage .listTable tr:hover td {
    background: none;
    border-color: #E5E5E5;
  }
  .productInfo_table-postage .listTable .productTable_date {
    border-top-style: solid;
    border-bottom-style: dashed;
  }
  .productInfo_table-postage .listTable .productTable_type {
    padding-bottom: 0;
  }
  .productInfo_table-postage .listTable .productTable_type .tag {
    display: inline-block;
    width: auto;
  }
  .productInfo_table-postage thead {
    display: none;
  }
  .productInfo_table-postage td.productInfo_tableRank {
    float: left;
    border: none;
    margin-right: 10px;
  }
  .productInfo_table-postage td.productInfo_tablePrice {
    border-top: solid 1px #E5E5E5;
    border-bottom: none;
  }
  .productInfo_table-postage .productInfo_tableRankNum {
    font-size: 1.8rem;
  }
  .productInfo_table-postage .listTable td.productInfo_tablePrice {
    font-size: 2.1rem;
  }
  .productInfo_table-postage td.productInfo_tablePostage,
  .productInfo_table-postage td.productInfo_tableStock,
  .productInfo_table-postage td.productInfo_tableArea,
  .productInfo_table-postage td.productInfo_tableStore,
  .productInfo_table-postage td.productInfo_tableComment {
    border: none;
    padding: 0 10px 5px;
  }
  .productInfo_table-postage td.productInfo_tablePostage:before,
  .productInfo_table-postage td.productInfo_tableStock:before,
  .productInfo_table-postage td.productInfo_tableArea:before,
  .productInfo_table-postage td.productInfo_tableStore:before,
  .productInfo_table-postage td.productInfo_tableComment:before {
    display: inline-block;
    width: 7em;
    font-weight: bold;
  }
  .productInfo_table-postage td.productInfo_tablePostage:before {
    content: "配送料";
  }
  .productInfo_table-postage td.productInfo_tableStock:before {
    content: "在庫/発送";
  }
  .productInfo_table-postage td.productInfo_tableArea:before {
    content: "地域";
  }
  .productInfo_table-postage td.productInfo_tableStore:before {
    content: "店舗情報";
  }
  .productInfo_table-postage td.productInfo_tableComment:before {
    content: "店舗コメント";
  }
  .productInfo_table-postage td.productInfo_tablePostage {
    clear: both;
    padding-top: 5px;
    border-top: dashed 1px #E5E5E5;
  }
  .productInfo_table-postage td.productInfo_tableBtn {
    border: none;
    padding: 10px 0 20px;
  }
  .productInfo_table-postage td.productInfo_tableBtn li {
    float: left;
    width: 50%;
  }
  .productInfo_table-postage td.productInfo_tableBtn .btn-strong-ghost,
  .productInfo_table-postage td.productInfo_tableBtn .btn-strong,
  .productInfo_table-postage td.productInfo_tableBtn .btn-disable {
    display: block;
    width: auto;
  }
  .productInfo_table-postage td.productInfo_tableBtn .btn-strong,
  .productInfo_table-postage td.productInfo_tableBtn .btn-disable {
    margin-left: 10px;
  }
  .productInfo_tableIndex th {
    border-bottom: none;
  }
  .productInfo_tableMore {
    margin: 0 -10px 20px;
    border-right: none;
    border-left: none;
  }
  .productInfo_tableMore .btn-normal {
    font-weight: bold;
  }
}

/* mypage */
.mlList {
  margin: 0 10px 20px;
}

.mlList_category {
  padding: 20px 0;
  border-top: solid 1px #E5E5E5;
}

.mlList_categoryInner {
  display: table;
}

.mlList_categoryInner img {
  display: table-cell;
  margin-right: 10px;
  vertical-align: middle;
}

.mlList_categoryInner .caption, .mlList_categoryInner .articleSummary_authorName, .mlList_categoryInner .productTable_authorName {
  display: table-cell;
  vertical-align: middle;
}

.mlList_description {
  padding-top: 10px;
  border-top: dashed 1px #E5E5E5;
}

.mlList_mlname {
  margin-left: 20px;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: bold;
}

.mlList_mlcaption {
  margin-left: 40px;
  margin-bottom: 10px;
}

.noticeMailList {
  margin: 0 10px 20px;
  padding-top: 10px;
  border-top: solid 1px #E5E5E5;
}

.noticeMailList dt {
  padding: 10px 0;
  font-weight: bold;
}

.noticeMailList dd {
  margin-left: 20px;
  padding: 5px 0;
  border-top: dashed 1px #E5E5E5;
}

.noticeMailList dd:before, .noticeMailList dd:after {
  content: " ";
  display: table;
}

.noticeMailList dd:after {
  clear: both;
}

.noticeMailList dd {
  *zoom: 1;
}

.noticeMailList dd:last-child {
  border-bottom: dashed 1px #E5E5E5;
}

.noticeMailList_check {
  margin: 0;
  font-size: 1.2rem;
  font-weight: bold;
}

.mypage_userIcon img {
  vertical-align: bottom;
}

.mypage_job {
  border: solid 1px #E5E5E5;
  background-color: #FFF;
  margin: 0 10px 20px;
  padding: 20px 10px;
}

.mypage_job .mypage_job_type {
  margin-bottom: 5px;
}

.mypage_job_inner {
  display: table;
}

.mypage_job_radio,
.mypage_job_image,
.mypage_job_info {
  display: table-cell;
  vertical-align: middle;
  padding-right: 5px;
}

.mypage_job_radio p,
.mypage_job_image p,
.mypage_job_info p {
  margin: 0 7px 0 0;
}

.mypage_bizInterest li {
  border-top: dashed 1px #E5E5E5;
  padding-top: 20px;
}

.mypage_bizInterestCategory {
  font-size: 1.2rem;
  font-weight: bold;
  margin-left: 20px;
}

.mypage_privateInterest {
  margin: 0 0 20px;
}

.mypage_privateInterest:before, .mypage_privateInterest:after {
  content: " ";
  display: table;
}

.mypage_privateInterest:after {
  clear: both;
}

.mypage_privateInterest {
  *zoom: 1;
}

.mypage_privateInterest li {
  float: left;
  width: 25%;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .mypage_privateInterest li {
    width: 33.3333%;
  }
}

@media only screen and (max-width: 767px) {
  .mypage_basicInfo {
    border-top: solid 1px #E5E5E5;
  }
  .mypage_basicInfo tr, .mypage_basicInfo th, .mypage_basicInfo td, .mypage_basicInfo thead, .mypage_basicInfo tbody, .mypage_basicInfo tfoot {
    display: block;
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
  .mypage_basicInfo tr {
    border-bottom: solid 1px #E5E5E5;
  }
  .mypage_basicInfo tr:before, .mypage_basicInfo tr:after {
    content: " ";
    display: table;
  }
  .mypage_basicInfo tr:after {
    clear: both;
  }
  .mypage_basicInfo tr {
    *zoom: 1;
  }
  .mypage_basicInfo .mypage_basicInfoTitle {
    padding-bottom: 0;
  }
  .mypage_basicInfo .mypage_basicInfoTitle br {
    display: none;
  }
  .mypage_basicInfo .mypage_basicInfoBody {
    float: left;
    width: 85%;
    padding-top: 15px;
  }
  .mypage_basicInfo .mypage_basicInfoBtn {
    float: right;
    width: 15%;
  }
  .mypage_job {
    margin: 0 0 10px;
  }
  .mypage_privateInterest li {
    float: none;
    width: auto;
  }
}

/* ---------------------------------------------------------------------
  search top
 --------------------------------------------------------------------- */
/* searchTop_header */
.searchTop_header {
  margin-top: 50px;
  display: none;
}

.searchTop_header .searchTop_notice {
  display: none;
  margin: 0;
  text-align: center;
}

.searchTop_pagenav ul {
  display: table;
  width: 100%;
  background-color: #FAFAFA;
}

.searchTop_pagenav .searchTop_pagenav_list {
  position: relative;
  display: table-cell;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  border-right: 1px solid #E5E5E5;
  box-sizing: border-box;
}

.searchTop_pagenav .searchTop_pagenav_list:first-child {
  width: 260px;
  padding-left: 25px;
  background-color: #007CA0;
  font-size: 1.4rem;
  color: #FFF;
  text-align: left;
}

.searchTop_pagenav .searchTop_pagenav_list:last-child {
  border-right: none;
}

.searchTop_pagenav .searchTop_pagenav_list a {
  display: block;
  color: #333;
}

.searchTop_pagenav .searchTop_pagenav_list p {
  margin: 0;
  padding: 0;
}

.searchTop_pagenav .searchTop_pagenav_list ul {
  display: none;
  position: absolute;
  top: 39px;
  left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 2px solid #007CA0;
  border-right: 2px solid #007CA0;
  border-bottom: 2px solid #007CA0;
  background-color: #FFF;
  color: #000;
  box-sizing: border-box;
  z-index: 50;
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category {
  display: table;
  width: 100%;
  background-size: 45px 42px;
  background: url(../images/img_no_image.svg) no-repeat 10px center;
  box-sizing: border-box;
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category p {
  display: table;
  width: 100%;
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category a {
  display: table-cell;
  height: 50px;
  line-height: 1;
  vertical-align: middle;
  padding-left: 57px;
  text-align: left;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(1) {
  background-image: url(../images/img_categories1.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(2) {
  background-image: url(../images/img_categories2.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(3) {
  background-image: url(../images/img_categories3.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(4) {
  background-image: url(../images/img_categories4.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(5) {
  background-image: url(../images/img_categories5.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(6) {
  background-image: url(../images/img_categories6.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(7) {
  background-image: url(/common/images/img_categories7.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(8) {
  background-image: url(../images/img_categories8.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(9) {
  background-image: url(../images/img_categories9.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(10) {
  background-image: url(/common/images/img_categories10.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(11) {
  background-image: url(/common/images/img_categories11.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(12) {
  background-image: url(/common/images/img_categories12.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(13) {
  background-image: url(/common/images/img_categories13.png);
}

.searchTop_pagenav .searchTop_pagenav_list ul .searchTop_pagenav_category:nth-child(14) {
  background-image: url(/common/images/img_categories14.png);
}

.searchTop_pagenav .searchTop_pagenav_list .icon {
  position: absolute;
  top: 10px;
  left: 20px;
}

.searchTop_pagenav .searchTop_pagenav_list .searchTop_pagenav_title {
  padding: 0 20px;
  font-weight: bold;
}

.searchTop_pagenav .searchTop_pagenav_list:hover > ul {
  display: block;
}

.searchTop_pagenav .searchTop_pagenav_list-active a {
  color: #FFF;
}

.searchTop_pagenav .searchTop_pagenav_list-active a .icon {
  opacity: .4;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchTop_header {
    display: block;
  }
  .searchTop_pagenav .searchTop_pagenav_list .searchTop_pagenav_title {
    padding: 0;
    text-align: center;
  }
  .searchTop_pagenav .searchTop_pagenav_category span {
    margin-left: 4px;
    font-size: 1rem;
    font-weight: bold;
    color: #999;
  }
  .searchTop_pagenav .searchTop_pagenav_list-active .searchTop_pagenav_title {
    padding: 0 20px;
    text-align: center;
  }
}

@media only screen and (min-width: 993px) {
  .searchTop_header {
    display: block;
    margin-top: 70px;
  }
  .searchTop_header .searchTop_notice {
    display: block;
  }
  .searchTop_pagenav ul {
    display: block;
  }
  .searchTop_pagenav .searchTop_pagenav_list {
    display: inline-block;
    border-right: 1px solid #E5E5E5;
  }
  .searchTop_pagenav .searchTop_pagenav_list:last-child {
    border-right: 1px solid #E5E5E5;
  }
  .searchTop_pagenav .searchTop_pagenav_list .searchTop_pagenav_category span {
    margin-left: 4px;
    font-size: 1rem;
    font-weight: bold;
    color: #999;
  }
}

/* ./searchTop_header */
/* searchTop */
.searchTop {
  position: relative;
  margin: 52px 0 0 0;
}

.searchTop:before, .searchTop:after {
  content: " ";
  display: table;
}

.searchTop:after {
  clear: both;
}

.searchTop {
  *zoom: 1;
}

.searchTop p {
  margin: 0;
}

.searchTop_image {
  margin: -1px 0 0;
  overflow: hidden;
  height: 424px;
  max-height: 424px;
  box-sizing: border-box;
}

.searchTop_image p {
  margin: 0 -500px;
  /* 背景サイズ調整用 */
  text-align: center;
  min-width: 1280px;
}

.searchTop_image .liquidImg {
  width: auto;
}

.searchTop_inner {
  position: absolute;
  top: 40px;
  width: 100%;
  max-width: 992px;
  margin-left: -12px;
  box-sizing: border-box;
  text-align: center;
}

.searchTop_title {
  margin: 0 20px 20px 20px;
  border: none;
  font-size: 3rem;
  color: #FFF;
  text-align: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.searchTop_title a {
  color: #FFF;
  font-weight: bold;
}

.searchTop_title a:hover {
  color: #FFF;
}

.searchTop_searchform {
  margin-bottom: 10px;
}

.searchTop_searchform .searchTop_searchform_form {
  position: relative;
  width: 80%;
  max-width: 590px;
  height: 60px;
  margin: 0 auto;
  padding: 0;
}

.searchTop_searchform .icon {
  position: absolute;
  top: 14px;
  left: 14px;
}

.searchTop_searchform input {
  height: 60px;
  padding-left: 54px;
  font-size: 1.8rem;
}

.searchTop_searchform .searchTop_searchform_searchBtn {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 60px;
  line-height: 60px;
  background-color: #007CA0;
  text-align: center;
  font-size: 2.1rem;
  font-weight: bold;
  color: #FFF;
  cursor: pointer;
}

.searchTop_keylist {
  width: 80%;
  max-width: 590px;
  margin: 0 auto;
  text-align: left;
}

.searchTop_keylist li {
  display: inline-block;
  line-height: 2;
  margin-right: 15px;
}

.searchTop_keylist li a {
  font-size: 1.4rem;
  color: #FFF;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchTop {
    margin-top: 0;
    border-bottom: solid 1px #E5E5E5;
  }
  .searchTop_inner {
    top: 100px;
    margin-left: -24px;
  }
  .searchTop_searchform input {
    padding-right: 100px;
    font-size: 2.1rem;
  }
  .searchTop_searchform .searchTop_searchform_searchBtn {
    display: block;
  }
}

@media only screen and (min-width: 993px) {
  .searchTop {
    margin-top: 0;
    border-bottom: solid 1px #E5E5E5;
  }
  .searchTop_image {
    height: 526px;
    max-height: 526px;
  }
  .searchTop_image:after {
    max-height: 526px;
  }
  .searchTop_inner {
    top: 100px;
  }
  .searchTop_title {
    margin-bottom: 50px;
  }
  .searchTop_searchform input {
    padding-right: 100px;
    font-size: 2.1rem;
  }
  .searchTop_searchform .searchTop_searchform_searchBtn {
    display: block;
  }
}

@media only screen and (min-width: 1280px) {
  /* キービジュアル最大幅を超える場合 */
  .searchTop .searchTop_image p {
    margin: 0;
    /* 背景サイズ調整用 */
  }
  .searchTop .searchTop_image .liquidImg {
    width: 100%;
  }
}

/* ページナビ sp */
.searchTop_pagenavSp {
  border-bottom: 3px double #E5E5E5;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list {
  border-bottom: 1px solid #E5E5E5;
  background: #FFF;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list a {
  font-size: 13px;
  color: #333;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list ul {
  display: none;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list:last-child {
  border-bottom: none;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list .searchTop_pagenavSp_title {
  display: block;
  padding: 13px 20px 12px;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active {
  padding: 0;
  background-color: #007CA0;
  color: #FFF;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active .searchTop_pagenavSp_title {
  display: block;
  padding: 8px 20px;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active .searchTop_pagenavSp_title .icon {
  margin-right: 5px;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul {
  display: block;
  background: #FFF;
  color: #000;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul:before, .searchTop_pagenavSp .searchTop_pagenavSp_list-active ul:after {
  content: " ";
  display: table;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul:after {
  clear: both;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul {
  *zoom: 1;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category {
  display: table-cell;
  width: 50%;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category {
  display: table;
  float: left;
  width: 50%;
  box-sizing: border-box;
  background-size: 45px 42px;
  background: url(../images/img_no_image.svg) no-repeat 20px center;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category p {
  display: table-cell;
  vertical-align: top;
  line-height: 1.3;
  margin: -1px 0 0;
  font-size: 1.2rem;
  font-weight: bold;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category a {
  display: block;
  padding: 13px 5px 12px 54px;
  font-weight: bold;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category span {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  color: #999;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(odd) {
  clear: both;
  border-right: 1px solid #E5E5E5;
  border-top: 1px solid #E5E5E5;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(even) {
  margin-left: -1px;
  border-left: 1px solid #E5E5E5;
  border-top: 1px solid #E5E5E5;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(1) {
  border-top: none;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(2) {
  border-top: none;
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(1) {
  background-image: url(../images/img_categories1.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(2) {
  background-image: url(../images/img_categories2.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(3) {
  background-image: url(../images/img_categories3.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(4) {
  background-image: url(../images/img_categories4.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(5) {
  background-image: url(../images/img_categories5.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(6) {
  background-image: url(../images/img_categories6.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(7) {
  background-image: url(/common/images/img_categories7.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(8) {
  background-image: url(../images/img_categories8.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(9) {
  background-image: url(../images/img_categories9.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(10) {
  background-image: url(/common/images/img_categories10.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(11) {
  background-image: url(/common/images/img_categories11.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(12) {
  background-image: url(/common/images/img_categories12.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(13) {
  background-image: url(/common/images/img_categories13.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active ul .searchTop_pagenavSp_category:nth-child(14) {
  background-image: url(/common/images/img_categories14.png);
}

.searchTop_pagenavSp .searchTop_pagenavSp_list-active + .searchTop_pagenavSp_list {
  margin-top: -2px;
  border-top: 3px double #E5E5E5;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchTop_pagenavSp {
    display: none;
  }
}

@media only screen and (min-width: 993px) {
  .searchTop_pagenavSp {
    display: none;
  }
}

/* これまでに閲覧したカテゴリ */
.topCategoryHistory {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  background-color: #FAFAFA;
}

.topCategoryHistory_caption {
  margin-bottom: 10px;
  font-weight: bold;
}

.topCategoryHistory_caption .icon {
  margin-top: -2px;
  margin-right: 5px;
}

.topCategoryHistory_block {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  background-color: #FFF;
  box-sizing: border-box;
}

.topCategoryHistory_block p {
  margin-left: 0;
}

.topCategoryHistory_inner {
  padding: 10px;
}

.topCategoryHistory_path {
  margin-left: 0;
  margin-bottom: 2px;
  font-size: 1rem;
  color: #767676;
}

.topCategoryHistory_path:after {
  content: " >";
}

.topCategoryHistory_category {
  margin-bottom: 2px;
}

.topCategoryHistory_category a {
  font-size: 1.4rem;
  font-weight: bold;
}

.topCategoryHistory_list {
  margin: 0;
  font-size: 1rem;
}

.topCategoryHistory_list li {
  display: inline;
  font-size: 1rem;
  color: #767676;
}

.topCategoryHistory_list li:after {
  content: "／";
}

.topCategoryHistory_list li:last-child:after {
  content: "";
}

@media only screen and (min-width: 768px) {
  .topCategoryHistory_inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .topCategoryHistory_block {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
                -ms-grid-row-align: stretch;
            align-items: stretch;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .topCategoryHistory {
    margin: 0;
  }
}

@media only screen and (min-width: 993px) {
  .topCategoryHistory {
    margin: 0;
  }
  .topCategoryHistory_block {
    margin-bottom: 0;
  }
}

/* main contents layout */
.searchTop_contentsWrap {
  margin: 0;
  padding: 0;
}

.searchTop_contentsWrap aside.sideNav,
.searchTop_contentsWrap aside.sideNav_searchResultDrawer {
  display: block;
}

@media only screen and (min-width: 993px) {
  .searchTop_contentsWrap {
    padding: 0 16px;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 992px;
  }
  .searchTop_contentsWrap:before, .searchTop_contentsWrap:after {
    content: " ";
    display: table;
  }
  .searchTop_contentsWrap:after {
    clear: both;
  }
  .searchTop_contentsWrap {
    *zoom: 1;
  }
}

/* おすすめ製品 */
.searchTop_recommend {
  margin-bottom: 40px;
}

.searchTop_recommend h2 {
  margin-top: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
}

.searchTop_recommend .searchTop_recommend_product p {
  margin-bottom: 5px;
}

.searchTop_recommend .searchTop_recommend_product_list {
  position: relative;
  margin: 0 20px 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E5E5E5;
}

.searchTop_recommend .searchTop_recommend_product_list:before, .searchTop_recommend .searchTop_recommend_product_list:after {
  content: " ";
  display: table;
}

.searchTop_recommend .searchTop_recommend_product_list:after {
  clear: both;
}

.searchTop_recommend .searchTop_recommend_product_list {
  *zoom: 1;
}

.searchTop_recommend .searchTop_recommend_product_list:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.searchTop_recommend .searchTop_recommend_product_image {
  float: left;
  width: 70px;
}

.searchTop_recommend .searchTop_recommend_product_image p {
  margin: 0;
}

.searchTop_recommend .searchTop_recommend_product_info {
  margin-left: 80px;
  padding-bottom: 5px;
}

.searchTop_recommend .searchTop_recommend_product_infoInner {
  position: relative;
  margin-right: 90px;
}

.searchTop_recommend .searchTop_recommend_product_name {
  display: inline-block;
  margin: 0 0 5px 10px;
  color: #999;
  font-size: 1.2rem;
}

.searchTop_recommend .searchTop_recommend_product_title {
  color: #007CA0;
}

.searchTop_recommend .searchTop_recommend_product_title a {
  font-size: 1.6rem;
  font-weight: bold;
}

.searchTop_recommend .searchTop_recommend_product_tags {
  display: inline-block;
  margin-bottom: 5px;
}

.searchTop_recommend .searchTop_recommend_product_tags .tag {
  font-weight: normal;
}

.searchTop_recommend .productSummary_btn {
  position: absolute;
  top: 25px;
  right: 0;
  border-left: none;
  width: 100px;
  box-sizing: border-box;
}

.searchTop_recommend .productSummary_thumb {
  width: auto;
}

.searchTop_recommend .productSummary_thumbList {
  margin-right: 0;
}

.searchTop_recommend .productSummary_thumbList .searchTop_recommend_product_lastlist {
  width: 75px;
}

.searchTop_recommend .searchTop_recommend_moreBtn {
  margin: 0 20px;
}

.searchTop_recommend .searchTop_recommend_moreBtn a {
  font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchTop_recommend h2 {
    margin: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  .searchTop_recommend .searchTop_recommend_product_image {
    width: 140px;
    max-width: 140px;
  }
  .searchTop_recommend .searchTop_recommend_product_list {
    margin: 0 30px 20px;
    padding-bottom: 0;
  }
  .searchTop_recommend .searchTop_recommend_product_info {
    margin-left: 150px;
  }
  .searchTop_recommend .searchTop_recommend_moreBtn {
    margin: 0 30px;
  }
}

@media only screen and (min-width: 993px) {
  .searchTop_recommend h2 {
    margin: 30px 10px;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }
  .searchTop_recommend .searchTop_recommend_product_image {
    width: 140px;
    max-width: 140px;
  }
  .searchTop_recommend .searchTop_recommend_product_list {
    margin: 0 10px 20px;
    padding-bottom: 0;
  }
  .searchTop_recommend .productSummary_tags {
    width: 75%;
  }
  .searchTop_recommend .productSummary_info {
    width: 54%;
  }
  .searchTop_recommend .searchTop_recommend_product_info {
    margin-left: 150px;
  }
  .searchTop_recommend .searchTop_recommend_moreBtn {
    margin: 0 10px 30px 10px;
  }
}

/* 最近見た製品の関連 */
.searchTop_related {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchTop_related {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 993px) {
  .searchTop_related {
    margin-bottom: 0;
  }
}

/* sideNavArea */
.searchTop_bannerBlock {
  margin-bottom: 20px;
  padding: 30px 0;
  background-color: #FAFAFA;
  text-align: center;
}

.searchTop_bannerBlock p {
  margin: 0 40px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchTop_bannerBlock {
    margin: 40px 30px;
    padding: 30px 10px;
  }
  .searchTop_bannerBlock p {
    max-width: 300px;
    margin: 0 auto 0;
  }
}

@media only screen and (min-width: 993px) {
  .searchTop_bannerBlock {
    background-color: #FFF;
    margin: 30px 10px 20px 10px;
    padding: 0;
  }
  .searchTop_bannerBlock p {
    margin: 0;
    padding: 0;
  }
}

/* メールマガジン */
.searchTop_mailMagazine {
  margin: 0 40px 20px;
}

.searchTop_mailMagazine .searchTop_mailMagazine_inner {
  padding-bottom: 15px;
  background-color: #e7f2f3;
  border: 3px solid #beddde;
  box-sizing: border-box;
}

.searchTop_mailMagazine .searchTop_mailMagazine_header {
  display: table;
  position: relative;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  background: #beddde url(../images/mmIcon.svg) no-repeat 18px center;
  background-size: 59px 43px;
}

.searchTop_mailMagazine .searchTop_mailMagazine_header p {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding-left: 86px;
  padding-bottom: 4px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #39696B;
}

.searchTop_mailMagazine .searchTop_mailMagazine_header:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top-color: #beddde;
  border-bottom-width: 0;
  width: 0;
}

.searchTop_mailMagazine .searchTop_mailMagazine_body {
  padding-top: 30px;
}

.searchTop_mailMagazine .searchTop_mailMagazine_body .searchTop_mailMagazine_mail {
  margin: 0 20px 15px;
  text-align: center;
}

.searchTop_mailMagazine .searchTop_mailMagazine_body .searchTop_mailMagazine_terms {
  margin: 0 0 5px 0;
  text-align: center;
}

.searchTop_mailMagazine .searchTop_mailMagazine_body .searchTop_mailMagazine_terms a {
  margin-right: 2px;
}

.searchTop_mailMagazine .searchTop_mailMagazine_body .searchTop_mailMagazine_checkbox {
  margin-left: 10px;
  margin-bottom: 15px;
}

.searchTop_mailMagazine .searchTop_mailMagazine_body .searchTop_mailMagazine_checkbox li {
  margin-bottom: 5px;
  font-size: 1.2rem;
  color: #666;
}

.searchTop_mailMagazine .searchTop_mailMagazine_body .searchTop_mailMagazine_checkbox li label {
  font-weight: bold;
}

.searchTop_mailMagazine .searchTop_mailMagazine_body .searchTop_mailMagazine_btn {
  width: 140px;
  margin: 0 auto;
}

.searchTop_mailMagazine .searchTop_mailMagazine_body .searchTop_mailMagazine_btn button {
  height: 40px;
  padding: 0;
  box-sizing: border-box;
}

.searchTop_mailMagazine + .searchTop_mailMagazine {
  margin-bottom: 50px;
}

@media only screen and (max-width: 370px) {
  .searchTop_mailMagazine {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchTop_mailMagazine {
    margin: 0 20px 20px;
  }
  .searchTop_mailMagazine .searchTop_mailMagazine_inner {
    margin: 0 10px;
    padding-bottom: 0;
  }
  .searchTop_mailMagazine .searchTop_mailMagazine_inner:before, .searchTop_mailMagazine .searchTop_mailMagazine_inner:after {
    content: " ";
    display: table;
  }
  .searchTop_mailMagazine .searchTop_mailMagazine_inner:after {
    clear: both;
  }
  .searchTop_mailMagazine .searchTop_mailMagazine_inner {
    *zoom: 1;
  }
  .searchTop_mailMagazine .searchTop_mailMagazine_header {
    float: left;
    width: 35%;
    height: auto;
    padding-bottom: 5px;
    background-position: center 25px;
    text-align: center;
  }
  .searchTop_mailMagazine .searchTop_mailMagazine_header p {
    display: block;
    padding: 90px 0 20px;
  }
  .searchTop_mailMagazine .searchTop_mailMagazine_header:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 0;
    height: 0;
    margin-top: -15px;
    margin-left: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #beddde;
  }
  .searchTop_mailMagazine .searchTop_mailMagazine_body {
    float: left;
    width: 65%;
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .searchTop_mailMagazine .searchTop_mailMagazine_body .searchTop_mailMagazine_mail {
    max-width: 260px;
    margin-right: auto;
    margin-left: auto;
  }
  .searchTop_mailMagazine .searchTop_mailMagazine_body .searchTop_mailMagazine_checkbox {
    max-width: 260px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 993px) {
  .searchTop_mailMagazine {
    margin: 0 10px 20px 10px;
  }
  .searchTop_mailMagazine .searchTop_mailMagazine_header {
    width: 101%;
  }
  .searchTop_mailMagazine + .searchTop_mailMagazine {
    margin-bottom: 20px;
  }
}

/* 最新ニュース */
.searchTop_news {
  margin-bottom: 20px;
  padding: 0 20px;
}

.searchTop_news p {
  margin-right: 0;
  margin-bottom: 4px;
}

.searchTop_news h2 {
  margin: 0 -20px 10px;
  padding-top: 20px;
}

.searchTop_news .searchTop_news_list {
  padding-top: 10px;
  border-bottom: solid 1px #E5E5E5;
}

.searchTop_news .searchTop_news_list:before, .searchTop_news .searchTop_news_list:after {
  content: " ";
  display: table;
}

.searchTop_news .searchTop_news_list:after {
  clear: both;
}

.searchTop_news .searchTop_news_list {
  *zoom: 1;
}

.searchTop_news .searchTop_news_info {
  margin-right: 100px;
}

.searchTop_news .searchTop_news_info p {
  margin-left: 0;
}

.searchTop_news .searchTop_news_info .caption, .searchTop_news .searchTop_news_info .articleSummary_authorName, .searchTop_news .searchTop_news_info .productTable_authorName {
  font-weight: bold;
}

.searchTop_news .searchTop_news_image {
  float: right;
}

.searchTop_news .searchTop_news_image img {
  width: 90px;
}

.searchTop_news .searchTop_news_image a {
  display: block;
}

.searchTop_news .caption, .searchTop_news .articleSummary_authorName, .searchTop_news .productTable_authorName {
  color: #007CA0;
  font-size: 1rem;
}

.searchTop_news .searchTop_news_title {
  word-break: break-all;
  margin-right: 5px;
}

.searchTop_news .searchTop_news_title a {
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
}

.searchTop_news .searchTop_news_date {
  line-height: 1.3;
  font-size: 1rem;
  color: #999;
}

.searchTop_news .searchTop_news_share {
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: bold;
  color: #999;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchTop_news {
    margin: 0 10px 80px;
  }
  .searchTop_news h2 {
    margin: 0 0 20px;
    padding: 30px 0 0;
  }
  .searchTop_news .searchTop_news_list {
    padding-bottom: 20px;
  }
  .searchTop_news .articleSummary_authorImage {
    margin-right: 5px;
  }
  .searchTop_news .searchtop_news_list {
    padding-bottom: 10px;
  }
  .searchTop_news .searchtop_news_list p {
    margin-left: 0;
  }
  .searchTop_news .searchTop_news_info {
    margin-right: 240px;
  }
  .searchTop_news .searchTop_news_image img {
    width: 220px;
    max-width: 220px;
  }
  .searchTop_news .searchTop_news_title a {
    font-size: 1.8rem;
  }
  .searchTop_news .articleSummary_author .articleSummary_authorName {
    font-size: 1.2rem;
    font-weight: normal;
    color: #999;
  }
  .searchTop_news .articleSummary_body {
    margin-bottom: 10px;
  }
  .searchTop_news .articleSummary_body p {
    font-size: 1.2rem;
    color: #999;
  }
}

@media only screen and (min-width: 993px) {
  .searchTop_news {
    margin: 0 10px 20px 0;
    padding: 0;
  }
  .searchTop_news h2 {
    margin: 0 0 14px 10px;
    font-size: 1.6rem;
    border-width: 2px;
  }
  .searchTop_news_list {
    margin-left: 10px;
  }
  .searchTop_news_list p {
    margin-left: 0;
  }
  .searchTop_news_list:last-of-type {
    border-bottom: none;
  }
  .searchTop_news_list .searchTop_news_info {
    margin-right: 90px;
  }
  .searchTop_news_list .searchTop_news_image img {
    width: 80px;
  }
}

/* ランキング */
.searchTop_ranking {
  margin-bottom: 0;
  padding: 0 20px;
}

.searchTop_ranking h2 {
  margin: 0 -20px 10px;
  padding-top: 20px;
  padding-left: 20px;
}

.searchTop_ranking p {
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 0;
}

.searchTop_ranking th, .searchTop_ranking td {
  padding: 10px 0;
  border-left: none;
  border-right: none;
}

.searchTop_ranking .searchTop_ranking_list tr:first-child th, .searchTop_ranking .searchTop_ranking_list tr:first-child td {
  border-top: none;
  min-width: 28px;
}

.searchTop_ranking .searchTop_ranking_info {
  padding-left: 10px;
}

.searchTop_ranking .searchTop_ranking_rank {
  width: 40px;
  padding-left: 10px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #999;
  vertical-align: middle;
}

.searchTop_ranking .searchTop_ranking_ranknum {
  font-size: 1.8rem;
  font-weight: bold;
}

.searchTop_ranking .searchTop_ranking_rank1 {
  color: #FFC457;
}

.searchTop_ranking .searchTop_ranking_title {
  word-break: break-all;
}

.searchTop_ranking .searchTop_ranking_title a {
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
}

.searchTop_ranking .searchTop_ranking_date {
  font-size: 1rem;
  color: #999;
}

.searchTop_ranking .searchTop_ranking_date span {
  display: block;
}

.searchTop_ranking .searchTop_ranking_share {
  font-size: 1rem;
  font-weight: bold;
  color: #999;
}

.searchTop_ranking .searchTop_ranking_image {
  width: 90px;
  padding-left: 10px;
  vertical-align: top;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchTop_ranking {
    margin: 0 30px 30px;
    padding: 0;
  }
  .searchTop_ranking h2 {
    margin: 0 0 20px;
    padding: 30px 0 0;
  }
  .searchTop_ranking .searchTop_ranking_date span {
    display: inline-block;
    margin-left: 5px;
  }
}

@media only screen and (min-width: 993px) {
  .searchTop_ranking {
    margin: 0 10px 20px;
    padding: 0;
  }
  .searchTop_ranking h2 {
    margin: 0 0 14px;
    padding: 20px 0 0;
    border-width: 2px;
    font-size: 1.6rem;
  }
  .searchTop_ranking table {
    table-layout: fixed;
  }
  .searchTop_ranking td:first-child {
    width: 40px;
  }
  .searchTop_ranking .searchTop_ranking_info {
    padding-left: 0;
  }
  .searchTop_ranking .searchTop_ranking_image {
    width: 80px;
    vertical-align: top;
  }
}

.searchTop_category {
  margin-top:40px;
  margin-bottom:40px;
}

@media screen and (max-width:767px) {
  .searchTop_category {
    margin-top:0;
    margin-bottom:-1px;
  }
}

.searchTop_category a {
  color:#333333;
  cursor: pointer;
}

.searchTop_category a:hover {
  color:#333333;
  opacity: 0.5;
  text-decoration:underline;
}

.searchTop_category_box {
  box-sizing: border-box;
  position:relative;
  height:80px;
  border-bottom:1px solid #E5E5E5;
}

@media screen and (max-width:767px) {
  .container.searchTop_category {
    margin-left:-10px;
    margin-right:-10px;
  }

  .searchTop_category_box_even {
    border-left:1px solid #E5E5E5;
  }
}

.searchTop_category_box img {
  position: absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
}

.searchTop_category_box p {
  margin:0;
  padding:30px 10px 20px 60px;
  font-size:1.4rem;
  font-weight:bold;
  line-height:1.3;
}

@media screen and (max-width:767px) {
  .searchTop_category_box p {
    padding:20px 10px 20px 60px;
  }
}

.searchTop_categoryCount {
  font-weight: bold;
  color: #999;
  font-size: 1.2rem;
  font-family: Arial;
  margin-left:5px;
}

/* ---------------------------------------------------------------------
  modal_personalSettings
 --------------------------------------------------------------------- */
.modal_personalSettings_modalBg {
  height: auto;
}

.modal_personalSettings_first .modal_body {
  padding: 60px 10px;
}

.modal_personalSettings_first .modal_body p {
  text-align: center;
}

.modal_personalSettings_first .modal_body .modal_personalSettings_first_logo {
  margin-bottom: 50px;
  font-size: 1.8rem;
  font-weight: bold;
}

.modal_personalSettings_first .modal_body .modal_personalSettings_first_logo img {
  width: 145px;
  margin-top: -10px;
  margin-right: 6px;
}

.modal_personalSettings_first .modal_body .modal_personalSettings_first_link {
  margin: 0 10px 10px;
}

.modal_personalSettings_first .modal_body .modal_personalSettings_first_link a {
  margin: 0 auto;
  max-width: 300px;
}

.modal_personalSettings_first .modal_body .modal_personalSettings_first_link .btn-strong {
  padding: 15px 20px;
}

.modal_personalSettings_first .modal_body .modal_personalSettings_first_text {
  font-weight: bold;
  color: #007CA0;
}

.modal_personalSettings_first .modal_footer {
  padding: 18px 0;
  text-align: center;
}

.modal_personalSettings_first .modal_footer .modal_personalSettings_footer_text {
  margin-bottom: 10px;
}

.modal_personalSettings_first .modal_footer .modal_personalSettings_footer_check {
  font-size: 1.2rem;
}

.modal_personalSettings_first .modal_footer .modal_personalSettings_footer_check input {
  margin-top: 0;
}

.modal_personalSettings_first .modal_footer .modal_closeBtn {
  top: 6px;
  right: 8px;
}

@media only screen and (min-width: 768px) {
  .modal_personalSettings_first .modal_body .modal_personalSettings_first_link {
    width: 300px;
    margin: 0 auto 10px;
  }
}

/* 職種選択 */
.modal_personalSettings_job .modal_body {
  padding-bottom: 10px;
}

.modal_personalSettings_job .modal_body ul {
  margin: 0 10px;
}

.modal_personalSettings_job .modal_body .titleS {
  padding: 20px 0;
  text-align: center;
  color: #007CA0;
}

.modal_personalSettings_job .modal_body .modal_personalSettings_job_list {
  display: table;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #E5E5E5;
}

.modal_personalSettings_job .modal_body .modal_personalSettings_job_list label {
  display: block;
  padding: 14px 0;
}

.modal_personalSettings_job .modal_body .modal_personalSettings_job_list .modal_personalSettings_job_checkbox {
  display: table-cell;
  width: 36px;
  max-width: 36px;
  vertical-align: middle;
  text-align: center;
}

.modal_personalSettings_job .modal_body .modal_personalSettings_job_list .modal_personalSettings_job_image {
  display: table-cell;
  vertical-align: middle;
  width: 68px;
  max-width: 68px;
}

.modal_personalSettings_job .modal_body .modal_personalSettings_job_list .modal_personalSettings_job_kind {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}

.modal_personalSettings_job .modal_body .modal_personalSettings_job_list .modal_personalSettings_job_kind p {
  margin: 0 6px 0;
  padding: 0;
}

.modal_personalSettings_job .modal_body .modal_personalSettings_job_list .modal_personalSettings_job_kind ul {
  margin: 0 6px;
  padding: 0;
}

.modal_personalSettings_job .modal_body .modal_personalSettings_job_list .modal_personalSettings_job_kind li {
  display: inline-block;
  font-size: 1.2rem;
  color: #999;
}

.modal_personalSettings_job .modal_body .modal_personalSettings_job_list .modal_personalSettings_job_kind li::after {
  content: "／";
  display: inline-block;
}

.modal_personalSettings_job .modal_body .modal_personalSettings_job_list .modal_personalSettings_job_kind li:last-child::after {
  content: "";
  display: none;
}

.modal_personalSettings_job .modal_footer {
  padding: 18px 0;
  text-align: center;
}

.modal_personalSettings_job .modal_footer .modal_closeBtn {
  top: 6px;
  right: 8px;
}

@media only screen and (min-width: 768px) {
  .modal_personalSettings_job .modal_body ul {
    overflow: hidden;
    margin-right: -10px;
    zoom: 1;
  }
  .modal_personalSettings_job .modal_body .modal_personalSettings_job_list {
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
    border: none;
  }
  .modal_personalSettings_job .modal_body .modal_personalSettings_job_list:nth-child(2n+1) {
    clear: left;
  }
  .modal_personalSettings_job .modal_body .modal_personalSettings_job_list label {
    display: block;
    min-height: 96px;
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 14px 0 8px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
  }
  .modal_personalSettings_job .modal_body .modal_personalSettings_job_list .modal_personalSettings_job_checkbox {
    min-height: 68px;
  }
  .modal_personalSettings_job .modal_body .modal_personalSettings_job_list .modal_personalSettings_job_image {
    min-height: 68px;
  }
  .modal_personalSettings_job .modal_body .modal_personalSettings_job_list .modal_personalSettings_job_kind {
    min-height: 68px;
  }
}

/* 専門分野選択 */
.modal_personalSettings_specialize .modal_body ul {
  margin: 0 10px 20px;
}

.modal_personalSettings_specialize .modal_body .titleS {
  padding: 20px 0;
  text-align: center;
  color: #007CA0;
}

.modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
}

.modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list a {
  overflow: hidden;
  display: block;
  padding: 14px 10px 8px;
}

.modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list a:before, .modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list a:after {
  content: " ";
  display: table;
}

.modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list a:after {
  clear: both;
}

.modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list a {
  *zoom: 1;
}

.modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list a:hover {
  cursor: pointer;
}

.modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list .modal_personalSettings_specialize_image {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list .modal_personalSettings_specialize_image img {
  width: 50px;
  height: 50px;
}

.modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list .modal_personalSettings_specialize_title {
  display: block;
  margin-top: 10px;
  font-weight: bold;
}

.modal_personalSettings_specialize .modal_footer {
  padding: 18px 0;
  text-align: center;
}

.modal_personalSettings_specialize .modal_footer .modal_closeBtn {
  top: 6px;
  right: 8px;
}

@media only screen and (min-width: 768px) {
  .modal_personalSettings_specialize .modal_body {
    padding-bottom: 10px;
  }
  .modal_personalSettings_specialize .modal_body ul {
    overflow: hidden;
    margin-right: -10px;
    margin-bottom: 0;
    zoom: 1;
  }
  .modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list {
    float: left;
    width: 50%;
    border: none;
    margin-bottom: 0;
  }
  .modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list:nth-child(2n+1) {
    clear: left;
  }
  .modal_personalSettings_specialize .modal_body .modal_personalSettings_specialize_list a {
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 9px;
    border: 1px solid #E5E5E5;
  }
}

/* 興味のあるものを選択 */
.modal_personalSettings_interest .modal_body {
  padding-bottom: 20px;
}

.modal_personalSettings_interest .modal_body .titleS {
  line-height: 1.5;
  padding: 20px 0 10px;
  text-align: center;
  color: #007CA0;
}

.modal_personalSettings_interest .modal_body ul {
  margin: 0 10px 20px;
}

.modal_personalSettings_interest .modal_body .modal_personalSettings_interest_list {
  margin-bottom: 3px;
  padding: 2px 0;
}

.modal_personalSettings_interest .modal_body .modal_personalSettings_interest_list input {
  margin-top: 0;
  margin-right: 10px;
}

.modal_personalSettings_interest .modal_body .modal_personalSettings_interest_list label {
  display: block;
}

.modal_personalSettings_interest .modal_body .modal_personalSettings_interest_nextBtn {
  max-width: 140px;
  margin: 0 auto;
}

.modal_personalSettings_interest .modal_body .modal_personalSettings_interest_nextBtn a {
  padding: 10px;
}

.modal_personalSettings_interest .modal_footer {
  padding: 18px 0;
  text-align: center;
}

.modal_personalSettings_interest .modal_footer .modal_closeBtn {
  top: 6px;
  right: 8px;
}

@media only screen and (min-width: 768px) {
  .modal_personalSettings_interest .modal_body ul {
    margin-right: -10px;
  }
  .modal_personalSettings_interest .modal_body ul:before, .modal_personalSettings_interest .modal_body ul:after {
    content: " ";
    display: table;
  }
  .modal_personalSettings_interest .modal_body ul:after {
    clear: both;
  }
  .modal_personalSettings_interest .modal_body ul {
    *zoom: 1;
  }
  .modal_personalSettings_interest .modal_body .modal_personalSettings_interest_list {
    float: left;
    width: 50%;
    margin: 0 0 3px;
    padding: 3px 0;
  }
  .modal_personalSettings_interest .modal_body .modal_personalSettings_interest_list label {
    margin-right: 10px;
  }
}

/* ログイン */
.modal_personalSettings_signin .modal_body {
  text-align: center;
}

.modal_personalSettings_signin .modal_body .titleS {
  padding: 20px 0 5px;
  text-align: center;
  color: #007CA0;
}

.modal_personalSettings_signin .modal_body .caption, .modal_personalSettings_signin .modal_body .articleSummary_authorName, .modal_personalSettings_signin .modal_body .productTable_authorName {
  line-height: 1.5;
}

.modal_personalSettings_signin .modal_body ul {
  margin: 0 10px 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E5E5E5;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_signin_socialList {
  margin-bottom: 10px;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_login {
  margin-bottom: 20px;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_login h3 {
  margin-bottom: 16px;
  text-align: left;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .formItems {
  padding-bottom: 20px;
  border-top: none;
  border-bottom: 1px solid #E5E5E5;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .formItems dt {
  text-align: left;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .formItems dt:first-child {
  margin-top: 0;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .formItems dd {
  border-bottom: none;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .formItems dd + dd {
  margin-top: 20px;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .formItems dd + dd .btn-strong {
  width: 140px;
  margin: 0 auto;
  padding: 10px 0;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .formItems dd + dd .caption, .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .formItems dd + dd .articleSummary_authorName, .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .formItems dd + dd .productTable_authorName {
  display: block;
  margin-top: 10px;
  text-align: center;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .formItems input {
  border-color: #E5E5E5;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .formItems input[type=password] {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 1.6rem;
  border: solid 1px #E5E5E5;
  border-radius: 0;
  box-shadow: inset 0 2px 0 0 transparent;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_register h3 {
  margin-bottom: 16px;
  text-align: left;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_register .caption, .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_register .articleSummary_authorName, .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_register .productTable_authorName {
  margin-bottom: 10px;
  text-align: left;
}

.modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_register .btn-strong-ghost {
  width: 140px;
  padding: 10px 0;
}

.modal_personalSettings_signin .modal_footer {
  padding: 18px 0;
  text-align: center;
}

.modal_personalSettings_signin .modal_footer .modal_closeBtn {
  top: 6px;
  right: 8px;
}

@media only screen and (min-width: 768px) {
  .modal_personalSettings_signin .modal_body ul {
    margin-left: 30px;
    margin-right: 30px;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_signin_socialList {
    display: inline-block;
    margin: 0 10px 20px;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock {
    padding: 10px 20px 0;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock:before, .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock:after {
    content: " ";
    display: table;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock:after {
    clear: both;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock {
    *zoom: 1;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_login {
    float: left;
    position: relative;
    width: 50%;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_login:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 1px;
    height: 100%;
    border-left: 1px solid #E5E5E5;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_login .formItems {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_login .formItems dd {
    text-align: left;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_login .formItems dd + dd {
    margin-right: 30px;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_login .formItems input {
    width: 250px;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_register {
    float: right;
    width: 50%;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_register h3 {
    margin-left: 40px;
  }
  .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_register .caption, .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_register .articleSummary_authorName, .modal_personalSettings_signin .modal_body .modal_personalSettings_loginBlock .modal_personalSettings_register .productTable_authorName {
    margin-left: 40px;
    margin-bottom: 16px;
  }
}

/* ---------------------------------------------------------------------
  _SH00300 contactForm
 --------------------------------------------------------------------- */
.contactForm_header .firstHeading {
  margin-bottom: 40px;
  text-align: left;
}

.contactForm_header .firstHeading span {
  font-weight: bold;
}

.contactForm_header .stepBlock {
  margin-bottom: 30px;
}

.contactForm_header .stepBlock .steps {
  margin: 0 auto;
}

.contactForm_header .stepBlock .steps li {
  font-size: 1.2rem;
}

.contactForm_header .stepBlock .steps .current {
  font-weight: bold;
}

.contactForm_header .contactForm_header_notes {
  margin: 0 10px 30px;
  padding-bottom: 10px;
}

.contactForm_header .contactForm_header_notes li {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 10px;
  font-size: 1.2rem;
  color: #999;
}

.contactForm .contactForm_section {
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
  border-top: 1px solid #E5E5E5;
}

.contactForm .contactForm_section p {
  margin: 0 0 15px 0;
  line-height: 1.8;
}

.contactForm .contactForm_section span {
  color: #999;
}

.contactForm .contactForm_section .contactForm_firstHeading {
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: bold;
}

.contactForm .contactForm_section .contactForm_firstHeading span {
  color: #999;
}

.contactForm .contactForm_section .contactForm_firstHeading span.required:before {
  content: "※";
  color: #C8161F;
}

.contactForm .contactForm_kind p {
   margin-right:20px;
}

.contactForm .contactForm_kind p {
   display: inline-block;
   margin-right:20px;
}

.contactForm .contactForm_kind label input:first-child {
  margin-right: 10px;
}

.contactForm .contactForm_kind label + label {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 28px;
}

.contactForm .contactForm_inputWrap p:first-child {
  margin-bottom: 10px;
}

.contactForm .contactForm_checkBox-col2 {
  display: table;
  width: 100%;
  margin-bottom: 5px;
}

.contactForm .contactForm_checkBox-col2 p {
  display: table-cell;
  width: 50%;
}

.contactForm .contactForm_checkBox-col2 input {
  margin-top: -2px;
  margin-right: 10px;
}

.contactForm .contactForm_commentForm {
  margin-bottom: 10px;
}

.contactForm .contactForm_commentForm textarea {
  height: 10em;
}

.contactForm .contactForm_submitWrap {
  padding-top: 30px;
}

.contactForm .contactForm_submitWrap p {
  margin-bottom: 10px;
}

.contactForm .contactForm_submitWrap p:first-child {
  margin-bottom: 30px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .contactForm_header .firstHeading {
    text-align: left;
  }
  .contactForm .inputWrapper {
    width: 285px;
  }
  .contactForm .inputWrapper-l {
    width: 460px;
  }
  .contactForm .contactForm_kind p:last-child {
    margin-top: -10px;
  }
  .contactForm .contactForm_kind label + label {
    display: inline-block;
    margin-left: 10px;
  }
  .contactForm .contactForm_inputWrap p {
    display: inline-block;
    margin-right: 18px;
  }
  .contactForm .contactForm_checkBox-col2 {
    display: block;
    margin-bottom: 0;
  }
  .contactForm .contactForm_checkBox-col2 p {
    display: inline-block;
    width: 160px;
  }
  .contactForm .contactForm_submitWrap {
    text-align: center;
  }
  .contactForm .contactForm_submitWrap .contactForm_btnWrap {
    display: inline-block;
    width: 300px;
    margin: 0 5px;
    box-sizing: border-box;
  }
}

.contactForm_result {
  padding-top: 20px;
}

.contactForm_result .formBtns {
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .contactForm_result .formBtns {
    margin-top: 40px;
  }
  .contactForm_result li {
    width: 300px;
  }
}

/* ---------------------------------------------------------------------
  search_productSearch_SERP
 --------------------------------------------------------------------- */
.productSearchSerp_header .firstHeading {
  margin-bottom: 10px;
}

.productSearchSerp_header p {
  font-size: 1.2rem;
}

.productSearchSerp .sideNav_list .sideNav_viewAll {
  margin-right: 0;
}

.productSearchSerp_relatedlists {
  margin: 0 10px 20px;
  border: 2px solid #E5E5E5;
  border-radius: 4px;
}

.productSearchSerp_relatedlists_title {
  margin: 0;
  padding: 18px 20px;
  font-weight: bold;
}

.productSearchSerp_relatedlists_list {
  position: relative;
  margin: 0;
  padding: 10px 20px;
  border-top: 1px solid #E5E5E5;
}

.productSearchSerp_relatedlists_list:after {
  content: "";
  position: absolute;
  top: 1.8rem;
  right: 8px;
  width: 18px;
  height: 18px;
  background: url(../images/bullet_link.svg) no-repeat right center;
  background-size: 14px 14px;
  opacity: 1;
}

.productSearchSerp_relatedlists_list a {
  font-size: 1.2rem;
  font-weight: bold;
}

.productSearchSerp_relatedlists_maker {
  display: block;
  font-size: 1rem;
  color: #999;
}

.productSearchSerp_relatedlists_footer {
  margin: 0;
  border-top: 1px solid #E5E5E5;
  text-align: center;
}

.productSearchSerp_relatedlists_footer a {
  display: block;
  padding: 15px 20px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .productSearchSerp_relatedlists_maker {
    display: inline-block;
  }
  .productSearchSerp_relatedlists_list:after {
    top: 1.2rem;
  }
}

@media only screen and (min-width: 993px) {
  .productSearchSerp_relatedlists {
    border-width: 1px;
  }
  .productSearchSerp_relatedlists_list {
    margin: 0 0 8px 20px;
    padding: 0;
    border-top: none;
  }
  .productSearchSerp_relatedlists_list:after {
    display: none;
  }
  .productSearchSerp_relatedlists_maker {
    display: inline-block;
  }
  .productSearchSerp_relatedlists_footer {
    padding: 15px;
    border-top: none;
    text-align: right;
  }
  .productSearchSerp_relatedlists_footer a {
    padding: 0;
    display: inline;
  }
}

/* resultlist */
.productSearchSerp_resultInline .productSearchSerp_resultInline_list {
  position: relative;
  margin: 0 10px 20px;
  border-bottom: 1px solid #E5E5E5;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_list:before, .productSearchSerp_resultInline .productSearchSerp_resultInline_list:after {
  content: " ";
  display: table;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_list:after {
  clear: both;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_list {
  *zoom: 1;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_image {
  float: left;
  width: 90px;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_image img {
  width: auto;
  max-width: 70px;
  max-height: 70px;
  height: auto;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_image p {
  margin-bottom: 10px;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_info {
  margin-left: 90px;
  padding-bottom: 5px;
  min-height:140px;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_info p {
  margin-bottom: 5px;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_name {
  display: inline-block;
  margin: 0 0 5px 10px;
  color: #999;
  font-size: 1.2rem;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #007CA0;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_tags {
  display: inline-block;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_tags .tag {
  font-weight: normal;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_detail {
  clear: both;
  margin: 0 0 20px;
  padding: 8px 0 0;
  border-top: 1px dashed #E5E5E5;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_detail:before, .productSearchSerp_resultInline .productSearchSerp_resultInline_detail:after {
  content: " ";
  display: table;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_detail:after {
  clear: both;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_detail {
  *zoom: 1;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_store {
  float: left;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}

.productSearchSerp_resultInline_detail p.productSearchSerp_resultInline_store:nth-child(2) {
  margin-left:10px;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_price {
  float: right;
  font-weight: bold;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_price .emphasizeText {
  font-size: 1rem;
  margin-right: 10px;
}

.productSearchSerp_resultInline .productSearchSerp_resultInline_btn p {
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .productSearchSerp_resultInline .productSearchSerp_resultInline_info {
    margin-right: 160px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-right: 1px dashed #E5E5E5;
  }
  .productSearchSerp_resultInline .productSearchSerp_resultInline_detail {
    clear: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 145px;
    margin: 0;
    padding: 0 0 0 10px;
    border-top: none;
    text-align: center;
  }
  .productSearchSerp_resultInline .productSearchSerp_resultInline_store {
    float: none;
    width: auto;
    margin-bottom: 10px;
    padding: 0;
  }
}

@media screen and (max-width:768px){
  .productSearchSerp_resultInline_detail .productSearchSerp_resultInline_store:last-child {
    margin-left:20px;
  }

  .productSearchSerp_resultInline .productSearchSerp_resultInline_store span {
    display: block;
    font-size: 1rem;
    margin-bottom: 4px;
  }

  .productSearchSerp_resultInline .productSearchSerp_resultInline_price {
    float: none;
    width: auto;
    margin-bottom: 10px;
    text-align: center;
  }
}

@media only screen and (min-width: 993px) {
  .productSearchSerp_resultInline .productSearchSerp_resultInline_info {
    margin-right: 160px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-right: 1px dashed #E5E5E5;
    min-height:140px;
  }

  .productSearchSerp_resultInline .productSearchSerp_resultInline_detail {
    clear: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 145px;
    margin: 0;
    padding: 0 0 0 10px;
    border-top: none;
    text-align: center;
  }
  
  .productSearchSerp_resultInline .productSearchSerp_resultInline_store {
    float: none;
    width: auto;
    margin-bottom: 10px;
    padding: 0;
  }
  
  .productSearchSerp_resultInline .productSearchSerp_resultInline_store span {
    display: block;
    font-size: 1rem;
    margin-bottom: 4px;
  }
  
  .productSearchSerp_resultInline .productSearchSerp_resultInline_price {
    float: none;
    width: auto;
    margin-bottom: 10px;
    text-align: center;
  }
}

.pagination + .searchResult_header {
  margin-top: 100px;
}

.productSearchSerp_resultBlock:before, .productSearchSerp_resultBlock:after {
  content: " ";
  display: table;
}

.productSearchSerp_resultBlock:after {
  clear: both;
}

.productSearchSerp_resultBlock {
  *zoom: 1;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list {
  float: left;
  width: 50%;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list .productSearchSerp_resultBlock_name {
  display: inline-block;
  margin: 0 0 5px 10px;
  color: #999;
  font-size: 1.2rem;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list .productSearchSerp_resultBlock_tags {
  display: inline;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list .productSearchSerp_resultBlock_tags .tag {
  display: inline;
  font-weight: normal;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list .productSearchSerp_resultBlock_image {
  margin: 0;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list .productSearchSerp_resultBlock_image p {
  margin: 0 10px 5px;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list .productSearchSerp_resultBlock_maker {
  margin: 0 10px 5px;
  color: #999;
  font-size: 1.2rem;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list .productSearchSerp_resultBlock_title {
  margin: 0 10px 5px;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list .productSearchSerp_resultBlock_title a {
  font-size: 1.6rem;
  font-weight: bold;
  color: #007CA0;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list .productSearchSerp_resultBlock_store {
  margin: 0 10px 5px;
  font-size: 1.2rem;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list .productSearchSerp_resultBlock_store span {
  font-size: 1rem;
  color: #999;
}

.productSearchSerp_resultBlock .productSearchSerp_resultBlock_list .productSearchSerp_resultBlock_price {
  margin: 0 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E5E5E5;
  font-weight: bold;
  font-size: 1.2rem;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .productSearchSerp_resultBlock {
    margin-bottom: 60px;
  }
  .productSearchSerp_resultBlock .productSearchSerp_resultBlock_list {
    width: 33.3333%;
  }
  .productSearchSerp_resultBlock .productSearchSerp_resultBlock_store {
    color: #999;
  }
}

@media only screen and (min-width: 993px) {
  .productSearchSerp_resultBlock {
    margin-bottom: 60px;
  }
  .productSearchSerp_resultBlock .productSearchSerp_resultBlock_list {
    width: 33.3333%;
  }
  .productSearchSerp_resultBlock .productSearchSerp_resultBlock_store {
    color: #999;
  }
}

/* ---------------------------------------------------------------------
  _SH00610 search noResult
 --------------------------------------------------------------------- */
.searchNoResult_header .firstHeading {
  margin-bottom: 10px;
}

.searchNoResult_header p {
  font-size: 1.2rem;
}

/* exresult */
.searchNoResult_exResult {
  margin: 0 10px 20px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
}

.searchNoResult_exResult_title {
  margin: 0;
  padding: 18px 20px;
  font-weight: bold;
}

.searchNoResult_exResult_list {
  position: relative;
  margin: 0;
  padding: 10px 20px;
  border-top: 1px solid #E5E5E5;
}

.searchNoResult_exResult_text {
  margin: 0;
  padding: 10px 0;
  padding-left: 30px;
  font-size: 1.4rem;
}

.searchNoResult_exResult_text-taiwan {
  background: 0 12px url(../images/icon_taiwan.svg) no-repeat;
}

.searchNoResult_exResult_text-us {
  background: 0 12px url(../images/icon_usa.svg) no-repeat;
}

.searchNoResult_exResult_link {
  text-align: right;
}

.searchNoResult_exResult_link li {
  margin-bottom: 10px;
  font-size: 1.2rem;
}

.searchNoResult_exResult_link a {
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .searchNoResult_exResult_list {
    margin: 0 20px;
    padding: 10px 0;
  }
  .searchNoResult_exResult_list:before, .searchNoResult_exResult_list:after {
    content: " ";
    display: table;
  }
  .searchNoResult_exResult_list:after {
    clear: both;
  }
  .searchNoResult_exResult_list {
    *zoom: 1;
  }
  .searchNoResult_exResult_text {
    float: left;
  }
}

@media only screen and (min-width: 993px) {
  .searchNoResult_exResult_link li {
    display: inline-block;
    margin: 10px 0;
    font-weight: bold;
  }
}

/* research */
.searchNoResult_research {
  position: relative;
  margin: 0 10px 20px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
}

.searchNoResult_research:before, .searchNoResult_research:after {
  content: " ";
  display: table;
}

.searchNoResult_research:after {
  clear: both;
}

.searchNoResult_research {
  *zoom: 1;
}

.searchNoResult_research_title {
  margin: 0 0 15px;
  padding: 18px 20px 0;
  font-weight: bold;
}

.searchNoResult_research_form {
  margin: 0 0 18px 0;
  padding: 0 10px;
}

.searchNoResult_research_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 41px;
  margin: 10px;
  padding: 7px 0 8px 7px;
  border: solid 1px #E5E5E5;
  box-sizing: border-box;
}

.searchNoResult_research_text .icon {
  -ms-flex-preferred-size: 20px;
      flex-basis: 20px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-top: 3px;
}

.searchNoResult_research_text input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  margin-left: 3px;
  padding: 0;
  border: none;
}

.searchNoResult_research_btn {
  display: none;
  margin: 0;
}

.searchNoResult_research_hints {
  padding: 0 20px 15px;
}

.searchNoResult_research_hints dt {
  margin-bottom: 5px;
  font-size: 1.2rem;
  color: #999;
}

.searchNoResult_research_hints dd {
  font-size: 1rem;
}

.searchNoResult_research_hints dd li {
  padding-left: 5px;
  list-style-position: inside;
  list-style-type: disc;
  font-size: 1rem;
  color: #999;
}

@media only screen and (min-width: 768px) {
  .searchNoResult_research_form {
    padding: 0 20px;
  }
  .searchNoResult_research_text {
    float: left;
    width: 420px;
    margin: 0;
    border-right: none;
  }
  .searchNoResult_research_text input {
    width: 375px;
    font-size: 1.6rem;
  }
  .searchNoResult_research_btn {
    display: block;
  }
  .searchNoResult_research_btn .btn-strong {
    float: left;
    font-size: 1.4rem;
    width: 90px;
    box-sizing: border-box;
  }
  .searchNoResult_research {
    padding-bottom: 20px;
  }
  .searchNoResult_research_hints {
    clear: both;
    margin: 0;
    padding: 10px 20px 0;
  }
}

@media only screen and (min-width: 993px) {
  .searchNoResult_research_hints {
    position: absolute;
    top: 15px;
    right: 30px;
    margin: 0;
    padding: 0;
  }
  .searchNoResult_research_hints ul {
    padding-right: 10px;
  }
}

/* category link */
.searchNoResult_category {
  margin: 0 10px 20px;
  padding: 0 20px 10px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
}

.searchNoResult_category:before, .searchNoResult_category:after {
  content: " ";
  display: table;
}

.searchNoResult_category:after {
  clear: both;
}

.searchNoResult_category {
  *zoom: 1;
}

.searchNoResult_category_title {
  margin: 0 0 15px;
  padding: 18px 0 0;
  font-weight: bold;
}

.searchNoResult_category_list {
  margin: 10px 0;
}

.searchNoResult_category_inner {
  padding: 10px;
  border: 1px solid #E5E5E5;
  background-color: #FAFAFA;
  box-sizing: border-box;
}

.searchNoResult_category_inner:before, .searchNoResult_category_inner:after {
  content: " ";
  display: table;
}

.searchNoResult_category_inner:after {
  clear: both;
}

.searchNoResult_category_inner {
  *zoom: 1;
}

.searchNoResult_category_image {
  float: left;
  margin-right: 10px;
}

.searchNoResult_category_name {
  padding-top: 5px;
}

.searchNoResult_category_name a {
  font-size: 1.4rem;
  font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchNoResult_category {
    padding-bottom: 10px;
  }
  .searchNoResult_category_list {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
  }
  .searchNoResult_category_list:nth-child(2n) .searchNoResult_category_inner {
    margin-right: 0;
  }
  .searchNoResult_category_inner {
    margin: 0 20px 10px 0;
  }
}

@media only screen and (min-width: 993px) {
  .searchNoResult_category {
    padding-bottom: 10px;
  }
  .searchNoResult_category_list {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
  }
  .searchNoResult_category_list:nth-child(4n) .searchNoResult_category_inner {
    margin-right: 0;
  }
  .searchNoResult_category_inner {
    margin: 0 20px 10px 0;
  }
}

/* ---------------------------------------------------------------------
  _SH01100 search_seriesDetail
 --------------------------------------------------------------------- */
.search_seriesDetail_header + h2 {
  margin-top: 40px;
}

.search_seriesDetail_header .productInfo_image .productInfo_thumbs {
  margin: 0 0 0 10px;
}

.search_seriesDetail_header .productInfo_image .productInfo_thumbs li {
  width: 25%;
  height: auto;
  display: table-cell;
  margin-right: 0;
  padding-right: 10px;
}

.search_seriesDetail_header .productInfo_image .productInfo_thumbs li img {
  width: 100%;
}

.search_seriesDetail_header .productInfo_image .productInfo_thumbs li.current {
  border: none;
}

.search_seriesDetail_header .productInfo_image .productInfo_thumbs li.current a {
  display: block;
  border: solid 2px #007CA0;
}

.productInfo_image p img {
    width: auto;
    max-width: 220px;
    height: 220px;
}

.search_seriesDetail_header .productInfo_info .productInfo_rating {
  float: none;
  padding-top: 3px;
}

.search_seriesDetail_header .productInfo_info .productInfo_tags {
  float: left;
}

.search_seriesDetail_header .productInfo_info .productInfo_tags .tag {
  padding-left: 8px;
  padding-right: 8px;
}

.search_seriesDetail_header .productInfo_info .caption, .search_seriesDetail_header .productInfo_info .articleSummary_authorName, .search_seriesDetail_header .productInfo_info .productTable_authorName {
  clear: both;
  line-height: 1.666;
}

.search_seriesDetail_header .productInfo_info .productInfo_spec dt {
  width: 5em;
  margin-bottom: 0;
}

.search_seriesDetail_header .productInfo_info .productInfo_spec dd {
  margin-bottom: 0;
}

.search_seriesDetail_header .search_seriesDetail_productInfo_name {
  display: block;
  margin: 0 10px 10px;
}

.search_seriesDetail_header .search_seriesDetail_productInfo_mnumber {
  display: inline;
  margin: 0;
  font-size: 3rem;
  font-weight: bold;
}

.search_seriesDetail_header .search_seriesDetail_productInfo_mnumber::after {
  content: " | ";
}

.search_seriesDetail_header .search_seriesDetail_productInfo_model {
  display: inline;
  margin: 0;
  font-size: 3rem;
  font-weight: bold;
}

.search_seriesDetail_header .search_seriesDetail_header_behave {
  margin: 0 0 20px 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
}

.search_seriesDetail_header .search_seriesDetail_header_behave ul {
  display: table;
  width: 100%;
}

.search_seriesDetail_header .search_seriesDetail_header_behave li {
  display: table-cell;
  width: 33.3333%;
  padding-right: 10px;
}

.search_seriesDetail_header .search_seriesDetail_header_behave li a {
  display: block;
  padding: 10px 0;
  text-align: center;
  background-color: #FAFAFA;
  border: 1px solid #E5E5E5;
  font-size: 1.2rem;
  font-weight: bold;
  box-sizing: border-box;
}

.search_seriesDetail_header .search_seriesDetail_header_behave li .icon {
  margin-bottom: 5px;
}

.search_seriesDetail_header .productInfo_btn a {
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid #007CA0;
}

.search_seriesDetail_header .productInfo_btn .icon {
  position: absolute;
  left: 12px;
  margin-top: -4px;
}

.search_seriesDetail_header .productInfo_btn .icon-white {
  opacity: 1;
}

.search_seriesDetail_header .search_seriesDetail_header_regist {
  margin: 0 10px 20px;
  padding: 16px 0;
  background-color: #FAFAFA;
  text-align: center;
}

.search_seriesDetail_header .search_seriesDetail_header_regist p {
  margin: 0 0 8px 0;
  font-size: 1.2rem;
}

.search_seriesDetail_header .search_seriesDetail_header_regist .btn-normal {
  width: 160px;
  margin: 0 auto;
  padding: 5px 3px;
  background-color: #FFF;
  font-weight: bold;
  text-align: left;
}

.search_seriesDetail_header .search_seriesDetail_header_regist .btn-normal .icon {
  margin-top: -4px;
}

.search_seriesDetail_header .search_seriesDetail_header_catalogDownload {
  margin-bottom: 0;
  font-size: 1.2rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .search_seriesDetail_header .productInfo_image {
    width: 240px;
  }
  .search_seriesDetail_header .productInfo_image .productInfo_thumbs {
    margin-right: 7px;
  }
  .search_seriesDetail_header .productInfo_image .productInfo_thumbs li {
    padding-right: 3px;
  }
  .search_seriesDetail_header .productInfo_info {
    float: none;
    width: auto;
    margin-left: 240px;
  }
  .search_seriesDetail_header .productInfo_info .caption, .search_seriesDetail_header .productInfo_info .articleSummary_authorName, .search_seriesDetail_header .productInfo_info .productTable_authorName {
    clear: none;
    margin-bottom: 14px;
  }
  .search_seriesDetail_header .productInfo_name {
    line-height: 1.366;
    margin-bottom: 4px;
  }
  .search_seriesDetail_header .search_seriesDetail_productInfo_name {
    margin-bottom: 4px;
  }
  .search_seriesDetail_header .search_seriesDetail_productInfo_mnumber {
    line-height: 1.366;
    margin-bottom: 4px;
  }
  .search_seriesDetail_header .search_seriesDetail_productInfo_model {
    line-height: 1.366;
    margin-bottom: 4px;
  }
  .search_seriesDetail_header .search_seriesDetail_header_behave {
    margin-right: 10px;
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
  .search_seriesDetail_header .search_seriesDetail_header_behave ul {
    display: block;
    width: auto;
  }
  .search_seriesDetail_header .search_seriesDetail_header_behave li {
    display: inline-block;
    width: auto;
    margin-bottom: 5px;
    padding-right: 2px;
  }
  .search_seriesDetail_header .search_seriesDetail_header_behave li a {
    padding: 4px 16px 4px 6px;
  }
  .search_seriesDetail_header .search_seriesDetail_header_behave li .icon {
    margin-right: 3px;
    margin-bottom: 1px;
  }
  .search_seriesDetail_header .productInfo_btn li {
    margin-right: 2px;
    margin-bottom: 6px;
  }
  .search_seriesDetail_header .productInfo_btn li:last-child {
    padding-right: 0;
  }
  .search_seriesDetail_header .productInfo_btn a {
    padding: 6px 14px 6px 4px;
    line-height: 1;
    font-size: 1.2rem;
  }
  .search_seriesDetail_header .productInfo_btn .icon {
    position: static;
    margin-right: 4px;
  }
  .search_seriesDetail_header .search_seriesDetail_header_regist {
    padding: 10px 0 2px;
    text-align: right;
  }
  .search_seriesDetail_header .search_seriesDetail_header_regist p {
    display: inline-block;
    margin-right: 10px;
  }
  .search_seriesDetail_header .search_seriesDetail_header_regist .btn-normal {
    width: 160px;
    margin: 0 auto;
    padding: 3px 3px;
    text-align: left;
  }
  .search_seriesDetail_header .search_seriesDetail_header_catalogDownload {
    text-align: left;
  }
}

@media only screen and (min-width: 993px) {
  .search_seriesDetail_header .productInfo_btnWrap {
    margin-right: 20px;
  }
  .search_seriesDetail_header .productInfo_btn {
    display: table;
    width: 100%;
  }
  .search_seriesDetail_header .productInfo_btn li {
    display: table-cell;
    width: auto;
    padding-right: 4px;
  }
  .search_seriesDetail_header .productInfo_btn li:last-child {
    padding-right: 0;
  }
  .search_seriesDetail_header .productInfo_btn a {
    padding: 6px 0 6px 4px;
    line-height: 1;
    font-size: 1.2rem;
    border: 1px solid #007CA0;
    box-sizing: border-box;
    text-align: left;
  }
  .search_seriesDetail_header .productInfo_btn .icon {
    position: static;
    margin-right: 4px;
  }
}

.search_seriesDetail_format .search_seriesDetail_format_count {
  margin: 0 10px 0;
  text-align: right;
}

.search_seriesDetail_format .search_seriesDetail_format_count:before, .search_seriesDetail_format .search_seriesDetail_format_count:after {
  content: " ";
  display: table;
}

.search_seriesDetail_format .search_seriesDetail_format_count:after {
  clear: both;
}

.search_seriesDetail_format .search_seriesDetail_format_count {
  *zoom: 1;
}

.search_seriesDetail_format .search_seriesDetail_format_count p {
  float: left;
  margin-left: 0;
  font-weight: bold;
  text-align: left;
}

.search_seriesDetail_format .search_seriesDetail_format_refine {
  margin: 0 10px 20px;
  padding: 10px;
  border-top: 1px solid #E5E5E5;
  background-color: #FAFAFA;
  box-sizing: border-box;
}

.search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner {
  display: table;
  width: 100%;
}

.search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner:before, .search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner:after {
  content: " ";
  display: table;
}

.search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner:after {
  clear: both;
}

.search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner {
  *zoom: 1;
}

.search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner p {
  display: table-cell;
  margin: 0;
  padding: 0;
}

.search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner p:first-child {
  padding-right: 10px;
}

.search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner p span {
  float: left;
}

.search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner p input {
  border: 1px solid #E5E5E5;
}

.search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner .btn-normal {
  float: left;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0 4px;
  font-size: 1.2rem;
  font-weight: bold;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock {
  margin: 0 10px 20px;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table {
  display: block;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table tbody {
  display: block;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_row {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E5E5E5;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_row:before, .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_row:after {
  content: " ";
  display: table;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_row:after {
  clear: both;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_row {
  *zoom: 1;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_row:last-child {
  margin-bottom: 0;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_td {
  display: block;
  padding: 0;
  border: none;
  font-size: 1.2rem;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_image {
  float: left;
  width: 70px;
  margin-right: 10px;
  padding-bottom: 10px;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_mnumber {
  display: inline;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_mnumber a {
  font-size: 1.6rem;
  font-weight: bold;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_mnumber::after {
  content: " | ";
  font-size: 1.6rem;
  color: #E5E5E5;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_model {
  display: inline;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_model a {
  font-size: 1.6rem;
  font-weight: bold;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_price {
  font-size: 1.4rem;
  font-weight: bold;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_moreBtn {
  margin: -1px 0 0;
}

.search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_moreBtn .btn-normal {
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner {
    display: block;
    width: 100%;
  }
  .search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner:before, .search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner:after {
    content: " ";
    display: table;
  }
  .search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner:after {
    clear: both;
  }
  .search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner {
    *zoom: 1;
  }
  .search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner p {
    display: inline-block;
  }
  .search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner .inputWrapper-m {
    width: 245px;
  }
  .search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner .btn-normal {
    height: 28px;
    line-height: 1;
    padding: 0 10px;
  }
  .search_seriesDetail_format .search_seriesDetail_format_refine .search_seriesDetail_format_refineInner .inputWrapper-m input {
    padding: 4px;
    font-size: 1.2rem;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock {
    margin: 0 10px 20px;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table {
    display: table;
    width: 100%;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table tbody {
    display: table-row-group;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_row {
    display: table-row;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_row::before {
    display: none;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_row::after {
    display: none;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_th {
    display: table-cell;
    padding: 0 0 6px;
    font-size: 1.2rem;
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #E5E5E5;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_th-asc::after {
    content: "▲";
    margin-left: 4px;
    font-size: 10px;
    color: #007CA0;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_th-desc::after {
    content: "▼";
    margin-left: 4px;
    font-size: 10px;
    color: #007CA0;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_td {
    display: table-cell;
    width: 12.5%;
    padding: 6px 12px 6px 0;
    border-bottom: 1px solid #E5E5E5;
    vertical-align: middle;
    font-size: 1.2rem;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_image {
    float: none;
    width: 70px;
    min-width: 70px;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_mnumber {
    width: 140px;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_mnumber a {
    font-size: 1.4rem;
    font-weight: normal;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_mnumber::after {
    content: "";
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_model {
    width: 280px;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_model a {
    font-size: 1.4rem;
    font-weight: normal;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_price {
    width: 80px;
    padding-right: 20px;
    text-align: right;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_ship {
    width: 60px;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_new {
    width: 40px;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_old {
    width: 40px;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_table .search_seriesDetail_format_rental {
    width: 50px;
  }
  .search_seriesDetail_format .search_seriesDetail_format_tableBlock .search_seriesDetail_format_moreBtn {
    margin: -1px 0 0;
  }
}

/* 製品ドキュメント */
.search_seriesDetail_document + h2 {
  margin-top: 0;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock {
  margin: 0 10px 0;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock:before, .search_seriesDetail_document .search_seriesDetail_document_tableBlock:after {
  content: " ";
  display: table;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock:after {
  clear: both;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock {
  *zoom: 1;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table {
  display: block;
  padding-top: 10px;
  border-top: 1px solid #E5E5E5;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table tbody {
  display: block;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_row {
  display: block;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E5E5E5;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_row:before, .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_row:after {
  content: " ";
  display: table;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_row:after {
  clear: both;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_row {
  *zoom: 1;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_row:last-child {
  margin-bottom: 0;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_td {
  display: block;
  padding: 0;
  border: none;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_spImage {
  float: left;
  width: 70px;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_catalog {
  margin-left: 90px;
  margin-bottom: 4px;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_catalog .tag {
  width: 60px;
  padding: 5px 18px;
  text-align: center;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_catalog .tag:hover {
  text-decoration: none;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_name {
  margin-left: 90px;
  margin-bottom: 8px;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_name .search_seriesDetail_document_title {
  margin: 0 0 3px;
  font-size: 1.6rem;
  font-weight: bold;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_name .search_seriesDetail_document_title span {
  font-weight: bold;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_name .search_seriesDetail_document_filename {
  margin: 0;
  font-size: 1.2rem;
  font-weight: normal;
  color: #999;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_download {
  margin-left: 90px;
  margin-bottom: 10px;
  font-size: 1.2rem;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_download .btn-strong {
  width: auto;
  padding: 4px 18px 4px 6px;
  text-align: left;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_download .icon {
  margin-right: 4px;
  margin-top: -3px;
}

.search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_download .icon-white {
  opacity: 1;
}

.search_seriesDetail_document .search_seriesDetail_document_regist {
  margin: -1px -10px 0;
  padding: 20px 0;
  background: #FAFAFA;
}

.search_seriesDetail_document .search_seriesDetail_document_regist p {
  margin: 0;
  padding: 0;
}

.search_seriesDetail_document .search_seriesDetail_document_regist .btn-normal {
  width: 180px;
  margin: 0 auto;
  padding: 6px 0 3px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left;
}

.search_seriesDetail_document .search_seriesDetail_document_regist .btn-normal .icon
 {
  margin-top: -4px;
}

.searchDetail_registerNewContent {
  border-top:1px solid #E5E5E5;
  margin-bottom:50px;;
}

.searchDetail_registerNewContent-top p {
  font-size:1.8rem;
  font-weight:bold;
  text-align: center;
  padding:100px 0;
}

.searchDetail_registerNewContent-bottom {
  margin: -1px -10px 0;
  padding: 20px 0;
  background: #FAFAFA;
}

.searchDetail_registerNewContent-bottom p {
  margin: 0;
  padding: 0; 
  font-size:1.2rem;
  color:#333333;
}

.searchDetail_registerNewContent-bottom-text p {
  text-align: center;
}

.searchDetail_registerNewContent-bottom .btn-normal {
  display: inline-block;
  margin: 0 10px;
  padding: 6px 0 3px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left;
}

.searchDetail_registerNewContent-bottom .btn-normal .icon
 {
  margin-top: -4px;
}

.searchDetail_annotationTag {
  display: inline-block;
  font-size:0.8rem;
  font-weight: bold;
  color:#007CA0;
  background-color: #E6F2F5;
  padding:4px 8px;
  margin:0 5px;  
}

.editInCluez {
  width:200px;
}

@media screen and (max-width:767px) {
.registToAperza {
  width:250px;
}
}

@media only screen and (min-width: 768px) {
  .search_seriesDetail_document + h2 {
    margin-top: 50px;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock {
    margin: 0 10px 20px;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table {
    display: table;
    width: 100%;
    border-top: none;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table tbody {
    display: table-row-group;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_row {
    display: table-row;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_row::before {
    display: none;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_row::after {
    display: none;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_th {
    display: table-cell;
    padding: 0 0 6px;
    font-size: 1.2rem;
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #E5E5E5;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_td {
    display: table-cell;
    width: 25%;
    padding: 12px 0;
    border-bottom: 1px solid #E5E5E5;
    vertical-align: middle;
    font-size: 1.2rem;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_catalog {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    vertical-align: top;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_catalog a {
    font-size: 1.4rem;
    font-weight: normal;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_catalog::after {
    content: "";
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_image {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_image img {
    max-width: 50px;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_name {
    width: 80%;
    vertical-align: top;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_name .search_seriesDetail_document_title {
    font-size: 1.2rem;
    font-weight: bold;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_name .search_seriesDetail_document_title span {
    font-size: 1.2rem;
    font-weight: bold;
  }
  .search_seriesDetail_document .search_seriesDetail_document_tableBlock .search_seriesDetail_document_table .search_seriesDetail_document_download {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    vertical-align: top;
  }
  .search_seriesDetail_document .search_seriesDetail_document_regist {
    margin: -21px 10px 0;
    padding: 10px 0;
    background: #FAFAFA;
  }
  .search_seriesDetail_document .search_seriesDetail_document_regist:before, .search_seriesDetail_document .search_seriesDetail_document_regist:after {
    content: " ";
    display: table;
  }
  .search_seriesDetail_document .search_seriesDetail_document_regist:after {
    clear: both;
  }
  .search_seriesDetail_document .search_seriesDetail_document_regist {
    *zoom: 1;
  }
  .search_seriesDetail_document .search_seriesDetail_document_regist p {
    float: right;
    margin: 0;
    padding: 0;
  }
  .search_seriesDetail_document .search_seriesDetail_document_regist .btn-normal {
    width: 180px;
    margin: 0 10px 0 0;
    padding: 3px 0 1px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
  }

  .searchDetail_registerNewContent-bottom {
    margin: -21px 10px 0;
    padding: 10px 0;
    background: #FAFAFA;
  }
  .searchDetail_registerNewContent-bottom:before,
  .searchDetail_registerNewContent-bottom:after {
    content: " ";
    display: table;
  }
  .searchDetail_registerNewContent-bottom:after {
    clear: both;
  }
  .searchDetail_registerNewContent-bottom {
    *zoom: 1;
  }

  .searchDetail_registerNewContent-bottom-text p {
    line-height: 2.8;
    font-size:1.2rem;
    color:#333333;
  }

  .searchDetail_registerNewContent-bottom-register,
  .searchDetail_registerNewContent-bottom-text {
    float: right;
    margin: 0 10px;
    padding: 0;
  }
  .searchDetail_registerNewContent-bottom .btn-normal {
    /*width: 180px;*/
    margin: 0 10px 0 0;
    padding: 3px 0 1px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
  }
}

/* 製品仕様 */
.search_seriesDetail_productDetails_caption p {
  margin-top: -50px;
  margin-bottom: 30px;
  font-size: 1.2rem;
  text-align: right;
  color: #999;
}

.search_seriesDetail_productDetails + h2 {
  margin-top: 0;
}

.search_seriesDetail_productDetails .productInfo_table {
  margin-bottom: 30px;
}

.search_seriesDetail_productDetails .productInfo_table th {
  width: 45%;
  font-size: 1.2rem;
}

.search_seriesDetail_productDetails .productInfo_table td {
  width: 55%;
  font-size: 1.2rem;
}

.search_seriesDetail_productDetails .search_seriesDetail_productDetails_bannerArea {
  margin: 0 -10px;
  padding: 30px 0 10px;
  background-color: #FAFAFA;
  text-align: center;
}

.search_seriesDetail_productDetails .search_seriesDetail_productDetails_bannerArea li {
  margin: 0 38px 20px;
}

.search_seriesDetail_productDetails .search_seriesDetail_productDetails_bannerArea li img {
  width: 100%;
  max-width: 300px;
}

@media only screen and (min-width: 768px) {
  .search_seriesDetail_productDetails .productInfo_table th {
    width: auto;
    min-width: 240px;
    max-width: 240px;
  }
  .search_seriesDetail_productDetails .productInfo_table td {
    width: auto;
  }
  .search_seriesDetail_productDetails .search_seriesDetail_productDetails_bannerArea {
    margin: 0 -10px 40px 10px;
    padding: 30px 0 10px;
    background-color: #FFF;
    text-align: center;
  }
  .search_seriesDetail_productDetails .search_seriesDetail_productDetails_bannerArea ul:before, .search_seriesDetail_productDetails .search_seriesDetail_productDetails_bannerArea ul:after {
    content: " ";
    display: table;
  }
  .search_seriesDetail_productDetails .search_seriesDetail_productDetails_bannerArea ul:after {
    clear: both;
  }
  .search_seriesDetail_productDetails .search_seriesDetail_productDetails_bannerArea ul {
    *zoom: 1;
  }
  .search_seriesDetail_productDetails .search_seriesDetail_productDetails_bannerArea li {
    float: left;
    width: 33.3333%;
    margin: 0;
  }
  .search_seriesDetail_productDetails .search_seriesDetail_productDetails_bannerArea li a {
    display: block;
    margin-right: 20px;
  }
  .search_seriesDetail_productDetails .search_seriesDetail_productDetails_bannerArea li img {
    width: 100%;
    max-width: auto;
  }
}

  @media screen and (max-width:768px) {
    .searchDetail_registerNewContent-bottom-text {
      margin-bottom:10px;
    }

    .searchDetail_registerNewContent-bottom-register {
      text-align:center;
    } 
  }

/* 類似製品・代替製品情報 */
.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock {
  margin: 0 10px 10px;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table {
  display: block;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table tbody {
  display: block;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_row {
  display: block;
  padding-top: 18px;
  border-top: 1px solid #E5E5E5;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_row:before, .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_row:after {
  content: " ";
  display: table;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_row:after {
  clear: both;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_row {
  *zoom: 1;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_row:last-child {
  margin-bottom: 0;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_td {
  display: block;
  padding: 0;
  border: none;
  font-size: 1.2rem;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_image {
  float: left;
  width: 70px;
  margin-right: 20px;
  padding-bottom: 10px;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_mnumber {
  display: inline;
  line-height: 1.366;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_mnumber a {
  font-size: 1.6rem;
  font-weight: bold;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_mnumber::after {
  content: " | ";
  font-size: 1.6rem;
  color: #E5E5E5;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_mnumber-none::after {
  content: "";
  display: none;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_model {
  display: inline;
  line-height: 1.366;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_model a {
  font-size: 1.6rem;
  font-weight: bold;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_maker {
  margin-top: 3px;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_comment {
  clear: both;
  padding-top: 5px;
}

.search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_comment p {
  line-height: 1.766;
  margin: 0;
  padding: 10px 0 20px;
  border-top: 1px dotted #E5E5E5;
  font-size: 1.2rem;
}

.search_seriesDetail_similar_search {
  margin: 0 -10px;
  padding: 20px 10px 10px;
  background-color: #FAFAFA;
  box-sizing: border-box;
}

.search_seriesDetail_similar_search + h2 {
  margin-top: 0;
}

.search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner .search_seriesDetail_similar_searchInput {
  display: block;
  position: relative;
  margin: 0 10px 10px;
  padding: 0;
}

.search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner .search_seriesDetail_similar_searchInput .icon {
  position: absolute;
  top: 7px;
  left: 6px;
}

.search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner .search_seriesDetail_similar_searchInput input {
  text-indent: 20px;
}

.search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner .search_seriesDetail_similar_regist {
  display: block;
  margin: 0 10px 10px;
  padding: 0;
  font-size: 1.4rem;
}

.search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner .search_seriesDetail_similar_regist .btn-normal {
  width: 206px;
  margin: 0 auto;
  padding: 6px 0 3px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left;
}

.search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner .search_seriesDetail_similar_regist .btn-normal .icon {
  margin-top: -4px;
}

@media only screen and (min-width: 768px) {
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock {
    margin: 0 10px;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table {
    display: table;
    width: 100%;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table tbody {
    display: table-row-group;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_row {
    display: table-row;
    border: none;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_row::before {
    display: none;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_row::after {
    display: none;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_th {
    display: table-cell;
    padding: 0 0 6px;
    font-size: 1.2rem;
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #E5E5E5;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_td {
    display: table-cell;
    width: 12.5%;
    padding: 6px 12px 6px 0;
    border-bottom: 1px solid #E5E5E5;
    vertical-align: middle;
    font-size: 1.2rem;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_image {
    float: none;
    width: 70px;
    min-width: 70px;
    padding-left: 0;
    padding-right: 20px;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_mnumber {
    width: 90px;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_mnumber a {
    font-size: 1.2rem;
    font-weight: normal;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_mnumber::after {
    content: "";
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_model {
    width: 280px;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_model a {
    font-size: 1.2rem;
    font-weight: normal;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_maker {
    width: 130px;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_comment {
    width: 300px;
  }
  .search_seriesDetail_similar .search_seriesDetail_similar_tableBlock .search_seriesDetail_similar_table .search_seriesDetail_similar_comment p {
    padding: 14px 0;
    border-top: none;
  }
  .search_seriesDetail_similar_search {
    margin: -1px 10px 0;
    padding: 10px 0;
    box-sizing: border-box;
  }
  .search_seriesDetail_similar_search:before, .search_seriesDetail_similar_search:after {
    content: " ";
    display: table;
  }
  .search_seriesDetail_similar_search:after {
    clear: both;
  }
  .search_seriesDetail_similar_search {
    *zoom: 1;
  }
  .search_seriesDetail_similar_search + h2 {
    margin-top: 50px;
  }
  .search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner {
    float: right;
  }
  .search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner .search_seriesDetail_similar_searchInput {
    float: left;
    width: 320px;
    height: 30px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner .search_seriesDetail_similar_searchInput input {
    width: 320px;
    height: 30px;
    font-size: 1.2rem;
    border: 1px solid #E5E5E5;
  }
  .search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner .search_seriesDetail_similar_searchInput .icon {
    top: 5px;
  }
  .search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner .search_seriesDetail_similar_regist {
    float: left;
    height: 30px;
    margin: 0 10px 0 -1px;
    padding: 0;
    box-sizing: border-box;
    font-size: 1.4rem;
  }
  .search_seriesDetail_similar_search .search_seriesDetail_similar_searchInner .search_seriesDetail_similar_regist .btn-normal {
    height: 30px;
    margin: 0 auto;
    padding: 2px 3px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
  }
}

.search_seriesDetail_comment .comment_inputArea {
  margin-right: 0;
  margin-bottom: 20px;
}

.search_seriesDetail_comment .commentBody p {
  word-break: break-all;
}

/* ---------------------------------------------------------------------
  _SH01200 search_seriesInfo
 --------------------------------------------------------------------- */
.search_seriesInfo_list .search_seriesInfo_list_tableBlock {
  margin: 0 10px;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table {
  display: block;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table tbody {
  display: block;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row {
  display: block;
  position: relative;
  padding-top: 18px;
  border-top: 1px solid #E5E5E5;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_shop {
  margin-right: 110px;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_shop a {
  font-size: 1.4rem;
  font-weight: bold;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_price {
  padding-bottom: 18px;
  font-size: 1.4rem;
  font-weight: bold;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_td {
  display: block;
  padding: 0;
  border: none;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfoBtn {
  display: block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 100px;
  height: 28px;
  border: none;
  padding: 0;
  text-align: right;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfoBtn .tag {
  width: 50px;
  margin-right: 14px;
  padding: 6px 0px;
  font-size: 1.2rem;
  text-align: center;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfoBtn .icon {
  margin-top: -4px;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo {
  display: none;
  padding: 18px 0 0;
  border: none;
  border-top: 1px dotted #E5E5E5;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo dl {
  margin-bottom: 20px;
  margin-left: 20px;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo dl:before, .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo dl:after {
  content: " ";
  display: table;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo dl:after {
  clear: both;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo dl {
  *zoom: 1;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo dl dt {
  clear: both;
  float: left;
  width: 50px;
  height: 26px;
  line-height: 26px;
  font-size: 1.2rem;
  color: #999;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo dl dt:after {
  content: "：";
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo dl dd {
  float: left;
  height: 26px;
  line-height: 26px;
  font-size: 1.2rem;
  color: #999;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo dl dd .icon {
  margin-top: -4px;
  margin-left: -4px;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo dl dd .tag {
  margin-right: 4px;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo-active {
  display: block;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo_btnWrap {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo_btnWrap p {
  display: table-cell;
  width: 50%;
  margin: 0;
  padding: 0 20px 0 8px;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo_btnWrap p:first-child {
  padding: 0 8px 0 20px;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo_btnWrap .btn-strong-ghost {
  /*padding: 8px 0;*/
  font-size: 1.2rem;
}

.search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_spInfo_btnWrap .btn-strong {
  /*padding: 8px 0;*/
  font-size: 1.2rem;
  border: 1px solid #007CA0;
}

.search_seriesInfo_list .search_seriesInfo_list_moreBtn {
  margin: -1px 0 0;
}

.search_seriesInfo_list .search_seriesInfo_list_moreBtn .btn-normal {
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock {
    margin: 0 10px 20px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table {
    display: table;
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table tbody {
    display: table-row-group;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row {
    display: table-row;
    border: none;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_th {
    display: table-cell;
    padding: 4px 0;
    border: none;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_th span {
    display: inline-block;
    font-weight: bold;
    font-size: 1.2rem;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_th:hover {
    cursor: pointer;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_th:hover span {
    border-bottom: 1px solid #999;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_th-asc::after {
    content: "▲";
    margin-left: 4px;
    font-size: 3px;
    color: #007CA0;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_th-desc::after {
    content: "▼";
    margin-left: 4px;
    font-size: 3px;
    color: #007CA0;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_td {
    display: table-cell;
    padding: 10px 0;
    border-top: 1px solid #E5E5E5;
    font-size: 1.2rem;
    vertical-align: middle;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_checkbox {
    width: 45px;
    min-width: 22px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_region {
    width: 50px;
    min-width: 37px;
    padding-right: 5px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_shop {
    width: 30%;
    margin-right: 0;
    padding-right: 5px;
    word-break: break-all;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_shop a {
    font-size: 1.2rem;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_stock {
    width: 50px;
    min-width: 35px;
    padding-right: 5px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_state {
    width: 55px;
    min-width: 55px;
    padding-right: 5px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_state a {
    font-size: 1.2rem;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_ship {
    width: 75px;
    min-width: 55px;
    padding-right: 5px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_price {
    width: 100px;
    min-width: 85px;
    padding-right: 5px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_settle {
    width: 140px;
    min-width: 140px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_settle .tag {
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 4px 8px;
    font-size: 1.2rem;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_settle .search_seriesInfo_tag-hidden {
    visibility: hidden;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_note {
    width: 50px;
    min-width: 35px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_note .icon {
    opacity: .1;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_note .icon-link {
    opacity: 1;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_buy {
    width: 100px;
    min-width: 100px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_buy .btn-strong {
    width: 90px;
    padding: 4px 0;
    font-size: 1.2rem;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_buy .btn-strong-ghost {
    width: 90px;
    padding: 4px 0;
    font-size: 1.2rem;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_inquiry {
    width: 90px;
    min-width: 90px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_inquiry .btn-strong {
    width: 90px;
    padding: 4px 0;
    font-size: 1.2rem;
  }
  .search_seriesInfo_list .search_seriesInfo_list_tableBlock .search_seriesInfo_list_table .search_seriesInfo_table_row .search_seriesInfo_table_inquiry .btn-strong-ghost {
    width: 90px;
    padding: 4px 0;
    font-size: 1.2rem;
  }
  .search_seriesInfo_list .search_seriesInfo_list_ckboxSubmit img {
    margin-right: 4px;
  }
  .search_seriesInfo_list .search_seriesInfo_list_ckboxSubmit p {
    font-size: 1.2rem;
  }
  .search_seriesInfo_list .search_seriesInfo_list_ckboxSubmit .btn-normal {
    display: inline-block;
    width: auto;
    margin-left: 5px;
    padding: 4px 10px;
    font-size: 1.2rem;
    font-weight: bold;
  }
}

.search_seriesInfo_modal .modal_title {
  margin-bottom: 10px;
}

.search_seriesInfo_modal .modal_footer {
  padding-right: 10px;
  padding-left: 10px;
}

.search_seriesInfo_modal .modal_footer .modal_submitBtn {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}

.search_seriesInfo_modal .modal_footer .modal_submitBtn span {
  display: table-cell;
  width: 50%;
  padding-left: 5px;
}

.search_seriesInfo_modal .modal_footer .modal_submitBtn span:first-child {
  padding-right: 5px;
  padding-left: 0;
}

.search_seriesInfo_modal .modal_footer .modal_submitBtn span .btn-strong {
  border: 1px solid #007CA0;
  font-size: 1.2rem;
}

.search_seriesInfo_modal .modal_footer .modal_submitBtn span .btn-strong-ghost {
  font-size: 1.2rem;
}

@media only screen and (min-width: 768px) {
  .search_seriesInfo_modal .modal_title p {
    font-size: 1.8rem;
  }
  .search_seriesInfo_modal .modal_footer {
    padding-right: 10px;
    padding-left: 10px;
  }
  .search_seriesInfo_modal .modal_footer .modal_submitBtn {
    text-align: center;
  }
  .search_seriesInfo_modal .modal_footer .modal_submitBtn span {
    display: inline-block;
    width: 160px;
  }
  .search_seriesInfo_modal .modal_footer .modal_submitBtn span:first-child {
    padding-right: 5px;
    padding-left: 0;
  }
  .search_seriesInfo_modal .modal_footer .modal_submitBtn span .btn-strong {
    width: 160px;
    border: 1px solid #007CA0;
    font-size: 1.2rem;
  }
  .search_seriesInfo_modal .modal_footer .modal_submitBtn span .btn-strong-ghost {
    width: 160px;
    font-size: 1.2rem;
  }
}

/* ---------------------------------------------------------------------
  search_makerIndex
 --------------------------------------------------------------------- */
.searchMakerIndex_pageNaviWrap {
  margin: 0 0 20px 10px;
}

.searchMakerIndex_pageNavi {
  display: inline-block;
  width: 20%;
}

.searchMakerIndex_pageNavi .searchMakerIndex_pageNavi_list {
  margin-right: 10px;
  margin-bottom: 10px;
}

.searchMakerIndex_pageNavi .searchMakerIndex_pageNavi_list a {
  display: block;
  padding: 10px 0;
  border: 1px solid #007CA0;
  font-weight: bold;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .searchMakerIndex_pageNavi {
    width: auto;
    margin-right: 12px;
    margin-bottom: 8px;
    background-color: #FAFAFA;
  }
  .searchMakerIndex_pageNavi .searchMakerIndex_pageNavi_list {
    display: inline-block;
    margin: 0 2px 0 0;
    padding: 0;
  }
  .searchMakerIndex_pageNavi .searchMakerIndex_pageNavi_list a {
    width: 33px;
    height: 33px;
    margin: 0;
    padding: 7px 0;
    border: 1px solid #E5E5E5;
    font-size: 1.4rem;
    box-sizing: border-box;
  }
  .searchMakerIndex_pageNavi .searchMakerIndex_pageNavi_list:first-child a {
    background-color: #FFF;
    border: 1px solid #007CA0;
  }
}

.searchMakerIndex_section {
  margin-bottom: 14px;
}

.searchMakerIndex_section h3 {
  font-size: 1.6rem;
  margin-bottom: 28px;
}

.searchMakerIndex_section .searchMakerIndex_lists {
  margin-bottom: 20px;
  padding: 0;
}

.searchMakerIndex_section .searchMakerIndex_lists:before, .searchMakerIndex_section .searchMakerIndex_lists:after {
  content: " ";
  display: table;
}

.searchMakerIndex_section .searchMakerIndex_lists:after {
  clear: both;
}

.searchMakerIndex_section .searchMakerIndex_lists {
  *zoom: 1;
}

.searchMakerIndex_section .searchMakerIndex_list {
  margin-bottom: 20px;
  font-size: 1.4rem;
  padding-right: 10px;
  padding-left: 10px;
}

@media only screen and (min-width: 768px) {
  .searchMakerIndex_section {
    margin-bottom: 0;
  }
  .searchMakerIndex_section .searchMakerIndex_list {
    width: 25%;
    float: left;
    box-sizing: border-box;
  }
  .searchMakerIndex_section .searchMakerIndex_list:nth-child(4n+1) {
    clear: both;
  }
}

/* ---------------------------------------------------------------------
  search_supplierDetail
 --------------------------------------------------------------------- */
.searchSupplierDetail_authorWrapper {
  background-image: url(../images/bg_logo_pattern.svg);
}

@media only screen and (max-width: 767px) {
  .searchSupplierDetail_authorWrapper .authorProfile-company .authorProfile_btn li {
    float: none;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchSupplierDetail_authorWrapper .col10 {
    width: 80%;
  }
  .searchSupplierDetail_authorWrapper .col02 {
    width: 20%;
  }
}

@media only screen and (min-width: 993px) {
  .searchSupplierDetail_authorWrapper .col10 {
    width: 80%;
  }
  .searchSupplierDetail_authorWrapper .col02 {
    width: 20%;
  }
}

.searchSupplierDetail_authorWrapper2 .col10 {
  width: 80%;
}

.searchSupplierDetail_authorWrapper2 .col02 {
  width: 20%;
}

.searchSupplierDetail_companyInfo {
  margin-top: 30px;
}

.searchSupplierDetail h2 {
  margin-top: 10px;
}

.searchSupplierDetail_pageNaviWrap {
  padding: 0 0 0 10px;
  margin-bottom: 20px;
}

.searchSupplierDetail_pageNavi {
  display: inline-block;
  width: 20%;
}

.searchSupplierDetail_pageNavi .searchSupplierDetail_pageNavi_list {
  margin-right: 10px;
  margin-bottom: 10px;
}

.searchSupplierDetail_pageNavi .searchSupplierDetail_pageNavi_list a {
  display: block;
  padding: 10px 0;
  border: 1px solid #007CA0;
  font-weight: bold;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .searchSupplierDetail_pageNavi {
    width: auto;
    margin-right: 12px;
    margin-bottom: 2px;
    background-color: #FAFAFA;
  }
  .searchSupplierDetail_pageNavi .searchSupplierDetail_pageNavi_list {
    display: inline-block;
    margin: 0 2px 0 0;
    padding: 0;
  }
  .searchSupplierDetail_pageNavi .searchSupplierDetail_pageNavi_list a {
    width: 33px;
    height: 33px;
    margin: 0;
    padding: 7px 0;
    border: 1px solid #E5E5E5;
    font-size: 1.4rem;
    box-sizing: border-box;
  }
  .searchSupplierDetail_pageNavi .searchSupplierDetail_pageNavi_list:first-child a {
    background-color: #FFF;
    border: 1px solid #007CA0;
  }
}

.searchSupplierDetail_section {
  margin-bottom: 14px;
}

.searchSupplierDetail_section h3 {
  font-size: 1.4rem;
}

.searchSupplierDetail_section .searchSupplierDetail_lists {
  padding: 0 0 0 10px;
}

.searchSupplierDetail_section .searchSupplierDetail_lists:before, .searchSupplierDetail_section .searchSupplierDetail_lists:after {
  content: " ";
  display: table;
}

.searchSupplierDetail_section .searchSupplierDetail_lists:after {
  clear: both;
}

.searchSupplierDetail_section .searchSupplierDetail_lists {
  *zoom: 1;
}

.searchSupplierDetail_section .searchSupplierDetail_list {
  margin-bottom: 10px;
  font-size: 1.4rem;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchSupplierDetail_section {
    margin-bottom: 0;
  }
  .searchSupplierDetail_section .searchSupplierDetail_list {
    width: 25%;
    float: left;
    margin-bottom: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  .searchSupplierDetail_section .searchSupplierDetail_list:nth-child(4n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 993px) {
  .searchSupplierDetail_section {
    margin-bottom: 0;
  }
  .searchSupplierDetail_section .searchSupplierDetail_list {
    width: 25%;
    float: left;
    margin-bottom: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  .searchSupplierDetail_section .searchSupplierDetail_list:nth-child(4n+1) {
    clear: both;
  }
}

.searchSupplierDetail_baseNaviWrap {
  margin-bottom: 30px;
  padding: 0 10px;
}

.searchSupplierDetail_baseNaviWrap th {
  width: 70px;
  box-sizing: border-box;
  vertical-align: middle;
}

.searchSupplierDetail_baseNaviWrap .searchSupplierDetail_baseNavi {
  margin-left: -30px;
}

.searchSupplierDetail_baseNaviWrap .searchSupplierDetail_baseNavi_list {
  float: left;
  margin-left: 30px;
  margin-bottom: 10px;
  font-size: 1.4rem;
}

.searchSupplierDetail_baseNaviWrap .searchSupplierDetail_baseNavi_list a {
  display: block;
  padding: 0;
}

.searchSupplierDetail_baseNaviWrap .listTable {
  table-layout: fixed;
}

.searchSupplierDetail_baseNaviWrap .productTable_service {
  word-wrap: break-word;
  padding-bottom: 0;
}

.searchSupplierDetail_baseSection {
  margin-bottom: 30px;
  padding: 0 10px;
}

.searchSupplierDetail_baseSection th {
  width: 30%;
  vertical-align: middle;
  font-size: 1.4rem;
}

.searchSupplierDetail_baseSection tr:first-child th, .searchSupplierDetail_baseSection tr:first-child td {
  border-top: none;
}

.searchSupplierDetail_baseSection .searchSupplierDetail_baseSection_code {
  margin-bottom: 10px;
}

.searchSupplierDetail_baseSection .searchSupplierDetail_baseSection_address {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .searchSupplierDetail_baseSection th {
    width: 180px;
  }
}

@media only screen and (min-width: 993px) {
  .searchSupplierDetail_baseSection th {
    width: 180px;
  }
}

/* ---------------------------------------------------------------------
  MY00100
 --------------------------------------------------------------------- */
.newsText {
  font-weight: bold;
}

.newsText .emphasizeText {
  font-size: 2.1rem;
}

.tabSet-mypage-borderTop {
  margin: 20px -10px 0;
  padding: 20px 10px 0;
  border-top: 1px solid #E5E5E5;
}

.tabSet-mypage {
  margin: 0 10px 30px;
  border-top: 1px solid #E5E5E5;
}

.tabSet-mypage li {
  display: block;
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  box-sizing: border-box;
}

.tabSet-mypage li a {
  display: block;
  padding: 10px 0 9px;
  text-align: center;
}

.tabSet-mypage li .current {
  font-weight: bold;
  color: #000;
}

.serviceList .serviceList_logo {
  vertical-align: middle;
  padding: 20px 40px;
}

.serviceList .serviceList_text {
  vertical-align: middle;
  padding-top: 20px;
}

@media only screen and (max-width: 767px) {
  .serviceList {
    margin-right: -10px;
    margin-left: -10px;
  }
  .serviceList .listTable {
    display: block;
  }
  .serviceList tbody {
    display: block;
  }
  .serviceList .serviceList_logo {
    display: block;
    text-align: center;
    border-bottom: none;
    padding-top: 40px;
  }
  .serviceList .serviceList_text {
    display: block;
    border-top: none;
    border-bottom: none;
  }
  .serviceList .serviceList_text h4 {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .tabSet-mypage_wrap {
    margin: 0 20px 0 0;
    padding: 0;
  }
  .tabSet-mypage_wrap .tabSet-mypage {
    display: table;
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #E5E5E5;
  }
  .tabSet-mypage_wrap .tabSet-mypage li {
    display: table-cell;
    width: auto;
    border-right: none;
    border-bottom: none;
  }
  .tabSet-mypage_wrap .tabSet-mypage li:first-child {
    border-left: none;
  }
  .tabSet-mypage_wrap .tabSet-mypage li a {
    padding: 10px 1px 10px 0;
  }
}

@media only screen and (min-width: 993px) {
  .tabSet-mypage {
    display: block;
    overflow: hidden;
    border-top: none;
    border-bottom: 1px solid #E5E5E5;
    zoom: 1;
  }
  .tabSet-mypage li {
    float: left;
    display: block;
    border-right: none;
    border-bottom: none;
  }
  .tabSet-mypage li:first-child {
    border-left: none;
  }
  .tabSet-mypage li a {
    padding: 10px 15px 10px 13px;
  }
}

/* ---------------------------------------------------------------------
  _MY00500 resign
 --------------------------------------------------------------------- */
.resign_header .firstHeading {
  padding-top: 20px;
}

.resign_header .rebase_header_services {
  padding: 0 10px;
}

.resign_header .rebase_header_services:before, .resign_header .rebase_header_services:after {
  content: " ";
  display: table;
}

.resign_header .rebase_header_services:after {
  clear: both;
}

.resign_header .rebase_header_services {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.resign_header .rebase_header_service {
  /*float: left;*/
  width: calc(calc(100% - 50px) / 5 );
  margin-right: 10px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    .resign_header .rebase_header_services {
        display: block;
    }
  .resign_header .rebase_header_service {
    display: inline-block;
    min-width: 182px;
  }
}

.resign_header .rebase_header_service img{
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 768px) {
  .resign_header .rebase_header_service {
    margin-bottom: 0;
  }
}

.resign_contents h3 img {
  margin-right: 10px;
}

.resign_contents .resign_tableHead_reason {
  width: 25%;
}

.resign_contents .resign_tableHead_resolution {
  width: 55%;
}

.resign_contents .resign_tableHead_link {
  width: 20%;
}

.resign_contents .resign_tableHead_link a {
  font-weight: bold;
}

.resign_contents .resign_table_reason {
  font-weight: bold;
}

.resign_contents .resign_passwd {
  margin: 10px 10px 20px;
  padding: 20px 0;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}

.resign_contents .resign_passwd p {
  margin: 0 0 5px;
}

.resign_contents .resign_passwd p:first-child {
  font-size: 1.2rem;
  font-weight: bold;
}

.resign_contents .resign_passwd p:first-child span {
  color: #999;
}

.resign_contents .resign_passwd .inputWrapper input[type=password] {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 1.6rem;
  border: solid 1px #CCC;
  border-radius: 0;
  box-shadow: inset 0 2px 0 0 transparent;
}

.resign_footer {
  text-align: center;
}

.resign_footer .resign_require {
  margin: 0 0 20px;
  padding: 0 0 20px;
  line-height: 2;
  border-bottom: 1px solid #E5E5E5;
  font-size: 1.2rem;
  font-weight: bold;
  color: #D73839;
}

.resign_footer .formBtns {
  margin-bottom: 20px;
}

.resign_footer .formBtns .btn-strong {
  font-weight: normal;
}

@media only screen and (min-width: 768px) {
  .resign_footer .formBtns li {
    width: 300px;
  }
}

/* ---------------------------------------------------------------------
  MY00610 mypageClipList
 --------------------------------------------------------------------- */
.mypageClipList {
  margin: 0 10px 20px;
  padding: 20px 20px 10px;
  border: 1px solid #E5E5E5;
}

.mypageClipList .mypageClipList_info .mypageClipList_heading {
  font-size: 1.8rem;
  font-weight: bold;
}

.mypageClipList .mypageClipList_info .items {
  margin-bottom: 50px;
}

.mypageClipList .mypageClipList_info .items li {
  font-size: 1.2rem;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .mypageClipList {
    margin: 0 10px 20px;
    padding: 30px;
  }
  .mypageClipList .mypageClipList_inner {
    display: table;
    width: 100%;
  }
  .mypageClipList .mypageClipList_inner .mypageClipList_info {
    display: table-cell;
    vertical-align: top;
  }
  .mypageClipList .mypageClipList_inner .mypageClipList_infoimage {
    width: 280px;
  }
}

@media only screen and (min-width: 993px) {
  .mypageClipList {
    margin: 0 10px 20px;
    padding: 30px;
  }
  .mypageClipList .mypageClipList_inner {
    display: table;
    width: 100%;
  }
  .mypageClipList .mypageClipList_inner .mypageClipList_info {
    display: table-cell;
    vertical-align: top;
    padding-right: 40px;
  }
  .mypageClipList .mypageClipList_inner .mypageClipList_infoimage {
    width: 380px;
  }
}

/* ---------------------------------------------------------------------
  _MY00800 downloadHistory
 --------------------------------------------------------------------- */
.downloadHistory_header .firstHeading {
  padding-top: 30px;
}

.downloadHistory_contents .btn-normal {
  font-weight: bold;
}

.downloadHistory_contents h3 {
  margin: 0 -10px 10px;
  padding: 5px 20px;
  border: none;
  font-size: 1.4rem;
  line-height: 30px;
}

.downloadHistory_contents h3:before, .downloadHistory_contents h3:after {
  content: " ";
  display: table;
}

.downloadHistory_contents h3:after {
  clear: both;
}

.downloadHistory_contents h3 {
  *zoom: 1;
}

.downloadHistory_contents h3 img {
  float: left;
  margin-right: 10px;
}

.downloadHistory_contents h3 span {
  margin-left: 20px;
  font-weight: bold;
}

.downloadHistory_sortWrap {
  margin: 0 -10px;
  padding: 0 10px;
  border-bottom: 1px solid #E5E5E5;
}

.downloadHistory_count {
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .downloadHistory_sortWrap {
    margin: 0 10px 20px;
    padding: 0;
    border-bottom: 1px solid #E5E5E5;
  }
  .downloadHistory_sortWrap:before, .downloadHistory_sortWrap:after {
    content: " ";
    display: table;
  }
  .downloadHistory_sortWrap:after {
    clear: both;
  }
  .downloadHistory_sortWrap {
    *zoom: 1;
  }
  .downloadHistory_count {
    float: left;
    width: 45%;
    margin-bottom: 10px;
    margin-left: 0;
  }
  .downloadHistory_sort {
    float: right;
    width: 45%;
    margin-bottom: 10px;
    margin-right: 0;
    text-align: right;
  }
  .downloadHistory_contents h3 {
    margin: 0 10px 30px;
    padding: 5px 10px;
  }
}

.downloadHistory_checkWrap .downloadHistory_checkWrap_catalog {
  text-align: right;
}

.downloadHistory_checkWrap .downloadHistory_checkWrap_catalog p {
  margin-bottom: 10px;
}

.downloadHistory_checkWrap .downloadHistory_checkWrap_catalog a {
  font-size: 1.2rem;
}

@media only screen and (min-width: 768px) {
  .downloadHistory_checkWrap {
    margin: 0 0 10px;
  }
  .downloadHistory_checkWrap:before, .downloadHistory_checkWrap:after {
    content: " ";
    display: table;
  }
  .downloadHistory_checkWrap:after {
    clear: both;
  }
  .downloadHistory_checkWrap {
    *zoom: 1;
  }
  .downloadHistory_checkWrap .downloadHistory_checkWrap_download {
    float: left;
    width: 60%;
  }
  .downloadHistory_checkWrap .downloadHistory_checkWrap_download .btn-normal {
    font-size: 1.2rem;
  }
  .downloadHistory_checkWrap .downloadHistory_checkWrap_download .btn-compact {
    padding: 5px 12px;
  }
  .downloadHistory_checkWrap .downloadHistory_checkWrap_catalog {
    float: right;
    width: 38%;
  }
}

.downloadHistory_tableSp {
  margin: 0 -10px;
}

.downloadHistory_tableSp + p {
  margin-top: 20px;
  margin-bottom: 0;
}

.downloadHistory_tableSp .downloadHistory_tableSp_header {
  padding: 10px 0 0;
  border-bottom: none;
}

.downloadHistory_tableSp .downloadHistory_tableSp_headerInner {
  padding: 0 20px 5px;
  border-bottom: 1px dashed #E5E5E5;
}

.downloadHistory_tableSp .downloadHistory_tableSp_headerInner:before, .downloadHistory_tableSp .downloadHistory_tableSp_headerInner:after {
  content: " ";
  display: table;
}

.downloadHistory_tableSp .downloadHistory_tableSp_headerInner:after {
  clear: both;
}

.downloadHistory_tableSp .downloadHistory_tableSp_headerInner {
  *zoom: 1;
}

.downloadHistory_tableSp .downloadHistory_tableSp_date {
  float: left;
  width: 50%;
  font-size: 1rem;
  color: #999;
}

.downloadHistory_tableSp .downloadHistory_tableSp_action {
  float: right;
  width: 45%;
  text-align: right;
}

.downloadHistory_tableSp .downloadHistory_tableSp_info {
  padding-right: 0;
  border-top: none;
}

.downloadHistory_tableSp .downloadHistory_tableSp_tag {
  margin: 10px;
}

.downloadHistory_tableSp .downloadHistory_tableSp_tag span {
  padding: 5px 20px;
}

.downloadHistory_tableSp .downloadHistory_tableSp_text {
  margin: 0 10px 10px;
  line-height: 1.15;
}

.downloadHistory_tableSp .downloadHistory_tableSp_text a {
  font-size: 1.2rem;
}

.downloadHistory_tableSp .downloadHistory_tableSp_image {
  width: 80px;
  padding: 20px 20px 0 0;
  border-top: none;
  text-align: right;
}

.downloadHistory_table .listTable {
  margin-bottom: 40px;
}

.downloadHistory_table + p {
  margin-top: -41px;
  margin-bottom: 0;
}

.downloadHistory_table .downloadHistory_table_checkboxHead {
  width: 20px;
  padding-top: 7px;
  padding-bottom: 5px;
  text-align: center;
}

.downloadHistory_table .downloadHistory_table_dateHead {
  width: 110px;
  padding-bottom: 5px;
}

.downloadHistory_table .downloadHistory_table_tagHead {
  padding-bottom: 5px;
}

.downloadHistory_table .downloadHistory_table_imageHead {
  padding-bottom: 5px;
}

.downloadHistory_table .downloadHistory_table_actionHead {
  width: 80px;
  padding-bottom: 5px;
}

.downloadHistory_table .downloadHistory_table_checkbox {
  text-align: center;
}

.downloadHistory_table .downloadHistory_table_date {
  padding-top: 13px;
  padding-bottom: 7px;
  font-size: 1rem;
  color: #999;
}

.downloadHistory_table .downloadHistory_table_tag {
  padding-top: 13px;
  padding-bottom: 7px;
}

.downloadHistory_table .downloadHistory_table_tag .tag {
  width: 80px;
  padding: 5px 10px;
  text-align: center;
}

.downloadHistory_table .downloadHistory_table_name {
  line-height: 1.3;
}

.downloadHistory_table .downloadHistory_table_name a {
  font-size: 1.2rem;
}

.downloadHistory_table .downloadHistory_table_image {
  position: relative;
  vertical-align: middle;
}

.downloadHistory_table .downloadHistory_table_image img:hover {
  cursor: pointer;
}

.downloadHistory_table .downloadHistory_table_image img:hover + div {
  opacity: 1;
  z-index: 1;
}

.downloadHistory_table .downloadHistory_table_imageWrap {
  opacity: 0;
  position: absolute;
  top: 10px;
  left: -160px;
  width: 160px;
  height: 160px;
  padding: 10px;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  z-index: -1;
}

.downloadHistory_table .downloadHistory_table_action {
  padding-left: 0;
  vertical-align: middle;
  text-align: right;
}

.downloadHistory_table .downloadHistory_table_action span {
  margin-left: 10px;
}

.downloadHistory_carousel h2 {
  word-wrap: break-word;
}

/*お問い合わせ*/
.cf_productTable_image {
  float: left;
}

.cf_productTable_image + h2 {
    font-size: 1.2rem;
    margin: 0 0 10px;
    padding: 0;
    border: none;
}

.cf_productTable_targetproduct {
  display:table;
  margin-bottom:20px;
}

.cf_productTable_targetproduct p {
  display:table-cell;
  vertical-align: top;
  padding-left:10px;
}

/*ログインモジュール*/
.sw-loginBox-warpper {
  padding:0 10px;
  margin-bottom:20px;
}

.loginBox-container,
.loginBox-head,
.loginBox-table,
.loginBox-cell,
.loginBox-status,
.presentID,
.btn-changeID {
  box-sizing:border-box;
}

.loginBox-container {
  min-width:295px;
  width: 100%;
  padding:30px 20px;
  border:3px solid #E5E5E5;
}

.loginBox-head {
  width:100%;
}

.loginBox-head p {
  text-align: center;
}

.loginBox-status {
  display: table;
}

.loginBox-brandLogo {
  text-align: center;
   margin: 0 10px 20px;
   padding: 0;
}

.loginBox-brandLogo li {
  box-sizing: border-box;
  display: inline-block;
  width:20%;
  vertical-align: middle;
}

@media screen and (min-width:768px) {
  .loginBox-brandLogo li:not(:last-child) {
    padding-right:20px;
  }

  .loginBox-brandLogo li img {
    width:100%;
    height:auto;
  }
}

@media screen and (max-width:767px){
  .loginBox-brandLogo li {
  box-sizing: border-box;
  display: block;
  width:100%;
  text-align: center;
  margin-bottom:20px;
  }
}

.loginBox-registerNewId {
  width:200px;
  margin:0 auto;
}

.btn-registerNewId {
  width:200px;
  font-size:1.4rem;
}

.btn-inquiryComplete {
  /*width:180px;*/
}

/*.loginBox-container > p,*/
.presentID p {
  font-weight: bold;
}

.presentID,
.btn-changeID {
  display:table-cell;
}

.btn-changeID .btn-strong {
  font-size:1.4rem;
}


.loginBox-register {
  width:620px;
  margin:0 auto 20px;
  padding-bottom:20px;
  border-bottom:1px solid #E5E5E5;
  box-sizing:border-box;
}

.loginBox-emailInput {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

.loginBox-emailInput li {
  display:inline-block;
  box-sizing:border-box;
}

.loginBox-emailInput li input[type=text] {
  height:40px;
}

.loginBox-emailInput li:first-child{
  width:400px;
}

@media screen and (max-width:767px){
  .loginBox-emailInput li:first-child{
    padding: 0 10px;
  }
}

.loginBox-emailInput li:last-child {
  width:210px;
}

@media screen and (max-width:767px){
  .loginBox-emailInput li:last-child {
      padding: 0 10px;
      max-width: 255px;
      margin: 0 auto;
  }
}

.loginBox-table {
  display: table;
  margin:0 auto;
  min-width:560px;
}

.loginBox-cell {
  display:table-cell;
  width:50%;
}

.loginBox-cell:first-child {
  border-right:1px solid #E5E5E5;
  padding-right:30px;
}

.loginBox-cell:last-child p {
  margin-left:30px;
}

.loginBox-cell p,
.loginBox-register p {
  font-weight:bold;
  margin-left:0;
  font-size:1.2rem;
  text-align:center;
}

.loginBox-cell ul {
  margin:0;
  padding:0;
}

.loginBox-cell ul li {
  display: inline-block;
  text-align: center;
  vertical-align:middle;
  box-sizing: border-box;
  width:60px;
  height:40px;
  background-color: #E5E5E5;
  line-height:2.5;
  margin-right:10px;
}

.loginBox-cell ul li:last-child {
  margin-right:0;
  background-color:#FFFFFF;
  border:1px solid #E5E5E5;
}

.loginBox-cell .btn-strong-ghost {
  margin:0 auto;
  width:140px;
  height:40px;
  font-size:1.4rem;
  line-height: 1.5;
}

@media screen and (max-width:767px) {
  .loginBox-container {
    padding: 30px 10px;
    width:100%;
  }

.loginBox-status {
  margin:0 auto;
}
  .presentID,
  .btn-changeID {
    display: block;
  }

.loginBox-register {
  width:100%;
  margin:0 auto ;
  padding:0 0 20px;
  border-bottom:1px solid #E5E5E5;
  box-sizing:border-box;
}

.loginBox-emailInput li:first-child{
  display:block;
  width:100%;
  margin-bottom:10px;
}

.loginBox-emailInput li:last-child {
  display:block;
  width:100%;
}

  .loginBox-table {
    min-width:255px;
  }

  .loginBox-cell {
    display:block;
    width:100%;
    padding-top:10px;
  }

  .loginBox-cell:first-child {
    border-bottom:1px solid #E5E5E5;
    border-right:none;
    padding-right:0;
  }

  .loginBox-cell p,
  .loginBox-register p {
    font-size:1.2rem;
    margin-bottom:10px;
  }

  .loginBox-cell:last-child p {
    margin-left:0;
  }

  .loginBox-cell ul {
    margin-bottom:20px;
  }

  .loginBox-cell ul li {
    height:50px;
    margin-right:5px;
    line-height:3.2;
  }

  .loginBox-cell .btn-strong-ghost {
    height:50px;
  }
}

/* 検索結果画面のドロワー */
#overlay {
  display:none;
}

@media screen and (max-width:992px) {
  body.open {
    position:fixed;
  }

  #wrapper {
    position:relative;
  }

  #overlay.open {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index:105;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .5);
  }

  #drawer {
      position: fixed;
      z-index: 110;
      top: 0;
      left: -240px; 
      width: 240px;
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll;
      background-color: #FFFFFF;
      -webkit-overflow-scrolling: touch; 
      -webkit-transition: all .3s;
        -moz-transition: all .3s;
          -o-transition: all .3s;
              transition: all .3s;
  }
 
  #spDrawer {
    -webkit-overflow-scrolling: touch; 
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  #spDrawer.open {
    -webkit-transform: translate3d(240px, 0 ,0);
    -moz-transform: translate3d(240px, 0 ,0);
    transform: translate3d(240px, 0 ,0);
  }

  #drawer.open {
      -webkit-transform: translate3d(240px, 0, 0);
        -moz-transform: translate3d(240px, 0, 0);
              transform: translate3d(240px, 0, 0);
  }
}


/*利用規約*/
.regulationIndex {
  margin-left: 20px;
}

.getAdobe td {
  border:none;
}

@media screen and (max-width:767px) {
  .getAdobe td {
    display:block;
  }
  .getAdobe tr td:first-child {
    text-align:center;
  }
}

/*エラーページ*/
.box404 {
    margin: 0 10px 20px;
    padding: 10px 20px 3px;
    border: solid 1px #E5E5E5;
    border-radius: 4px;
}
.para404{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #E5E5E5;
}

@media screen and (min-width: 993px) {
  .404 {
    height:90px;
  }
}

.inactive {
  opacity: 0.2;
}

.search_seriesInfo_spInfo .inactive a {
  color:#999999;
}

.formBtns .inactive,
.search_seriesInfo_table_td .inactive,
{
  color:#007CA0;
}

/*TOPに戻る*/
#scrollTop {
  padding-right:10px;
  color:#767676;
  font-size:1.2rem;
  text-align: right;
  margin-top:40px;
}

@media screen and (max-width:767px) {
  #scrollTop {
    display:none;
  }
}

#scrollTop:hover {
  cursor: pointer;
}

.scrollTop-arrow {
  display: inline-block;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scaleX(1.2);
  -moz-transform:scaleX(1.2);
  transform:scaleX(1.2);
  -webkit-transform: rotate(90deg);
  -moz-transform:rotate(90deg); 
  transform: rotate(90deg);
}

/* IDがらみの */
.id_formItems {
  width:80%;
  margin:0 auto 30px;
  max-width: 480px;
}

.id_formItems dt {
  margin: 20px 0 10px;
  font-size: 1.2rem;
  font-weight: bold;
}

.id_formItems .require {
  font-weight: bold;
  color: #D73839;
}

.id_formItems dd p {
  margin-right: 0;
  margin-left: 0;
}

.id_formItems .errorText {
  margin-top: -10px;
}

.loginModal .loginBox-brandLogo {
  margin: 0 40px 20px!important;
}

.header_user .reactroot {
    position: relative;
}

.header_user .reactroot .envBalloon {
    box-sizing: border-box;
    font-size: 8px;
    font-weight: bold;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: -30px;
    width: 40px;
    height: 40px;
    padding-top: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

.header_user .reactroot .envBalloon.search-stg,
.header_user .reactroot .envBalloon.account-stg,
.header_user .reactroot .envBalloon.id-stg {
    background-color: #8e56a6;
}

.header_user .reactroot .envBalloon.search-stg:after,
.header_user .reactroot .envBalloon.account-stg:after,
.header_user .reactroot .envBalloon.id-stg:after {
    position: absolute;
    z-index: 0;
    top: 50%;
    right: -16px;
    margin-top: -11px;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #8e56a6;
}

.header_user .reactroot .envBalloon.search-test,
.header_user .reactroot .envBalloon.account-test,
.header_user .reactroot .envBalloon.id-test {
    background-color: #ffc457;
}

.header_user .reactroot .envBalloon.search-test:after,
.header_user .reactroot .envBalloon.account-test:after,
.header_user .reactroot .envBalloon.id-test:after {
    position: absolute;
    z-index: 0;
    top: 50%;
    right: -16px;
    margin-top: -11px;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #ffc457;
}